[React/JS] 객체(Object)를 로컬 스토리지에 저장하기

로컬 스토리지에 객체를 저장하기 위해선, 저장하려는 객체를 string으로 변환 후 저장해야 합니다.

그리고 로컬 스토리지에 저장해놓은 데이터를 사용하기 위해선, string으로 저장해놓은 데이터를 객체로 변환해야 접근 가능합니다.

 

00.  저장하기 (object -> string) JSON.stringify

---

/** 저장하려는 데이터를 object -> string 으로 변환 */
const stringData = JSON.stringify(저장하려는 오브젝트);

/** 로컬 스토리지에 저장 : string */
localStorage.setItem( 키이름 , stringData);

 

 

01. 가져오기 (string -> object) JSON.parse

---

/** 가져오려는 로컬 스토리지 데이터 : string */
const stringData = localStorage.getItem(키 이름)

/** 가져온 데이터를 string -> object 변환 */
const objectData = JSON.parse(stringData);