본문 바로가기

javascript4

서버단(PHP) 처리 vs 스크립트단(JS) 처리 에러를 마주하게 될 때면, 서버단(PHP) 에서는 어떻게 처리를 해주고 있고, 스크립트단(JS) 에서는 어떤 처리를 해주고 있는지 확인해보게 된다. 예시) 로그인시 공백이 포함되어있을 때, 에러나는 현상에 대해서 말해보자. 서버단(php) 에서 공백제거를 해주어야할까? 아니면 스크립트단에서 공백 제거를 해주어야할까? 먼저 입력값에 대한 검증을 JS에서 하게되면 브라우저의 개발자 도구를 사용해서 정보를 조작할 수도 있다. 기본적으로 JS의 검증 결과를 신뢰해서는 안되므로, 반드시 php단에서 다시 한번 확인을 거쳐야한다. 그러나, 어차피 php에서 다시 검증할거라면 굳이 js 에서 검증할 필요가 없지 않을까? 따라서, "JS에서 할수 있는데 왜 굳이 php에서 할까?" 가 아닌, "php에서 할 수 있는데.. 2023. 10. 4.
[Javascript] 객체와 배열 1. 자바스크립트 객체 - 프로퍼티: 객체에 소속된 변수 - 메소드: 객체에 소속된 함수 객체의 유형 - 코어 객체 : 기본 객체 - HTML DOM : HTML 페이지에 작성된 HTML 태그들을 브라우저가 하나씩 객체화한것 HTML 페이지의 내용과 모양을 제어하기 위함 - 브라우저 관련 객체(Browser Object Model) 2. 배열 배열은 Array 객체이다 String 객체: String 객체는 수정 불가 String 메소드 종류 메소드 설명 chatAt(index) 인덱스의 문자 -> 문자열로 만들어 리턴 charCodeAt(index) 인덱스의 문자 -> 16비트 유니코드값 리턴 concat(s1, s2, ... , sN) 현재 문자열 뒤에 문자열 s1, s2, ... , sN을 순서대로.. 2020. 11. 2.
[Javascript] 자바스크립트 기초 자바스크립트 코드의 위치 HTML 태그의 이벤트 리스너 속성에 작성 안에다 여러개 작성 function over(obj){ obj.src="media/banana.png"; } function out(obj){ obj.src="media/apple.png"; } 자바스크립트 파일에 작성 URL 부분에 작성 링크 자바스크립트로 HTML 컨텐츠 출력 document.write("Welcome!") 자바 스크립트 다이얼로그 : 사용자 입력 및 메시지 출력 프롬프트 다이얼로그 prompt("메시지", "디폴트입력값") 확인 다이얼로그 confirm("메시지") 경고 다이얼로그 alert("메시지") 2020. 11. 2.
JSON 이란? JSON(JavaScript Object Notation) : 경량의 데이터 교환 방식 º 객체를 표현하는 방식 º 속성-값 쌍으로 이루어진 데이터를 전달하고, 인간이 읽을 수 있는 데이터 교환용으로 설계된 개방형 표준 포맷 º 속성 : name/value 형태의 쌍으로 collection 타입 º JSON의 장점 - 데이터의 크기가 작다 - text 기반으로 사람이 읽고 쓰기에 용이하다 - 프로그래밍 언어나 플랫폼에 상관없이 사용할 수 있다 - 데이터를 server로 주고 받을 때 직렬화를 위해 사용한다 º JSON 내의 API - stringfy : Object를 받아와서 String으로 반환해주는 메소드 (직렬화) - parse : JSON의 string data 를 받아와서 Object로 반환해주.. 2020. 10. 27.