React Hook Form 구현

문제 설명

React Hook Form과 유사한 폼 관리 훅을 구현하세요.

구현할 기능

• register: 입력 필드 등록
• handleSubmit: 폼 제출 처리
• watch: 특정 필드 값 관찰
• setValue/getValue: 값 설정/조회
• errors: 검증 에러
• isValid, isDirty, isSubmitting 상태

사용 예시

const { register, handleSubmit, errors } = useForm();

<form onSubmit={handleSubmit(onSubmit)}>
  <input {...register("email", { required: true, pattern: /email/ })} />
  {errors.email && <span>Invalid email</span>}
  <button type="submit">Submit</button>
</form>

평가 기준

• 리렌더링 최소화
• 검증 로직
• API 일관성