zod

NestJS에서 Zod로 스키마 유효성 검사하기 (커스텀 파이프 만들기)지난 글에서는 ParseIntPipe로 URL 파라미터 하나가 숫자인지 확인했습니다. 값 하나 검사하는 건 쉽죠. 그런데 회원가입처럼 이메일·비밀번호·나이가 한꺼번에 넘어오는 경우는요? 이걸 전부 if문으로 검사하는 건 지옥입니다.// 😩 이렇게 하고 싶지 않습니다if (!body.email) throw ...if (typeof body.age !== 'number') throw ...if (body.age 이번 글에서는 Zod로 데이터의 "청사진(스키마)"을 미리 정의하고, 그 스키마로 요청 데이터를 한 방에 검증하는 방법을 다룹니다.0. 스키마 유효성 검사란?필드를 하나하나 수동으로 검사하는 대신, "이 데이터는 이런 모양이어야..

React Hook Form으로 로그인 폼 만들기 (입력 검증 + 접근성까지)React로 폼을 만들다 보면 useState가 입력칸 개수만큼 늘어나고, onChange 핸들러가 덕지덕지 붙는 경험을 하게 됩니다. React Hook Form(RHF)은 이 보일러플레이트를 걷어내 주는 라이브러리입니다. 이 글에서는 로그인 폼 하나를 만들면서 RHF의 핵심 3가지 — register, handleSubmit, formState — 를 익히고, 중복 제출 방지·입력 검증·웹 접근성까지 붙여봅니다.0. 설치npm install react-hook-formCodeSandbox 같은 온라인 에디터라면 Dependencies에서 react-hook-form을 검색해 추가하면 됩니다.1. 왜 RHF가 빠를까? (먼저 ..