next.js 썸네일형 리스트형 [React & Next.js] react-hook-form 효율적으로 사용해보기 - 2 react-hook-form 활용해보기 2 전 글에 이어 이번에는 react-hook-form의 useForm을 사용하여 email과 password에 값을 넣을 수 있는 방법을 보도록 하겠습니다 useState를 통해 사용하였던 로그인을 그대로 이용하겠습니다 export default function UseForm() { return ( Login 아이디 비밀번호 ); } react-hook-form에 주요 기능인 useForm을 사용하겠습니다 useForm의 주요기능을 하나씩 봅니다 useForm의 세팅 import { useForm } from "react-hook-form"; export default function useForm() { const {} = useForm(); return( .... 더보기 [React & Next.js] react-hook-form 효율적으로 사용해보기 - 1 react-hook-form 최근 회원가입을 구현 하면서 효율적으로 사용하고 있는 react의 라이브러리 react-hook-form을 복습 합니다 사용해보고 느낀 react-hook-form의 장점 비제어 컴포넌트로 폼을 관리할 수 있습니다 에러를 효율적으로 관리 할 수 있습니다(실시간 유효성검사) input마다 값을 받는 state를 만들지 않아도 됩니다 (객체로 관리하는 state도) 지속적으로 업데이트를 꾸준히 해주는거 같습니다 공식문서가 친절합니다 바로 사용해보기 최소단위의 로그인 폼을 구현 해봅니다 next.js로 프로젝트 시작하기 npx create-next-app@latest --typescript next.js 프로젝트의 설정을 물어보는데 프로젝트 이름, 테일윈드css(no), app 디.. 더보기 이전 1 다음
