HTML 웹 저장소

웹 저장소를 사용하면 웹 애플리케이션이 사용자 브라우저 내에 로컬로 데이터를 저장할 수 있습니다.
웹 저장소는 더 안전하며, 웹사이트 성능에 영향을 주지 않고 대량의 데이터를 로컬에 저장할 수 있습니다.
웹 저장소는 원본, 즉 도메인 및 프로토콜별로 저장됩니다. 하나의 출처에서 온 모든 페이지는 동일한 데이터를 저장하고 액세스할 수 있습니다.

API 및 웹 저장소

Google= 4.0
마이크로소프트 엣지= 8.0
파이어폭스= 3.5

HTML 웹 저장소 개체

HTML 웹 저장소는 클라이언트에 데이터를 저장하기 위한 두 가지 개체를 제공합니다.
window.localStorage - 만료 날짜 없이 데이터를 저장합니다.
window.sessionStorage - 한 세션에 대한 데이터를 저장합니다.

if (typeof(Storage) !== "undefined") {
  // Code for localStorage/sessionStorage.
} else {
  // Sorry! No Web Storage support..
}

localStorage 객체

localStorage 객체는 만료 날짜 없이 데이터를 저장합니다.
브라우저를 닫아도 데이터는 삭제되지 않으며 다음 날, 다음 주 또는 연도에 사용할 수 있습니다.

// Store
localStorage.setItem("lastname", "Smith");

// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");