TypeScript 2

[React] 리액트 초보의 로그인& 회원가입 고군분투: 3. React Hook Form UseController로 입맛대로 커스텀하기 (feat.TypeScript)

목차1. 하나의 Form에 여러개의 공통된 Input을 쓴다면?2. Use Controller 맛보기2-1. 파라미터2-2. 리턴해주는 객체3. 이제 진짜 사용해보자 컨트롤러4. Tailwind를 사용해서 더 아름답게 디자인하기참고한 글 1. 하나의 Form에 여러개의 공통된 Input을 쓴다면?컴포넌트 팡인 우리 조🧚🏻 답게 이미 귀여운 inpiut 디자인까지 다 뽑아두었건만!!!react-hook-form을 쓰면 내가 만들어둔 귀여운 디자인의 Input을 못쓰는 거 아닌가!? 인라인 스타일로 css 다 다시 박아넣으라구?!!? 당장 재.활.용 내놔. 라고 생각할 때 아주 소중한 글을 발견했다. 바로 useController라는 훅을 사용하면 내 입맛대로 custom이 가능하다는 것!!자세한 것은 공식..

React/회원관리 2023.02.17

[React] 리액트 초보의 로그인& 회원가입 고군분투: 2. React Hook Form 가볍게 시작하기 (feat.TypeScript)

공식문서를 따라서 가볍게 시작해봅시다. 우리 프로젝트는 TypeScript를 사용하기 때문에 TypeScript를 기반으로 설명을 이어가겠습니다.Get StartedInstalling React Hook Form only takes a single command and you're ready to roll. Copy The following code excerpt demonstrates a basic usage example: ♦ This video tutorial illustrates the basic usage and concepts of React Hook Form. One of the key concepts in React Hook Form is to register your component i..

React/회원관리 2023.02.17