평범한 연구소

파라미터 값의 인코딩 및 디코딩 웹 브라우저: 웹 서버에 파라미터를 전송할 때 알맞은 charset 을 이용해서 파라미터 값을 인코딩 웹 서버: 알맞은 charset 을 이용해 웹 브라우저가 전송한 파라미터 데이터를 디코딩 charset 종류: ISO-8859-1(기본), UTF-8 ... 웹 브라우저가 UTF-8을 이용해 인코딩했다면, 파라미터 값 또한 UTF-8로 디코딩해야 올바른 파라미터 값 사용 가능 UTF-8 인코딩 공백: "+" [ : "%5B" ] : "%5D" 영숫자를 제외한 문자: %HH (문자코드의 16진수 2자리) ex) "자바" : %EC%9E%90%EB%B0%94 GET 방식의 파라미터 전송 a 태그 이용 텍스트 javascript의 location.href 속성 이용 locati..

GET POST 캐시 가능 캐시되지 않는다 브라우저 히스토리에 남는다 브라우저 히스토리에 남지 않는다 북마크 될 수 있다 북마크 되지 않는다 데이터 길이 제한 데이터 길이 제한 없음 데이터가 URL에 노출된다 URL에 데이터 노출되지 않음 리소스 요청할 때 사용 (검색, 불러오기 작업) 리소스 생성할 때 사용 (삭제, 수정 작업) 멱등 (연산을 여러번 적용하더라도 결과 달라지지 않음) 멱등이 아님 데이터를 Header에 포함하여 전송 (body 없음) 데이터를 body에 포함하여 전송 HTTP 응답 코드: 200 HTTP 응답 코드: 201 get은 멱등이 있어서 캐시가 된다 멱등 : (동일한 파라미터가 있으면 서버로 가지 않음) -> 매번 다른 파라미터를 보내면 해결.

RegExp 객체 정규 표현식을 구현한 자바스크립트 표준 내장 객체 형식: var 변수 = new RegExp(pattern [, flags]) (1) 리터럴 방식 p = /ab+c/i; // 파라미터에 따옴표 사용하면 안된다 (2) 생성자 방식 p = new RegExp('ab+c', 'i'); // 파라미터에 따옴표 사용해야한다 // 리터럴 방식 p = /ab+c/i; // i:대소문자 구분 안함. +:앞문자 1자 이상 s = 'xy abc 12'; console.log(p.test(s)); // true s = 'xy ab 12'; console.log(p.test(s)); // false // 생성자 방식 p = new RegExp('ab+c', 'i'); s = 'xy Abbc 12'; cons..

document 객체 window 객체의 document 속성은 브라우저가 불러온 웹페이지를 나타내는 document 객체, 페이지 콘텐츠(DOM트리)의 진입점 역할 수행 document 객체는 웹페이지 그 자체를 의미한다. 웹페이지에 존재하는 HTML 요소에 접근할 때 document 객체로 접근한다. Document 인터페이스 구현체. document 객체 주요 속성 document 객체 주요 메소드 document를 이용한 form 요소 접근 방법 form 태그의 name 속성으로 접근 getElmentByName() 메소드를 이용하여 name 속성으로 접근 getElementById() 메소드를 이용하여 id 속성으로 접근 class 속성 값으로 접근 이름: 생일: 나이: 확인 form 태그의 n..

Set() 중복되지 않는 유일한 값들의 집합 요소 순서에 의미 X 인덱스로 요소 접근 불가 array() 보다 속도 느리다 for ~ of 로 순회 add() 요소 추가 size 요소의 개수 반환 has() 주어진 값의 요소가 있는지 확인하고 그 여부 boolean 반환 delete() 주어진 요소만 삭제하고 제거 여부 boolean 반환 clear() 모든 요소 삭제 Set() 주요 메소드 예제 var set = new Set(); // 중복 허용 안함 set.add("java"); set.add("oracle"); set.add("html"); set.add("css"); set.add("java"); set.add("spring"); console.log( set.size ); // 5 (개수) c..

Array() 배열을 생성할 때 사용하는 리스트 형태의 고수준 객체 인덱스는 0부터 시작 (자바와 동일) 타입이 고정적이지 않음. 같은 배열 안의 원소 타입이 서로 다를 수 있다. 32비트 인덱스 사용 크기가 동적이다 배열을 생성하거나 크기 변경되어 다시 할당하더라도 배열의 크기 다시 선언할 필요 X 모든 배열은 객체 즉, 배열은 객체 프로토타입으로부터 속성들을 상속받은 객체 배열 리터럴에서 빠진 부분이 있다면, 해당 부분의 원소 값은 undefined. Array() 주요 메소드 join() concat() 배열과 배열/값 매개변수를 이어붙여 새로운 배열 반환 push() 맨 끝에 하나 이상의 요소를 추가하고, 변경된 length를 반환 pop() 배열에서 마지막 요소를 뽑아내고(삭제), 그 요소를 반..