[React.JS(19) + TypeScript] 02. 초기 프로젝트 구조 살펴보기
- Vite는 복잡한 TypeScript 설정을 자동 처리하여 React 초기 프로젝트 생성에 유용합니다. ⚙️
node_modules
폴더는 설치된 라이브러리 저장소이며, 용량이 커 버전 관리에서 제외됩니다. 📦
public
폴더는 이미지, 폰트 등 정적 리소스를 저장하며, 빌드 시 그대로 복사됩니다. 🏞️
src
폴더는 React 컴포넌트, TypeScript/JavaScript 코드 등 핵심 로직이 담긴 폴더입니다. 🧰
main.tsx
파일은 App
컴포넌트를 DOM에 렌더링하는 역할을 합니다. 🏠
.gitignore
파일은 Git 버전 관리에서 제외할 파일/폴더를 지정합니다. 🚫
package.json
파일은 프로젝트 이름, 버전, 종속성 패키지 목록 등을 포함합니다. 📝
package-lock.json
파일은 설치된 패키지의 정확한 버전과 구조를 기록하여 일관성을 유지합니다. 🔒
tsconfig.json
파일은 TypeScript 컴파일 설정을 정의합니다. ⚙️
vite.config.ts
파일은 Vite 빌드 및 개발 서버 구동에 필요한 설정을 담고 있습니다. 🛠️