Window.localStorage

브라우저의 세션에 유지되는 data를 window 인터페이스로 저장할 수 있음.

setItem으로 현재 도메인의 로컬 Storage 객체에 데이터를 넣을 수 있음.

localStorage.setItem('myCat', 'Tom');

이러면 아래처럼 저장됨.

객체를 저장하면 [object Object] 이렇게 나옴.

const json = {"result":true, "count":42, "ar": "dddd"};
localStorage.setItem('obj', json);

따라서 JSON.stringify()로 JavaScript 값이나 객체를 JSON 으로 변환해서 넣고 가져올때는 JSON.parse()로 JSON을 파싱해서 자바스크랩트 객체나 값을 생성하는 방식으로 사용하면됨.

localStorage.setItem('objAsJson', JSON.stringify(json))
JSON.parse(localStorage.getItem('objAsJson'))

참고자료