Project : React + TypeScript + Vite

CSS Library : Ant Design

Vite 프로젝트 생성

npm create vite@latest my-react-app -- --template react-ts

프로젝트 실행 / 의존성 설치 / 개발 서버 실행

cd 프로젝트명
npm install
npm run dev

폴더 및 파일 구조

my-react-app/
├─ node_modules/
├─ public/
│  ├─ favicon.ico
│  └─ index.html
├─ src/
│  ├─ assets/        # 이미지, 스타일 등의 정적 자산
│  ├─ components/    # 재사용 가능한 컴포넌트
│  │  └─ Example.tsx
│  ├─ types/         # TypeScript 타입 정의 파일
│  ├─ utils/         # 유틸리티 함수
│  ├─ App.tsx        # 애플리케이션의 루트 컴포넌트
│  └─ main.tsx       # 애플리케이션의 진입점
├─ .gitignore
├─ package.json
├─ tsconfig.json     # TypeScript 설정
└─ vite.config.ts    # Vite 구성 파일

주요 설정 파일