본문 바로가기
반응형

카운터3

(React)카운터 Redux로 만들기 - 5 가장 기본 예제인 카운터를 redux를 이용해 만들어 볼 거다 항상 리덕스를 사용할 줄 모르는 것에 부끄러움이 가득했는데 이번 기회에 타파할 예정이다. 참고 유데미 강의 React 완벽 가이드 with Redux, Next.js, TypeScript (React)카운터 Redux로 만들기 - 4 가장 기본 예제인 카운터를 redux를 이용해 만들어 볼 거다 항상 리덕스를 사용할 줄 모르는 것에 부끄러움이 가득했는데 이번 기회에 타파할 예정이다. 참고 유데미 강의 React 완벽 가이드 with Red sancho216.tistory.com 그전 코드는 위에 글을 가면 확인할 수 있습니다. 이번글에서 카운터를 보여줬다고, 숨겼다가 하는 기능을 추가할 예정이다. Counter.js import { legac.. 2022. 6. 24.
(React)카운터 Redux로 만들기 -3 가장 기본 예제인 카운터를 redux를 이용해 만들어 볼 거다 항상 리덕스를 사용할 줄 모르는 것에 부끄러움이 가득했는데 이번 기회에 타파할 예정이다. 참고 유데미 강의 React 완벽 가이드 with Redux, Next.js, TypeScript (React)카운터 Redux로 만들기 -2 가장 기본 예제인 카운터를 redux를 이용해 만들어 볼거다 항상 리덕스를 사용할 줄 모르는 것에 부끄러움이 가득했는데 이번기회에 타파할 예정이다. 참고 유데미 강의 React 완벽 가이드 with Redux sancho216.tistory.com 그전 코드는 위에 글을 가면 확인할 수 있다. 카운터를 늘려줄 +,- 버튼을 추가한다. import React from 'react'; import { useSelect.. 2022. 6. 23.
(React)카운터 Redux로 만들기 -1 가장 기본 예제인 카운터를 redux를 이용해 만들어 볼거다 항상 리덕스를 사용할 줄 모르는 것에 부끄러움이 가득했는데 이번기회에 타파할 예정이다. 참고 유데미 강의 React 완벽 가이드 with Redux, Next.js, TypeScript 먼저 redux-counter 폴더를 생성한다. 폴더가 생성되면 redux를 설치해준다. 아래 코드를 붙여주면 설치가된다. npm install redux npm install react-redux 위에 사진처럼 package.json에 redux가 추가되있으면 설치를 성공한거다. 그다음 src 폴더 하위에 component 폴더와 store 폴더를 생성주고 component 폴더에는 Counter.js를 만들어주고 store폴더에는 index.js를 만들어준다.. 2022. 6. 22.
반응형