도리쓰에러쓰

저번 게시물에 이어서 작성하겠습니다. (코드 참고) [React] Redux3 :: state와 reducer가 더 필요하다면? 저번 게시물에 이어서 작성하겠습니다. (코드 참고) [React] Redux2 :: reducer / dispatch로 데이터 수정하기 저번 게시물에 이어서 작성하겠습니다. (코드 참고) [React] Redux1 :: props 대신 사용하기 저번 게. dori-coding.tistory.com 1. dispatch()로 데이터 수정 요청할 때 데이터 보내기 1️⃣ Cart.js에서 버튼에 dispatch()에 payload 추가하기 dispatch({ type : 'type명', payload : '보낼데이터' }) { props.dispatch({ type : '수량증가'..

저번 게시물에 이어서 작성하겠습니다. (코드 참고) [React] Redux2 :: reducer / dispatch로 데이터 수정하기 저번 게시물에 이어서 작성하겠습니다. (코드 참고) [React] Redux1 :: props 대신 사용하기 저번 게시물에 이어서 작성하겠습니다. (코드 참고) [React] Tab 만들기와 리액트에서의 등장 애니메이션 저번 dori-coding.tistory.com 1. redux를 통해 Alert창 닫기 기능 만들기 1️⃣ Cart..js에 alert 창을 하나 생성합니다. * div class는 bootstrap에 정의되어 있는 것을 사용하였습니다. 지금 구매하시면 신규할인 20% 닫기 2️⃣ alert 창의 상태를 저장하는 state와 reducer를 만듭니다. ..

저번 게시물에 이어서 작성하겠습니다. (코드 참고) [React] Redux1 :: props 대신 사용하기 저번 게시물에 이어서 작성하겠습니다. (코드 참고) [React] Tab 만들기와 리액트에서의 등장 애니메이션 저번 게시물에 이어서 작성하겠습니다. (코드 참고) [React] Component가 많을 땐 Context API 사용 dori-coding.tistory.com 1. reducer() 이용하여 수량 변경하기 🔔 Redux 쓰는 이유 : state 데이터 관리 용이합니다. redux에선 state 데이터의 수정방법을 미리 정의하는데, 지금부터 reducer() 세팅 방법 두가지를 알아봅시다. 💡 reducer() 세팅 방법 - 1 - index.js에서 store 변수에 createSt..