자바스크립트 localStorage

로컬스토리지(localStorage)는 웹 브라우저에 데이터값을 반영구적으로 저장할수 있는 기능이다. 웹브라우저가 종료 되어도 데이터값이 그데로 유지가 되며 최대 5MB까지 저장 가능하다.

 

[데이터 저장]

localStorage.key값 = "value값";
localStorage["key값"] = "value값";
localStorage.setItem("key값", "value값");

 

[데이터 불러오기]

let value = localStorage.key값;
let value = localStorage["key값"];
let value = localStorage.getItem("key값");

 

[데이터 삭제]

localStorage.removeItem("key값");

 

[모든 데이터 삭제]

localStorage.clear();

 

[데이터 여부 확인]

if(localStorage.key){
    //데이타 있음...
}else{
    //데이타 없음...
}

 

[JSON 데이터로 저장 및 불러오기]

// JSON 데이터로 저장
let obj = {"KEY":"VALUE"};
localStorage.jsonData = JSON.stringify(obj);

// JSON 데이터 불러오기
let data = JSON.parse(localStorage.jsonData)
for(key in data){
   console.log(data[key]);
}