2023-04-04 화요일

✏️ 무엇을 배웠나

쿠키 사용법

1. 생성하기

document.cookie = 'sample1=안녕';

2. 불러오기

// 전부 불러오기
const all = document.cookie;
console.log(all); // ...... sample1=안녕

// 문자열 메서드를 사용해 특정 쿠키를 불러올 수도 있음

3. 옵션 설정

// 2023년 4월 4월 정시까지 유지, 그 후 사라짐
document.cookie = 'sampale1=안녕;expires=Tue, 04 Apr 2023 00:00:00 GMT';

// 1시간 동안 유지, 그 후 사라짐
document.cookie = 'sample2=안녕; maxAge= 3600';

// 브라우저 닫으면 사라짐
document.cookie = 'sample3=곧사라짐';

Expires / Max-Age

Expires와 Max-Age는 쿠키의 만료 기간을 설정하는 속성이다. 이 속성을 설정하지 않으면 쿠키는 세션 쿠키로 작동한다. 세션 쿠키는 메모리에만 저장되므로 브라우저를 닫으면 쿠키는 사라진다. 일정 기간 유지해야 하는 쿠키라면 반드시 Expires 또는 Max-Age를 설정해야 한다.

1. Expires를 사용하면 만료 기간을 절대적인 특정 일시로 지정할 수 있다.
2. Max-Age를 사용하면 만료 기간을 숫자로 지정할 수 있다. (3600 = 1시간)

Expires와 Max-Age를 둘 다 설정하면 Max-Age가 우선 적용됨