React 폼 상태 관리 전략

React에서 폼을 관리할 때 useState만으로 처리할지, 라이브러리를 쓸지, 어디까지 커스텀 훅으로 뽑을지에 대한 기준을 정리하는 글입니다.

1. 컨트롤드 vs 언컨트롤드

각 방식의 장단점과, 실제로 어떤 화면에서 무엇을 선택하는 게 좋은지 간단한 예시와 함께 비교합니다.

2. 라이브러리 선택 기준

react-hook-form, Formik 등의 특징을 짚어 보고 팀/프로젝트 상황에 맞는 선택 기준을 메모합니다.

3. 폼 밸리데이션 패턴

동기/비동기 검증, 서버 에러 매핑, 에러 메시지 UX까지 포함한 체크리스트를 남겨 둡니다.