클론코딩
Momentum todo list 만들기(로컬스토리지와 JSON - 2)
변기원
2022. 1. 3. 13:07

일단 toDos라는 배열을 localstorage에 저장할때 왜 JSON.stringify()가 필요했는지 이해를 해야한다.


기본적으로 로컬스토리지는 string데이터타입만 지원한다. 그래서 숫자, 객체 ,배열을 전달해도 string으로 변환해서 저장하기 때문에 위와같이 객체를 다시 불러올때 제대로 안오고 이상하게 보인다.
하지만 JSON을 쓰면 로컬스토리지에 객체나 배열도 넣고 자바스크립트에서도 쓸 수있는 형태로 get 할수 있다.
지금은 아는게 로컬스토리지 뿐이라서 잘 모르지만 서버와 통신할때도 사용하는 것 같다.

JSON.stringify를 이용해서 살아있는 객체를 단순한 문자열로 저장했다가 , JSON.parse로 단순한 문자열을 살아있는 객체로 만들 수 있다.