본문으로 건너뛰기

루프공방LoopLab

배우기 카탈로그 도구·모델 AI 질의 자료실 소식 챌린지 공유 방명록

페이지를 불러오는 중입니다.

루프공방

바이브코딩을 해 봤지만 아직 서툰 사람을 위해, 하네스·Skills·MCP·Hooks·실제 도구를 익히고 시행착오를 줄이는 학습 허브

검색 완전 초보 배우기 도구·모델 카탈로그 소식 자료실 챌린지 프로젝트 방명록 로그인

배우기
카탈로그
AI 질의
자료실
챌린지
공유

plugin입문React폼

React Hook Form

폼 상태·성능

커뮤니티 · React 폼 사실상 표준 후보

공식 문서 GitHub

무엇을 하나요

비제어 중심 폼. zod resolver와 묶어 에이전트 폼 코드 품질 향상.

어떻게 동작하나요

register/control + 스키마 resolver. 에러 메시지 UI 패턴 고정.

이런 분께

복잡한 폼 SaaS.

시작 방법

로그인 폼 하나 + zod.

실전 팁

기본값 명시
서버 에러 매핑
접근 가능한 에러 연결

이럴 땐 쓰지 마세요

입력 1~2개 초간단 폼.

주의 (보안·운영)

민감 필드 로그 금지.

막히기 쉬운 지점

제어/비제어 혼용 난잡.

같이 보면 좋은 항목

Zod — 런타임 스키마 검증
shadcn/ui — 복사해 쓰는 컴포넌트 시스템
접근성(a11y) 스킬 — 키보드·스크린리더 체크