개발자일지

Zod 개념 정리Zod는 TypeScript-first 스키마 검증 라이브러리로, 주로 React에서 폼 데이터나 API 응답을 안전하게 검증할 때 사용한다. 런타임에서 데이터 타입을 검증하고 동시에 TypeScript 타입을 추론할 수 있다. 폼 라이브러리(react-hook-form, formik)와 함께 사용하면 더 강력한 폼 유효성 검사 구현이 가능하다. *스키마란?프로그래밍에서 스키마란, 어떤 데이터가 어떤 형식이어야 하고, 어떤 규칙을 따라야 하는지 정의한 것이다. 예를 들어 전화번호를 받아야하는 폼에 한글을 입력할 수 없도록 검증이 필요하고, 서버에서 받아온 데이터가 프론트에서 기대한 구조인지 확인하기 위해 api 응답 검증이 필요하기 때문에 스키마가 필요한 것이다. Zod 기본 사용법n..

react-hook-formreact-hook-form은 React에서 폼을 간단하고 효율적으로 관리할 수 있게 도와주는 라이브러리로, 최소한의 리렌더링으로 빠른 성능을 제공하며, 입력값 등록(register), 검증(validate), 상태 추적(watch), 제출 처리(handleSubmit) 등을 쉽게 구현할 수 있다. 기존의 복잡한 폼 상태 관리 방식보다 코드량이 적고 직관적이며, 유효성 검사 라이브러리와도 쉽게 연동할 수 있어 유지보수가 편리한 것이 특징이다. useForm폼 전반을 관리하는 핵심 훅 기능: 등록, 제출, 초기값, 에러 상태 관리 등const { register, handleSubmit, formState: { errors } } = useForm(); useFormContex..