해당 포스팅 내용 정리
https://www.daleseo.com/http-cookies/
https://www.daleseo.com/js-web-storage/
기본 흐름
1. 클라이언트에서 요청
2. 서버에서 응답하면서 cookie 설정(In Response)
: 다음 요청마다 이 cookie를 가져오렴?
Set-Cookie: <key1>=<value1>
Set-Cookie: <key2>=<value2>3. 매 요청마다 클라이언트가 cookie 전달(in Request Header)
Cookie: <key1>=<value1>; <key2>=<value2>Cookie의 Option들
Set-Cookie: <key1>=<value1>; {{옵션}}기간
-
없음
세션 쿠키. 세션 종료시 만료 -
Max-Age=3600
해당 기간(단위 : 초)까지 만료 -
Expires=Tue, 19 Jan 2038 03:14:07 GMT
해당 날짜 이후 만료
적용 범위
-
Domain=test.com
a.test.com, b.test.com 및 하위 path 모두에 해당 cookie값 포함 -
Path=/user
test.com/user 요청 시에만 해당 cookie값 포함
보안
- Secure
https에서만 처리
- HttpOnly
js - Document.cookie 로 접근 불가
Cookie의 대체 기술(웹 스토리지)
동일 브라우저에서만 유효함
종류
세션 스토리지
- 동일 탭, 창 내에서만 공유
로컬 스토리지
- 다른 탭, 창과도 공유
- 브라우저가 닫혀도 유지됨
주의사항
- String 값만 저장 가능
localStorage.setItem('obj', {a: 1, b: 2});
localStorage.getItem('obj'); //return [Object Object]=> JSON.stringify 활용 필요
