브라우저 저장소

브라우저 저장소는 크게 LocalStorage, SessionStorage, Cookie 세가지가 있다.

LocalStorage와 SessionStorage를 묶어서 Web Storage라고도 부른다.

Web Storage는 키/값 쌍으로 데이터를 저장하고, 키를 기반으로 데이터를 조회한다.

사이트의 도메인 단위로 접근이 제한된다.

 

• LocalStorage
  • 만료 날짜가 없는 데이터를 저장한다.
  • JavaScript 또는 브라우저 캐시 지우기를 통해서만 지워진다.
  • 저장한도는 3MB, 5MB
  • 이전 브라우저 IE7이하에서는 지원되지 않는다.
  • same-origin policy에서 작동한다.
• SessionStorage
  • 사용자가 브라우저를 닫을 때 세션이 지속되는 동안에만 데이터를 저장한다.
  • 최상위 탐색 컨텍스트이므로 각 브라우저 탭마다 고유하다.
  • 저장 용량 한도 5MB, 쿠키보다 크다.
  • 이전 브라우저 IE7이하에서는 지원되지 않는다.
• Cookie 
  • 헤더를 통해 서버로 전송할 수 있는 데이터를 저장한다.
  • 매번 서버로 전송된다.
  • 쿠키 생성시 만료가 설정된다.
  • 저장 용량 한도 4KB
  • 클라이언트 측에서 내용을 읽을 수 없도록 안전하게 만들 수 있다.
  • 사용자 토큰을 저장하기 위한 인증에 사용된다.

---

참고

• https://velog.io/@design0728/%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80-%EC%A0%80%EC%9E%A5%EC%86%8C-LocalStorage-SessionStorage-Cookie
• https://jjeongil.tistory.com/1220