1.3.3 기본 구조 살펴보기

프로젝트에 있는 여러 폴더와 파일 중에서 애플리케이션을 실행하는 데 특히 중요한 파일은 package.json, index.html, main.tsx, App.tsx입니다. 나머지는 필요할 때 살펴보고 여기서는 이 4개 파일을 살펴보겠습니다.

● package.json

package.json 파일은 프로젝트의 핵심 설정 파일입니다. 이 파일에는 프로젝트 이름과 버전, 사용하는 라이브러리, 실행할 수 있는 명령어(스크립트) 등의 정보가 담겨 있습니다. 각 버전 정보는 프로젝트를 생성한 시점에 따라 달라질 수 있습니다.

package.json

{
  "name": " vite-react",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "tsc -b && vite build",
    "lint": "eslint .",
    "preview": "vite preview"
  },