밝을희 클태

React 프로젝트를 진행하며, 별도 라이브러리 없이 기본 Hook과 HTML 요소만으로 폼을 만들었다.그러다 입력해야 할 필드가 많아질수록 상태 관리가 복잡해져서해결책을 찾아보다가 shadcn/ui의 Form 컴포넌트와 react-hook-form, Zod를 알게 됐다.react-hook-form?React 훅 기반의 폼 상태 관리 라이브러리입력값(value), 유효성 검증, 에러 상태를 비제어 컴포넌트 방식으로 관리해 불필요한 리렌더링을 줄여준다Zod?TypeScript 기반의 스키마 선언·런타임 검증 라이브러리z.object(), z.string() 등으로 스키마만 정의하면런타임에 데이터를 검증하고z.infer로 TS 타입도 자동 생성해 준다두 라이브러리를 조합하면폼 상태 관리 → 입력값 취합 → ..