atomicdev 님의 블로그

Zod와 React Hook Form을 사용한 유효성 검사Zod는 타입스크립트에서 유효성 검사를 위해 사용되는 스키마 선언 및 유효성 검사 라이브러리입니다. 이는 타입스크립트가 컴파일 과정에서 타입을 검증할 수는 있지만, 실제 프로그램이 실행될 때는 아무런 역할을 하지 않는 한계를 극복하기 위해 만들어졌습니다. 이를 통해 API로부터 들어오는 데이터를 검증하고, 예상하지 못한 데이터나 오류로부터 프로그램을 보호할 수 있습니다.Zod 기본 사용법먼저, z.object()로 스키마를 선언하고 각 필드의 타입과 규칙을 정의할 수 있습니다. 이렇게 정의된 스키마는 타입을 추론할 수 있고, 이 스키마로부터 생성된 데이터는 검증을 통해 유효한지 확인할 수 있습니다.import { z } from "zod";// 스..

TypeScript와 React의 관계: 개념과 사례 중심의 이해React는 프론트엔드 개발에서 가장 널리 사용되는 UI 라이브러리이며, TypeScript는 자바스크립트에 정적 타입을 추가하여 더 안전한 코드를 작성할 수 있도록 도와주는 도구입니다. 이 두 기술은 결합했을 때, 코드의 가독성, 유지보수성, 그리고 예측 가능성을 크게 향상시킵니다. 이번 글에서는 TypeScript와 React의 관계를 이해하고, 실제 사례를 통해 이 두 기술이 어떻게 상호작용하는지 알아보겠습니다.1. TypeScript란 무엇인가?TypeScript는 Microsoft에서 개발한 자바스크립트의 상위 집합(superset)으로, 정적 타입을 추가하여 런타임 오류를 줄이고, 개발자가 타입을 명확히 선언할 수 있게 합니다. ..