localStorage

페이지를 refresh해도 진행된 데이터가 계속 남아 있을 수 있게 해주는 기능

데이터 객체를 따로 window객체 속 localStorage에 저장하는 것

데이터에 대해 setState로 업데이트 시 localStorage함수의 setItem으로 같이 넣어준다

저장해줄 시 JSON.stringify로 텍스트로 변환해준 후에 저장

일반적인 Object, Array 형태로 저장 시 데이터는 object형태로 반환

Stringfy Object화 시켜서 저장 시 데이터가 바로 나오는 것을 확인

localStorage에서 가져오기

refresh때 setItem으로 저장했던 데이터를 가져와야 할때는 getItem

initial 데이터 객체를 새로 만들어 localStorage로부터 할당