[JavaScript 요약 정리] 17. 쿠키와 저장소

17. 쿠키와 저장소

1) 쿠키

- 키와 값이 들어있는 데이터 조각

- 이름, 값, 파기 날짜, 경로 정보 존재

2) 쿠키 생성

- document.cookie = 'Name=Value;Expires=만료;Domain=도메인;Path=경로;Secure';

Name, Value: 데이터를 저장하고 읽는데 사용하는 속성 // 필수

Expires: 쿠키의 파기 날짜 (GMT 혹은 UTC 형식 날짜 입력) // 미입력: 브라우저 종료시 파기

Secure: 쿠키의 보안 연결 여부

3) 쿠키 제거

- Expires 속성을 현재 이전의 날짜로 설정

4) 쿠키 읽기

- 쿠키 읽기 예시

var cookies = document.cookie.split(';');

var value = '';

for(i in cookies) {

if(cookies[i].search(키) != -1) {

value=cookies[i].replace(키 + '=', '');

}

}

5) JQuery Cookie 플러그인

- 설치: https://plugins.jquery.com/cookie/

- $.cookie(options) 메소드의 매개변수

$.cookie(키) : 조회

$.cookie(키, 값) : 저장

$.cookie(키, null) : 삭제

$.cookie(키, 값, {옵션}) :

옵션

expires, path, domain, secure, raw(인코딩 속성)

6) 저장소

- 로컬 저장소: 웹 브라우저를 삭제하기 전까지 데이터 저장

- 세션 저장소: 웹 브라우저 종료시까지 데이터 저장

- localStroage 객체의 메소드

setItem(key, value) : 데이터 생성

getItem(key) : 데이터 조회

removeItem(key) : 데이터 삭제

clear() : 모든 데이터 삭제

key(number) : 특정 위치 데이터 조회