react-hook-form
-
react-hook-form을 사용한 form 만들기API 2023. 2. 14. 22:06
최대한 라이브러리를 사용하지 않고 구현을 하는 것에 집중을 하다가 평소에 제일 사용해보고 싶었던 라이브러리인 react-hook-form을 사용하여보았다. 그래서 react-hook-form의 기초적인 형태에 대해 작성해보고자 한다. 해당 글은 NestJS 13버전과 React-hook-form 7버전을 바탕으로 작성한 글이다. 사용한 계기 form을 일일히 만드는 것은 매우 귀찮은 일이다. 전체적인 form을 만들고, 각각의 input에 onChange를 적용하여 값이 변할 때마다 useState값을 갱신한 후 이를 제출할 때 유효성을 검사하는 이벤트를 다 작성해주고, 통과한다면 이벤트를 실행시키고, 통과하지 못한다면 에러가 발생한 부분에 문구를 출력해주는 등 이러한 작업들을 모두 일일히 작성해줘야 하..