atomicdev 님의 블로그

FastAPI 기본 개념과 환경 설정강의 목표:FastAPI의 기본 개념과 Flask와의 차이점을 이해한다.FastAPI를 설치하고, 로컬 환경에서 기본적인 엔드포인트를 구성하고 실행할 수 있다. 강의 세부 내용:1. FastAPI란?FastAPI는 고성능 비동기 웹 프레임워크로, API 개발을 쉽고 빠르게 할 수 있도록 도와줍니다.비동기 지원, 자동 문서화(Swagger, ReDoc), 유효성 검사, 높은 성능 등의 강점을 제공합니다.Flask와 FastAPI의 주요 차이점:Flask는 동기 방식, FastAPI는 비동기 방식(더 많은 요청을 동시에 처리 가능).FastAPI는 Python의 타입 힌트(Type Hints)를 기반으로 데이터 유효성 검사를 자동으로 지원.FastAPI는 내장된 OpenA..

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

입력 폼 React-Hook-Form 사용법React-Hook-Form은 비제어 컴포넌트를 활용하여 폼 입력을 쉽게 관리하고, 성능을 최적화하는 훅을 제공합니다. 실시간 유효성 검사 및 비동기 처리를 지원하여 폼 데이터를 손쉽게 처리할 수 있습니다.1. 비제어 컴포넌트란?비제어 컴포넌트는 사용자가 입력하는 값이 React의 상태에 의해 즉각적으로 제어되지 않는 컴포넌트입니다. 이는 브라우저의 기본 동작을 유지하면서도 폼 데이터를 관리할 수 있는 장점이 있으며, 제어 컴포넌트와 비교하여 더욱 간단하고 성능적인 이점을 제공합니다.2. React Hook Form의 기본 기능React Hook Form의 기본 훅인 useForm은 다양한 기능을 제공합니다. 주요 기능은 다음과 같습니다:register: 폼 필..