WEB STORAGE
HTML5에서는 웹의 데이터를 클라이언트에 저장할 수 있는 LocalStorage와 SessionStorage API를 제공한다.
Web Storage는 키/값 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회하는데 localStorage와 sessionStorage의 기능은 대부분 동일하며 sessionStorage는 세션이 종료되면 저장된 데이터도 사라진다는 점이 다르다.
LocalStorage
- 로컬에 도메인 별로 지속되는 storage
- 시간제한이 없고 브라우저가 꺼져도 죽지 않는다.
- 값을 지우려면 직접 지워줘야 한다.
SessionStorage
- 세션(프로세스, 탭, 브라우저)이 종료될 때까지 지속되는 storage
- localStorage와 다른 점은 세션이 종료되면 데이터가 사라진다는 점이다.
session의 의미
보통 세션의 종료는 일반적으로 브라우저의 종료를 뜻한다.
새 창을(프로세스) 띄우거나 새 탭을 띄우는 행위는 세션종료를 의미하지 않는다.
그러나 sessionStorage에서 의미하는 세션은 가장 작은 단위인 탭 단위를 의미한다.
탭마다 sessionStorage는 따로 배정되며 서로의 영역을 공유하지 않는다. 따라서 값을 침범할 수도 없다.
jjlabsio