웹 스토리지 객체

웹 스토리지 객체 (web storage object)

• localStorage, sessionStorage
• 브라우저에 키-값 쌍을 저장
• 브라우저에 데이터를 저장할 수 있는 '쿠키'라는 기술이 있는데 왜 웹 스토리지 객체를 사용?
  • 서버에 요청 시, 쿠키 데이터는 전송되고, 웹 스토리지 객체 데이터는 전송되지 않는다.
  • 쿠키: 개수(20개)와 용량 제한(4KB) < 웹 스토리지 객체: 용량 제한 (5MB 이상)
  • 쿠키: 유효 시간이 있음 < 웹 스토리지: 영구적인 데이터 저장
• localStorage, sessionStorage 차이?
  • localStorage
    • 오리진(프로토콜, 도메인, 포트)이 같으면 모든 탭과 창에서 공유
    • 브라우저, OS를 재시작해도 데이터 유지
  • sessionStorage
    • 탭, 브라우저를 종료하면 데이터 사라짐