태그: Validation
5편
-
Valibot으로 가볍게 스키마 검증하기: 파이프라인, 타입 추론, 커스텀 검증, Zod와 번들 크기 비교
Valibot의 스키마·파이프라인·타입 추론, 커스텀 검증·에러 메시지, Zod 비교, 번들 최적화, React Hook Form 실무 폼 검증까지 다룹니다. Valibot은 의존성 없이 동작하는 경량 스키마 검증 라이브러리입니다.
-
Zod 기본기: 스키마 정의와 타입 추론, 문자열·숫자·객체·배열 검증, union과 스키마 조합
z.object로 스키마를 정의하고 z.infer로 타입을 뽑아 쓰는 기본부터 discriminated union·재귀 스키마, transform과 refine, safeParse 에러 처리, React Hook Form·tRPC 연동까지 예제로 설명합니다.
-
Zod 고급 패턴: discriminatedUnion, refine·superRefine, transform·preprocess, 성능, tRPC 연동
Zod로 스키마 조합·discriminated union·커스텀 refine·에러 맵·transform·성능·React Hook Form·tRPC·API 경계 검증까지 다룹니다.
-
Vuelidate로 Vue 폼 검증하기: 내장·커스텀 검증기, 비동기 검증, 에러 메시지, 중첩 객체
Vuelidate로 Vue 3 폼 검증 규칙을 선언하고 내장 검증기, 직접 만드는 검증기, 서버 중복 확인 같은 비동기 검증, 커스텀·다국어 에러 메시지, 중첩 객체 검증을 적용하는 방법을 회원가입 폼 예제로 따라갑니다.
-
React Hook Form으로 폼 만들기: register·handleSubmit, Zod 검증, Controller, 배열 필드
React Hook Form으로 폼을 구현하는 방법. register와 handleSubmit, 검증 규칙, Zod 통합, watch와 control, Controller로 커스텀 컴포넌트 연결, 배열 필드, 복잡한 폼 예제를 정리합니다.