posts
FE
03-browser
Web Storage

Web Storage

  • 클라이언트(사용자)측에서 이름:값 쌍의 데이터를 저장하는 메커니즘
  • 쿠키와 다르게 HTTP 헤더를 통한 조작이 불가능하고, 서버로 전송되지 않음
  • 도메인 + 프로토콜 + 포트 로 구성된 origin으로 관리됨

종류

1. localStorage

  • origin이 같을 경우, 여러 탭과 창에 공유된다.
  • 세션 이후에도 지속되는 저장소
  • 컴퓨터를 종료하거나 브라우저를 종료해도 값이 계속 유지된다.

2. sessionStorage

  • 한 탭에서 페이지의 세션이 유지되는 동안 origin별로 스토리지를 관리함
  • 페이지에 접속 중이거나 리로딩, 복원시에는 데이터가 유지됨
  • 그러나, 다른 세션이거나 창이 종료될 경우 데이터에 접근할 수가 없음