일단 먼저 src 폴더에 장바구니 폴더를 하나 만들어주자 Cart.js !import는 바로바로 ! 이제 컴포넌트 만들고 export까지 적어주자 ! 컴포넌트들이 너무 많아진다면, 컴포넌트들만 담아두는 하위폴더를 만들어도 좋다 ! (보기 편하니까)css파일같은것도 다
장바구니에 추가할 데이터를 index.js 안에 만들어 주자.이렇게 반복문을 짜놓고 돌려보면store안에서 return해주는 데이터값의 갯수대로 형성이 되서 요로코롬 나오는걸 알수있다.(상품명을 나는 바꿨다.)이제 장바구니에 Table cell란에다\+, - 버튼을
useState로 만들어주면 안되고 변수로 담아주어야한다 이렇ㅔ store안에 state를 담아주고서 아래로 내려와서Provider로 감싸주고, 저렇게 store={store}라고 선언해주면 감싸준곳은 다 store를 쓸수있음 cart.js 로 넘어와서 props등록
redux에 데이터를 만들때state가 필요하면 이런식으로 만들면 된다고 배웠다중요한 데이터를 수정할땐 카피본을 만들어서 하는것 또한 잊지말고! 지금까지 우리는 dispatch로 수정하라고 명령만 내려주었다이제는 dispatch()로 수정요청 할 때, 데이터도 같이 보
어려우니까 무한복습 ! redux 왜 쓴다구요? 우리는 수정방법을 reducer로 만들어놓는다 ! 그거를 dispatch로 실행해달라고 부탁한다 ! 즉 상태관리에 용이하다 ! 우리 전에 이렇게 복잡하게 해야 다른파일에 있던 store 쓸수있던거 기억납니까..?이거 옛날
이제 메인페이지에서 상품을 누르면각 상세페이지로 넘어갈수있게 만들어주자 ! 일단 누르면 무언가 작동해야하니, onClick를 넣어야하는데컴포넌트에는 이런 이벤트를 달면 안된다 ! 가끔 에러가 난다.그러니 function으로 만들어놓은 컴포넌트 안에다가 !! 넣어주자 이