일안하고블로그

개발을 하면서 input 태그를 사용하여 처리하는 것을 많이 사용 합니다 . 저도 input 태그를 엄청 사용하는데 사용할때마다 선언을 해주고 관리해주는게 정말 귀찮고 어렵습니다. 그래서 이전에 인강을 보고 정리해야지 미루었던 부분을 정리해보려고합니다. 이전에 봤던 인강 사이트는 노마더 코더님 사이트입니다. react hooks에 대해서 정말 정리도 잘해주시고 무료로 제공해주시는 좋으신 분이십니다. 재사용성을 높이기 위해 함수형으로 hook을 사용 하는 방법을 자세하게 설명해 주셨습니다. nomadcoders.co/react-hooks-introduction/lobby Watch Now - 노마드 코더 Nomad Coders nomadcoders.co 해당 프로세스에서 react hooks를 사용하고 +..

이번에 다룰 내용은 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 ..

드디어 Next Js를 다뤄 봅니다. Next Js 를 시작하기 전에 우선 알아야 할 것이 있습니다. 1장 2장 기초지식 ? 조금을 가지고 작업을 해야하기 때문에 이전 작업 내용을 확인해주세요. 2021/01/22 - [React/NextJS] - [Next Js ]1. React + Typescript +nextJs 적용 법 create-next-app 2021/01/22 - [React/NextJS] - [Next Js] 2. create-next-app 에 Eslint & prettier적용하기 또한 블로그에서 보는 내용 보단 아래링크에서 next js의 상세 설명을 조금은 보시고 작업하는게 정말 좋습니다. (저도 다이해한 것은 아닙니다 ㅠㅠ ) nextjs.org/docs Getting Start..