useEffect 사용하여 localStorage에 데이터 저장 문제

[서유빈]

안녕하세요 선생님.
useEffect()를 통해서 장바구니에 상품을 추가하면 상품의 데이터가 localStorage에 저장되는 코드를 작성했는데요,
깊은 복사로 값을 저장하였고 state 조건도 달아주었습니다.
근데 왜 새로고침하면 장바구니 데이터와 함께 localStorage에 있는 값도 사라지는지 모르겠습니다. 

코드는 
useEffect(() => { //장바구니 데이터 storage에 저장 
let cartItem = localStorage.getItem('cart');
cartItem = JSON.parse(cartItem);
cartItem = JSON.parse(JSON.stringify(cart)); // 왜 깊은 복사를 했는데 새로고침하면 localStorage도 초기화가 될까요? 
localStorage.setItem('cart', JSON.stringify(cartItem))
 }, );

[codingapple]

페이지로드시 localStorage 초기화하라는 코드가 어딘가 있는게아닐까요

[서유빈]

넵 해결했습니다! 
근데 제가 코드를 store.js의 장바구니 배열의 데이터를 깊은 복사를 해서 localstorage에 저장을 했는데요, 
이후 새로고침을 했을 때 장바구니 배열은 저장이 안되었으니 초기화가 되고 localstorage엔 데이터가 그대로 저장되어 있는 상태에서
localstorage에 저장된 장바구니 데이터를 store.js에 다시 저장하여 장바구니 페이지에 출력하는 것이 가능한가요?

[codingapple]

페이지로드시 localStorage에 뭐 있나 꺼내보고 있으면 state에 넣으면 될듯요

[글쓴이]

글