localStorage 이용하기

이빈·2023년 12월 2일
0

react

목록 보기
19/20

localStorage 문법

-데이터 추가-
localStorage.setItem('데이터이름', '데이터');
-데이터 찾기-
localStorage.getItem('데이터이름');
-데이터 삭제-
localStorage.removeItem('데이터이름')

localStorage에 array/object 자료를 저장하려면

문자만 저장할 수 있는 공간이기 때문에, array나 object자료형으로 저장할 수 없다.
이럴 때는 JSON을 사용하여 문자열인 척 저장하자!
JSON은 그냥 따옴표친 array/object 자료.

localStorage.setItem('obj', JSON.stringify({name:'kim'}) );

JSON.stringify를 사용하여 JSON으로 변경할 수 있다~~

이렇게 저장 된 데이터를 꺼내 사용할 때는

parse를 이용하면 됨.

JSON.parse(localStorage.getItem('obj'))

0개의 댓글