[01-07] react native 회고록

김린네·2023년 1월 7일

오늘의 에러

🧑ERROR🧑

  1. 페이지에 접근했을경우.> 새로 업그레이드 된 컴포넌트를 보여줘라
    -> 💂‍나의 생각💂‍♀️

    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 에 사용자의 카트를 저장해놓고
업데이트 하면 수정하는 식으로 .. 진행해 나가야될듯함....!

profile
디자인 > https://dribbble.com/jongpil_77 코딩 > https://www.codewars.com/users/bikijjang

0개의 댓글