localStorage에서 반영구 저장하는 방법

웹 브라우저 기능의 localStrage에 대한 것입니다.

먼저 localStrange를 무엇인지 살펴 보겠습니다.

보기는 chrome 검증 도구 → 응용 프로그램 → localStrage → 파일에서 볼 수 있습니다.



이제이 기능을 살펴 보겠습니다.

열면 키와 값이라는 것이 있다고 생각합니다만, 이것은, key와 value로 이것들을 여기에 격납할 수 있습니다.

저장할 뿐이라면 객체와 다르지 않네요. 하지만 이것은 페이지를 닫거나 재로드를 해도 계속 저장해 두고 싶은 값을 저장할 수 있습니다.

사용법은 (어느 페이지를 본다든지, 어떤 상품에 즐겨찾기 버튼을 누른 등) 등 다양합니다.

쿠키와 크게 다르지 않지만 용량과 보존 기간이 약간 다릅니다.

하지만 여기에 저장하려면 하나의 조건이 있습니다.

그것은 모두 문자열로 쓰지 않으면 안됩니다.

예를 들어 배열이나 객체를 그대로 localstrage에 저장하면
"[Object object]"와 같이 의미 없는 형태로 저장됩니다.

이 문제를 해결하려면 json에서 객체를 문자열로 만들어야합니다.

방법은

json.stringify([1,2,3])

그렇다면

"[1,2,3]"

그리고 문자열이 localStrage에 저장할 수 있습니다.

덧붙여 json.stringify는 배열의 내용이 너무 많아 보이지 않을 때 등에 볼 수 있도록하기 위해서도 사용됩니다.

덧붙여서, json 형이 사용하기 어렵고 원래의 형태로 되돌리고 싶다면js
json.parse
그래도 되돌릴 수 있습니다.

localStorage에 문자열을 저장하는 방법

localStrage.setItem("key","value")

//その2：オブジェクトのプロパティとして保存するパターン
localStorage.saveKey = '保存する値';

이제 저장할 수 있습니다.

또한 값을 반환하고 싶을 때

localStrage("key")

다중 저장의 경우

var obj = {
      last : tarou,
      first : yamada
    };
var obj = JSON.stringify(obj);
localStorage.setItem('Key', obj);

제거할 경우

localStorage.removeItem('Key');

초기화

localStorage.clear();