오늘의 에러
페이지에 접근했을경우.> 새로 업그레이드 된 컴포넌트를 보여줘라
-> 💂나의 생각💂♀️
1-1 메인에서 했던것 처럼 useEffect() => 을 이용해서 업데이트를 하면 될거 같다
1-2 그럼 이전에 썼던 외부 api 처럼 쓰이게 하는 함수를 넣자 ..
(여기서 부터 .. 안되기 시작함)
-> 즉 예전에 내가 짰던 코드는.. 에러 코드였다....
1-3 에러 고치기
cart 를 외부 redux 에다가 저장해놔서 cart가 변경될때마다
component를 변경 시켜보자
```
console.log(cart, '카트뭐요?')
useEffect(() => {
console.log(cart, '변경되는가?');
setlike(cart);
}), [cart];
장바구니에 상품을 넣으면 > 서버에서 상품에 대한 정보를 제공>사용자의 redux 카트에다가 저장 .
카트가 변경되면. 자동으로 변경되는 것을 확인했다.
1-4 카트에 담긴 상품이 서버에서
상품 [ size: [ m :1개 , XL:2개] 이런식으로 제공하고 있어서
이 size 함수를 풀어내야된다.
1-5 풀어내는 과정으로 배열을 변경할려고 하니 얉은 복사가 이루워져서 배열 전체가 변경되는 문제점을 발생하였다.
1-6 이 문제점을 해결하기 위해서 복사 기능을 배제하고
obj 를 다시 생성한다 -> 맞는 해결책인지는 모르겠으나..
결국은 해결완료
지금 알고리즘이
1. 로그인 -> 사용자 알아냄 -> 장바구니 추가 -> 해야 사용자를 찾고.
사용자가 가지고 있는 카트를 내놓았다.
2. 수정은 로그인을 하면 redux 에 사용자의 카트를 저장해놓고
업데이트 하면 수정하는 식으로 .. 진행해 나가야될듯함....!