핵심 요약
딜리셔스가 react-hook-form 도입으로 회원가입과 촬영 색상 입력을 비제어 폼으로 관리하고, useFieldArray로 동적 폼을 구현해 리렌더링과 입력 관리 복잡도를 줄인 사례를 다룹니다.
주요 경험
- register와 handleSubmit로 입력값 등록과 보일러플레이트 제거
- 비제어 컴포넌트 기반으로 빠른 렌더링 및 ref 활용
- 동적 색상 폼은 useFieldArray로 색상 배열 추가/삭제 구현
- 입력 검증은 register의 pattern/validate로 간편 구성
얻은 인사이트
- 입력 로직의 복잡성 감소로 개발 생산성 향상
- API payload의 필드 매핑을 camelCase와 snake_case로 자연스럽게 연결
