핵심 요약
올리브영의 배송지 추가 화면 개발 사례에서 useState, Context API, useRef를 거쳐 React Hook Form 도입까지 여러 폼 관리 방식을 비교하고, Hook Form 활용을 최종 권고하는 경험을 공유한다.
주요 경험
- 실험 1–3에서 데이터 관리 방식의 복잡도와 재렌더링 이슈를 확인했다.
- 실험 4에서 React Hook Form 도입으로 입력 관리가 간소화되고 중첩 컴포넌트 등록이 수월하다고 판단했다.
- Formik도 시도했으나 Hook Form의 장점이 더 명확하다고 느꼈다.
얻은 인사이트
- 초기 러닝 커브를 극복하면 장기적으로 안정성과 유지보수성이 높아진다.
- 대형 폼에서도 FormProvider를 활용한 Hook Form의 확장성이 실무 생산성을 높인다.
