유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

[React.JS(19) + TypeScript] 02. 초기 프로젝트 구조 살펴보기

수코딩

2025. 5. 19.

0

#frontend
  • 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 빌드 및 개발 서버 구동에 필요한 설정을 담고 있습니다. 🛠️

Recommanded Videos