Study Output for Myself/React

LocalStorage에 데이터 저장, 불러오기

Dahyee 2022. 5. 24. 17:16

정보를 하나씩 key , value를객체 형태로 해서 저장했더니 다루기가 쉽지 않고 문제가 많았다.

key를 하나로 하고 값으로 Array를 넣고 그 Array 안에 Object형태로 데이터 하나하나를 넣으면 되는 거였음!

localStorage.setItem('people',JSON.stringify(peopleArr))

localstorage 안에 객체가 들어갈 수 없기 때문에 JSON.stringify로 문자열로 만들어서 저장.

JSON.parse(localStorage.get('people'))

가져올때는 JSON.parse 로 다시 객체로 변환해서 가져옴.

 

아, people은 이렇게 생겼음. :) 

const people=[{id:1, name: 'Dahye', age: 27, height:166}, {id:2, name:'Eunhye', age:30, height: 170]