HTML5 웹스토리지 localStorage sessionStorage 예제

HTML5 웹스토리지 localStorage sessionStorage 예제

브라우저에 데이터를 저장할 수가 있는데 localStorage 와 sessionStorage 가 있다.

localStorage 는 일부러 지우지 않는 이상 영구적으로 저장이 가능하며,

sessionStorage 는 브라우저를 닫으면 지워진다.

그리고 최대 저장용량은 브라우저 마다 다르긴 하겠지만 도메인별 5메가 정도는 저장이 될 것이다.

사용방법에 대해 알아보자.

var obj = {item:'localStorage',data:'1234'};

localStorage.setItem('item1', JSON.stringify(obj));

var obj = localStorage.getItem('item1');

alert(JSON.parse(obj).item);

localStorage.removeItem('item1');

removeItem 은 삭제해주는 함수이다.

var obj = {item:'sessionStorage',data:'1234'};

sessionStorage.setItem('item1', JSON.stringify(obj));

var obj = sessionStorage.getItem('item1');

alert(JSON.parse(obj).item);

sessionStorage.removeItem('item1');

간단한 내용을 저장하는 건 쿠키를 사용해도 되지만 경우에 따라 웹스토리지에 이용할 수도 있다.