[JavaScript] localStorage

브라우저 화면을 갱신하거나 값을 영구적으로 저장하고 싶을때 사용자의 pc에 값을 저장해놓고 쓰는 방식인 localStorage를 사용하면 된다.

 

localStorage는 쿠키와 달리 유효기간이 없고 영구적으로 이용 가능하며 5MB까지 사용 가능하다. Key와 Value를 하나의 세트로 저장하는 방식으로 값은 반드시 문자열로 저장된다.

 

- 데이터 저장

localStorage.Key1 = "Value1";
localStorage["Key2"] = "Value2";
localStorage.setItem("Key3", "Value3");

 

- 데이터 가져오기

const val1 = localStorage.Key1;
const val2 = localStorage["Key2"];
const val3 = localStorage.getItem("Key3");

 

- 데이터 삭제

localStorage.removeItem("Key1");

 

 

- 모든 데이터 삭제

localStorage.clear();