1. localStorage 문법
추가, 읽기, 삭제 문법
localStorage.setItem('데이터이름', '데이터');
localStorage.getItem('데이터이름');
localStorage.removeItem('데이터이름')
2. localStorage에 array/object 자료를 저장하려면
문자만 저장할 수 있는 공간이라 array/object를 바로 저장할 수는 없다.
편법으로 array/object -> JSON 이렇게 변환해서 저장하면 된다. (JSON은 문자취급)
JSON.stringify() 라는 함수에 array/object를 집어넣으면 그 자리에 JSON으로 변환된걸 남겨준다.
localStorage.setItem('obj', JSON.stringify({name:'kim'}) );
JSON -> array/object 변환하고 싶으면 JSON.parse()를 쓰면 된다.
var a = localStorage.getItem('obj');
var b = JSON.parse(a)
'💻WEB FrontEnd > 프레임워크 React' 카테고리의 다른 글
성능개선(1) - lazy import (0) | 2022.07.13 |
---|---|
react-query : 실시간 데이터가 중요할 때? (0) | 2022.07.13 |
Redux (2) - state 변경 (0) | 2022.07.13 |
Redux (1) : props 없이 state 공유 가능 (0) | 2022.07.13 |
Ajax로 서버와 통신 (0) | 2022.07.08 |