localStorage, sessionStorage, cookie

김듑듑·2022년 7월 24일

의 차이에 대해 캐묻는다면 나는 얼마나 대답할수 있을까

로컬스토리지

  • 로컬에 도메인별로 지속됨 직접 지워야함
  • 얘도 세션과 마찬가지로 저장된 자료는 페이지 프로토콜별로 구분
  • 웹 스토리지히로 용량제한만 있고 시간제한 설정 불가

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/

0개의 댓글