Statue Code HTTP 응답 상태 코드는 특정 HTTP 요청이 성공적으로 완료되었는지 알려줍니다. 상태 코드는 3자리 숫자로 만들어져 있으며, 첫번째 자리는 1에서 5까지 제공됩니다. 첫번째 자리가 4와 5인 경우는 정상적인 상황이 아니기 때문에 사이트 관리자가 즉시 알아야 하는 정보입니다. 자주 사용되는 상태 코드 위주로 알아보겠습니다...

Statue Code HTTP 응답 상태 코드는 특정 HTTP 요청이 성공적으로 완료되었는지 알려줍니다. 상태 코드는 3자리 숫자로 만들어져 있으며, 첫번째 자리는 1에서 5까지 제공됩니다. 첫번째 자리가 4와 5인 경우는 정상적인 상황이 아니기 때문에 사이트 관리자가 즉시 알아야 하는 정보입니다. 자주 사용되는 상태 코드 위주로 알아보겠습니다...

Web Server, Was, Reverse Proxy에 대해 알아보자. 웹 서버(Web Server) 브라우저와 같은 Client로부터 HTTP 프로토콜 요청을 받으면 HTML 문서 등의 정적 웹 페이지를 응답해주는 소프트웨어를 말합니다. 동적 컨텐츠를 요청 받으면 WAS에게 요청을 넘겨주고 WAS에서 처리한 결과를 Client에 전달하...

DDD (Domain-Driven Design) 도메인 주도 설계란 복잡한 비즈니스 로직을 기술 중심이 아니라 도메인(업무 영역) 중심으로 설계하는 접근법입니다. 핵심 철학 단순한 설계 패턴이 아니라, 시스템을 바라보는 관점 자체를 바꾸는 것 “단순히 코드 구조를 깔끔히 나누자”가 아닌 “비즈니스 언어를 코드로 표현하자” 도메인...

##

React Router v7 React Router는 React 전용 클라이언트 라우팅 라이브러리입니다. SPA(Single Page Application) 방식에서도 URL 기반 네비게이션을 가능하게 하여 사용자 경험을 향상시킵니다. 기존 버전보다 더 단순해지고, 데이터 중심 구조와 UX 향상을 위한 다양한 기능이 추가되었습니다. 주요 특...

Vite Vite(비트)는 차세대 프론트엔드 개발 툴로, 빠른 개발 환경과 간단한 번들링 환경을 제공하기 위해 만들어진 초고속 빌드 도구(Build Tool)입니다. React, Vue, Svelte 등 대부분의 프레임워크에서 널리 사용됩니다. 기존 번들러 기반 도구의 문제점 기존 번들러(Webpack)는 개발 서버를 실행할 때 전체 프로젝...

React Hook Form React에서 폼(form) 상태와 검증을 쉽게 관리할 수 있게 해주는 라이브러리입니다. npm install react-hook-form 최소한의 리렌더링 : 입력할 때마다 전체 컴포넌트가 리렌더링되지 않음 간편한 validation : 외부 validation 라이브러리(Zod...

목표 zod를 사용해 validation을 구현해보자. Zod TypeScript/JavaScript용 데이터 검증 및 타입 안전성 라이브러리를 말합니다. 즉, 런타임에 데이터의 형태를 검사하고, 동시에 TypeScript 타입을 자동으로 만들어주는 도구 npm install zod 왜 필요한가? TypeScript는 컴파...

useQuery