HTML5 로컬 스토리지

1 개요

HTML5 Local Storage, HTML Local Storage Objects

HTML5 로컬 스토리지, 로컬 저장소

• 사용자 웹브라우저 측에 있는 저장소
• 쿠키와 달리 용량이 상당히 큼
• 도메인마다 저장소 격리됨

한 도메인 내에서는 같은 데이터 접근 가능

2 종류

• window.localStorage - 만료되지 않음
• window.sessionStorage - 하나의 세션에 대한 자료 저장. 탭을 닫으면 데이터 사라짐

3 저장/인출

// 저장
localStorage.setItem("lastname", "Smith");
// 인출
alert( localStorage.getItem("lastname") );

// 저장
localStorage.lastname = "Smith";
// 인출
alert( localStorage.lastname );
// 제거

4 삭제

localStorage.removeItem("lastname");

5 같이 보기

• 쿠키
• 세션

6 참고 자료

• http://www.w3schools.com/html/html5_webstorage.asp
• https://en.wikipedia.org/wiki/Web_storage#Local_and_session_storage