쿠키, 세션스토리지, 로컬스토리지

쿠키

쿠키는 만료 기한이 있는 키-값 저장소, same site 옵션을 strict로 설정하지 않았을 경우 다른 도메인에서 요청했을 때 자동 전송되며, 4kb까지 데이터를 저장할 수 있고 만료기한을 정할 수 있다. 쿠키를 설정할 때는 document.cookie로 쿠키를 볼 수 없게 httponly 옵션을 거는 것이 중요하며, 클라이언트 또는 서버에서 만료기한 등을 정할 수 있는데 보통은 서버에서 만료기한을 정한다.

 

로컬 스토리지

로컬 스토리지는 만료기한이 없는 키-값 저장소이다. 10MB까지 저장할 수 있고 웹 브라우저를 닫아도 유지되고 도메인 단위로 저장, 생선된다. HTML5를 지원하지 않는 웹 브라우저에서는 사용할 수 없고 클라이언트에서만 수정이 가능하다.

(보통은 5MB, 코드 : local.html)

 

세션 스토리지

세션 스토리지는 만료기한이 없는 키-값 저장소이다. 탭 단위로 세션 스토리지를 생성하며, 탭을 닫을 때 해당 데이터가 삭제된다. 5MB까지 저장이 가능하며 HTML5를 지원하지 않는 웹 브라우저에서는 사용할 수 없다.

클라이언트에서만 수정이 가능하다.

 

https://www.loginradius.com/blog/engineering/guest-post/local-storage-vs-session-storage-vs-cookies/