LocalStorage

  • 유통 기한 없이 저장할 수 있는 데이터 공간.
  • 자바스크립트 또는 브라우저 캐시 삭제 등을 통해서만 데이터 삭제 가능.
  • SessionStorage 와 Cookie 에 비해 저장 공간이 큼.
  • 클라이언트 사이드에서만 저장 가능함.

SessionStorage

  • 한 세션에만 저장되는 데이터로 브라우저/탭/앱을 껐을 때 데이터가 사라짐.
  • 서버로 데이터 이전은 불가능함.
  • 쿠키보다 최소 5MB 더 큰 저장 공간 확보 가능.
  • 클라이언트 사이드에서만 저장 가능함.
  • 다음에 이어지는 요청과 함께 서버로 보내지는 데이터를 저장함.
  • 보통 서버에서 데이터 유통기한을 세팅하고 관리함.
  • 쿠키는 4KB 이하의 아주 작은 데이터를 보관함.
  • 쿠키는 클라이언트에서도 읽을 수 있지만, 보통 서버 사이드에서 읽는 데이터
  • 보안을 위해 httpOnly 플래그를 true 로 설정하여 클라이언트에서 쿠키 접근을 방지할 수 있다.