zustand 이용 시 값을 localStorage에 저장하고 싶다면..

[이정빈]

강의 다 보고 골프스코어 기록앱  예제 만들고 있습니다.

유튜브 올려주신 zustand이용하여 상태 관리중인데요.

 

https://github.com/ljb2727/my_score/blob/master/src/Data/useStore.js

useStore.js 10번째 라인 보시면 info의 값이 유저의 라운딩기록을 저장하는 부분인데

이 내용을 로컬스토리지에 저장하고 싶은데 너무 어렵네요.

 

useStore 파일에도 info  값을 변경하는 함수들이 있어서 이걸 하나하나 로컬스토리지에 읽고 쓰게 수정을 해야 하는건지..

 

app.js파일에 useEffect로 info 값이 변경될때 마다 로컬스토리지에 읽고 쓰게 해야하는건지..(이 방법은 해봤지만 실패했습니다..)

 

대략적인 해결 방안만 제시 해 주실수 있을까요?

[codingapple]

현재 state 가져와서 localStorage에 저장해주는 함수를 하나 만들어두고 

그걸 state 조작하는 함수들 안에 다 넣으면 어떨까요 

아니면 https://github.com/pmndrs/zustand/wiki/Persisting-the-store's-data 보면

로컬스토리지에 자동저장해주는 기능도 있나봅니다 

[글쓴이]

글