About Local storage in HTML5

Localstorage를 보고 있는데 애매모호한 부분이 이만 저만이 아니다.

따라서 간단히 정리해 보고자 한다.

Web Storage는 일종의 클라이언트-사이드 데이터베이스 이다.

이 데이터는 서버가 아닌 각 사용자의 브라우저에 보관된다.

일반 데이터베이스와의 두드러진 차이점은 우리에게 익숙한 Key-value 형식으로 보관/갱신/호출 한다는 것이다. 이것은 Web Storage를 사용하기위해 별도의 쿼리 문법이나 복잡한 메커니즘을 이해하지 않아도 됨을 의미한다.

기억하라! Web Storage는 Web Database와 마찬가지로 브라우저에서 제공하는 저장공간을 사용한다는 것.

만약 사용자가 사파리에서 파이어폭스로 전환하는 경우 동일한 데이터를 가져올 수 없다는 것을 기억하라!

Web Storage는 localStorage와 sessionStorage로 구분되며, 이들의 차이점은 브라우저가 완전히 종료되고 난 후에도 데이터가 유지되는가 그렇지 않는가에 대한 차이 이다.

localStorage의 기본 사용법

localStorage.setItem("data", "Hello World!")  // Key-value 형식으로 저장

var temp = localStorage.getItem("data"); //저장된 값 호출

localStorage.removeItem("data") // 스토리지로 부터 일치하는 아이템 삭제

첫 번재 라인에서 "data"라는 키에 "Hello World!"라는 새 항목을 Web Storage에 저장했다. 여기에서 주의해야 할 점은 setItem의 두 번째 인자는 항상 문자열(String) 형식으로 전달해야 한다.