티스토리 뷰
일단 toDos라는 배열을 localstorage에 저장할때 왜 JSON.stringify()가 필요했는지 이해를 해야한다.
기본적으로 로컬스토리지는 string데이터타입만 지원한다. 그래서 숫자, 객체 ,배열을 전달해도 string으로 변환해서 저장하기 때문에 위와같이 객체를 다시 불러올때 제대로 안오고 이상하게 보인다.
하지만 JSON을 쓰면 로컬스토리지에 객체나 배열도 넣고 자바스크립트에서도 쓸 수있는 형태로 get 할수 있다.
지금은 아는게 로컬스토리지 뿐이라서 잘 모르지만 서버와 통신할때도 사용하는 것 같다.
JSON.stringify를 이용해서 살아있는 객체를 단순한 문자열로 저장했다가 , JSON.parse로 단순한 문자열을 살아있는 객체로 만들 수 있다.
'클론코딩' 카테고리의 다른 글
| JS로 그림판 만들기 완성 (0) | 2022.01.04 |
|---|---|
| momentum 동적으로 추가되는 태그에 id 부여하기, 삭제하기 (0) | 2022.01.03 |
| Momentum todo list 만들기(로컬스토리지와 JSON) (0) | 2022.01.03 |
| momentum 무작위로 명언,배경화면 출력하기 (0) | 2022.01.02 |
| momentum 시계만들기 (0) | 2022.01.02 |