[JavaScript] cookie

cookie

-브라우저에 저장되는 데이터의 일종

-도메인 단위로 데이터 저장 (ex. a.com 에서 저장한 cookie는 b.com 에서 접근 불가)

-용량과 개수에 제한이 있음

-만료일 설정 가능

-*자동으로 HTTP Request에 포함된다* (ex. 쿠키를 저장하고 나서 html 요청하면 해당 쿠키를 같이 전송)

- 'key=value; key=value;' 이런 식으로 저장이 된다.

 

document.cookie

 : 현재 페이지의 쿠키를 보여준다. 

document.cookie.split(' ;  ')

: ; (세미콜론)으로 나눠주면 쿠키가 몇 개인지 알 수 있을 것

document.cookie = 'name=gggg'

 : 쿠키를 이렇게 세팅도 가능하다.

 

expires(유효 일자)나 max-age(만료 기간) 옵션을 이용하여 쿠키 삭제도 가능하다

// 지금으로부터 하루 후
let date = new Date(Date.now() + 86400e3);
date = date.toUTCString();
document.cookie = "user=John; expires=" + date;

expires 옵션 값을 과거로 지정하면 쿠키는 삭제된다.