일안하고블로그

이번에 다룰 내용은 typescript interface /action / redux / reducer 을 통해서 counter 을 만드는 예제를 만들어 보겠습니다 . 이전에 react로 counter예제를 만들어 보셨으면 이해하기 편합니다. 타입스크립트하고 redux를 어느정도 이해하시면 내용은 조금 많지만 금방 이해하실수 있을거에요 . 1. 명령어를 입력해주세요 . yarn add redux next-redux-wrapper yarn add --dev redux-devtools-extension redux-logger next 와 react를 연결하기 위해서 next-redux-wrapper가 필요합니다. 나머지는 미들웨어 설정을 하면서 결과를 보기 위해 받습니다. 2. store 생성 import ..

개발 tool은 vsocde로 사용을합니다. 개발을 할때 eslint와 & prettier 적용을 안하면 정말 많이 불편합니다. 설정을 제대로 하면 개발 시간이 2배이상 증가 할 거라고 생각될 만큼 저한테는 정말 중요한 설정입니다. 1. yarn add 해주세요 . (제가 사용하는 것들입니다.) yarn add --dev eslint eslint-config-prettier eslint-plugin-import eslint-plugin-prettier eslint-plugin-react eslint-plugin-react-hooks prettier @typescript-eslint/eslint-plugin @typescript-eslint/parser 2. 로컬에 .eslintrc 파일을 추가합니다. {..