Web Storage

Web storage

: 서버가 아닌, 클라이언트에 데이터를 저장할 수 있도록 지원하는 HTML5의 새로운 기능

키(Key)와 값(Value)의 쌍 형태로 데이터를 저장

 

	Web storage	Cookie
용량제한	4KB	5MB
서버	전송되지 X	전송 O
유효기간	X	O

 

용량제한 : 5MB (쿠키는 4KB)

 

1) Local storage :

반영구적으로 데이터를 저장, 브라우저를 종료해도 데이터가 유지

브라우저 자체에 반영구적으로 데이터가 유지 → 도메인이 다른 경우에는 로컬 스토리지에 접근 못함

특정 웹사이트를 새탭이나 새창으로 띄워도 동일한 데이터를 공유

오리진(= 프로토콜 + 도메인 + 포트)별로 생성

 

ex. 크롬 브라우저에서 클릭을 15번 하고 새롭게 크롬 창을 만들었을 때 15번이 유지되어 있다는 것을 확인함

(크롬이 아니라 다른 브라우저를 사용하면 데이터 유지 X)

 

 

2) Session storage :

각 세션마다 데이터가 개별적으로 저장

세션을 종료하면 데이터가 자동으로 제거 → 같은 도메인이라도 세션이 다르면 데이터에 접근 X

동일한 탭/윈도우라도 오리진(= 프로토콜 + 도메인 + 포트)라면 또 다른 세션 스토리지가 생성