의 차이에 대해 캐묻는다면 나는 얼마나 대답할수 있을까
로컬스토리지
- 로컬에 도메인별로 지속됨 직접 지워야함
- 얘도 세션과 마찬가지로 저장된 자료는 페이지 프로토콜별로 구분
- 웹 스토리지히로 용량제한만 있고 시간제한 설정 불가
https://developer.mozilla.org/ko/docs/Web/API/Window/localStorage
https://runebook.dev/ko/docs/dom/window/localstorage
세션스토리지
- 페이지 세션이 끝나면 끝! 세션스토리지 안 객체 초기화
- 페이지 세션은 브라우저가 열려있는 한 새고, 페이지 복구해도 남아있음
- 같은 도메인이더라도 새탭 새창 열면 새로운 세션 시작
- 세션 스토리지 안 자료는 페이지 프로토콜별로 구분👉 http로 방문했을때 저장된 데이터랑 https로 방문했을때 다른 세션 스토리지에 저장된단 말임
https://developer.mozilla.org/ko/docs/Web/API/Window/sessionStorage
https://runebook.dev/ko/docs/dom/window/sessionstorage
쿠키
- HTTP 요청 헤더는 HTTP cookies를 포함
- 서버가 Set-Cookie 헤더를 담아 응답
- 동일한 브라우저에서 서버에 요청을 보낼때 저장된 쿠키는 헤더에 담아 같이 전송됨 (도메인이 같으면 같은 쿠키 보냄)
- 쿠키 수명은 두우개! 세션쿠키와 영구쿠키
- 영구쿠키는 지정된 날짜 아님 최대 날짜에 따라 수명이 달림
- 세션쿠키 : 현재 세션 끝나면 끝, 근데 현재 세션을 정의할때가 중요함. 브라우저는 현재 세션이 끝나는 시점을 정의하고 어떤 브라우저는 다시 시작할때 세션 복원을 하는데 그래서 세션 쿠키가 평생 지속될수도 있음
https://developer.mozilla.org/ko/docs/Web/HTTP/Headers/Cookie
https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie/SameSite
https://runebook.dev/ko/docs/http/cookies
https://web.dev/samesite-cookies-explained/
