브라우저 저장소, 웹 스토리지

🗂️ 웹 스토리지 : 클라이언트 측 저장소

1. 로컬스토리지: 영구적인 로컬 스토리지를 제공하며, 브라우저를 닫아도 데이터가 유지된다. 동일한 도메인의 모든 페이지 간에 데이터를 공유할 수 있다. 클라이언트에 영구적인 데이터를 저장할 때 용이하다.
2. 세션스토리지: 세션 스토리지는 브라우저의 탭 별로 생성되며 데이터를 공유하지 않는다. 또한 같은 탭이라도 도메인이 다르면 또 다른 세션 스토리지가 생성된다.

<도메인 sessionStorage 데이터>

https://example.com	key=value1
https://example.com:8080	(비어 있음)
https://sub.example.com	(비어 있음)

 

같은 탭이어도 도메인(example.com vs sub.example.com)이 다르면 데이터가 공유되지 않는다.  임시적인 데이터 보관이나, 사용자 폼 임시 입력 등을 저장할 때 사용될 수 있다.

또, 같은 도메인이어도 포트(:8080)가 다르면 동일한 사이트라도 세션 스토리지를 공유하지 않는다.