브라우저 저장소에 대한 차이점

브라우저 저장소로 Cookie와 Web Storage가 있습니다. Cookie와 Web Storage는 모두 해당 도메인과 관련된 데이터를 클라이언트 웹브라우저에 저장할 수 있도록 해주고 둘 다 사이트의 도메인 단위로 접근이 제한됩니다.

 

Cookie는 매번 서버로 전송되고, 문자열만 저장이 가능하며, 용량에 제한이 있고, 만료 일자가 존재합니다.

 

Web Storage는 데이터를 클라이언트에 저장만 하고 서버로 전송되지는 않습니다.

문자열 외에도 구조화된 객체를 저장할 수 있어 개발 편의성을 제공해주고, 하나의 사이트에서 저장할 수 있는 용량이 제한되어있지 않습니다. 또한 한 번 저장한 데이터는 영구적으로 존재하게 됩니다.

 

Web Storage는 지속성에 따라 LocalStorage와 SessionStorage로 구분할 수 있습니다.

 

LocalStorage는 저장한 데이터를 명시적으로 지우지 않는한 영구적으로 보관이 가능하고 도메인마다 별도로 LocalStorage가 생성되며, 도메인만 같다면 전역적으로 공유가 가능합니다.

 

SessionStorage는 데이터의 지속성과 액세스 범위에 특수한 제한이 존재합니다.

도메인마다 별도로 생성되는 점은 LocalStorage와 같지만, 같은 사이트의 도메인이라도 브라우저가 다르면 서로 다른 영역이 됩니다. 이는 브라우저 컨텍스트가 다르기 때문입니다.

 

이처럼 Web Storage는 영구저장소(LocalStorage)와 임시저장소(SessionStorage)가 구분되기 때문에, 데이터의 지속성의 따라 선택이 가능합니다.

 

 

 

 

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

브라우저 저장소 - LocalStorage, SessionStorage, Cookie