nextjsvalidation

React Hook Form의 Controller를 감싸서 반복되는 설정을 줄이고 재사용성을 높이는 ControllerWrapper 컴포넌트를 소개합니다. 이 컴포넌트를 사용하면 다양한 입력 필드를 통합적으로 관리하고 유효성 검사도 쉽게 적용할 수 있습니다.1.1. ControllerWrapper란?ControllerWrapper는 react-hook-form의 Controller를 감싸서 보다 편리하게 사용할 수 있도록 만들어진 재사용 가능한 Form 컨트롤러 컴포넌트입니다. 🔹 주요 기능Controller의 공통 설정을 한 곳에 모아 관리다양한 입력 필드(input, select, textarea, DatePicker 등) 지원rules를 활용한 유효성 검사 적용 가능React.forwardRef를..

react-hook-form 에서 control 을 안쓰겠다고 고집스럽게 힘들게 register 작업을 다해놓고 커스덤 컴포넌트들을 만들다보니 짜즈응이 나서 결국 를 쓰는 방식으로 리팩토링 하는 중인데왜죠..? 이해는 안가는데 그냥..그런갑다 해야지 1. 반복문을 사용한 코드 (예제에서 사용한 방식)반복문을 사용하면 코드가 더 동적으로 변할 수 있으며, 여러 개의 체크박스를 간단하게 렌더링const interestsCheckOptions = [ { id: 'sports', label: 'Sports', value: 'sports' }, { id: 'music', label: 'Music', value: 'music' }, { id: 'art', label: 'Art', value: 'art' },..