4️package.json

package.json 파일

create-next-app을 통해 설치된 기본 패키지 구성을 살펴봅시다.

package.json

{
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "react": "^18",
    "react-dom": "^18",
    "next": "14.0.2"
  },
  "devDependencies": {
    "typescript": "^5",
    "@types/node": "^20",
    "@types/react": "^18",
    "@types/react-dom": "^18",
    "eslint": "^8",
    "eslint-config-next": "14.0.2"
  }
}

scripts

프로젝트에서 사용할 수 있는 스크립트를 정의합니다. "dev", "build", "start", "lint"라는 네 가지 스크립트가 정의되어 있습니다.

dependencies

프로젝트가 실행되는 데 필요한 패키지를 나열합니다. "react", "react-dom", "next"라는 세 가지 패키지가 필요합니다.

devDependencies

개발 과정에서만 필요한 패키지를 나열합니다. "typescript", "@types/node", "@types/react", "@types/react-dom", "eslint", "eslint-config-next"라는 패키지가 필요합니다.

browserlist

Next.js는 추가 설정 없이도 최신 브라우저를 지원합니다. 필요하다면 아래와 같이 명시적으로 버전을 추가해줄 수도 있습니다.

{
  "browserslist": [
    "chrome 64",
    "edge 79",
    "firefox 67",
    "opera 51",
    "safari 12"
  ]
}