빠르게 성장하는 개발자

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

공식문서를 따라서 가볍게 시작해봅시다. 우리 프로젝트는 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는 처음인데다 이전에 야매로 만들었던 관통 프로젝트와는 다르게 토큰도 access token과 refresh token을 사용하고, 회원가입시 메일로 인증과정을 거치는 나름 업그레이드 버전 회원가입이다.(그리고 SNS 회원가입 & 로그인도 있다.) 앞으로 올라오는 게시글 시리즈는 리액트 초보의 로그인 & 회원가입 고군분투 과정이다. 나같은 React Newbie들에게 이 글을 바친다. 1. React-hook-form 이 무엇이냐리액트에서 회원가입, 정보기입 등 다양한 form을 사용할 일이 많을 것이다.그때마다 물론 useState 같은 hook을 사용하여 상태관리를 하고, 유효성 검사용 함수를 만들어서 검사를 진행하고 유..