프로젝트 초기 설정 (React + Vite)
packages/client 아래에 Vite React 프로젝트를 만들고, root tsconfig와 package scripts가 서버 패키지와 충돌하지 않게 맞춥니다.
컴포넌트 기반 UI 개발
페이지, 폼, 목록, 공통 UI를 컴포넌트로 나누고 props 타입으로 데이터 흐름을 드러냅니다.
백엔드 API 통신
Axios와 타입스크립트를 사용하여 백엔드 API와 통신하는 서비스를 구현합니다.
NestJS API 서버가 준비되면 프론트엔드는 같은 타입 계약을 기준으로 화면 상태와 요청 함수를 맞춰야 합니다. React와 Vite 프로젝트를 client 패키지에 두고, API 응답 타입, 폼 상태, 오류 표시를 분리해 서버 계약 변화가 화면에 어디까지 영향을 주는지 추적합니다.
컴포넌트, API 타입, 상태 모델을 나눠 화면과 데이터 계약을 맞춥니다.
packages/client 아래에 Vite React 프로젝트를 만들고, root tsconfig와 package scripts가 서버 패키지와 충돌하지 않게 맞춥니다.
페이지, 폼, 목록, 공통 UI를 컴포넌트로 나누고 props 타입으로 데이터 흐름을 드러냅니다.
Axios와 타입스크립트를 사용하여 백엔드 API와 통신하는 서비스를 구현합니다.