package.json

: npm패키지 저장소와 상호작용할 수 있또록 만들어주는 연결 고리

package.json 옵션

scripts

: 프로젝트에서 빈번하게 수행해야하는 작업을 스크립트로 등록한다.

• npm run xxx로 실행할 수 있다.

{
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  }
}

dependencies

: 해당 프로젝트가 실행되기 위해 반드시 필요한 패키지

• npm install 패키지@버전으로 추가한다.

{
  "dependencies": {
    "@tanstack/react-query": "^4.35.0",
    "@types/react": "^18.2.21",
    "@types/react-dom": "^18.2.7",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-hook-form": "^7.46.1",
    "react-router-dom": "^6.15.0",
    "zod": "3.22.2"
  }
}

devDependencies

: 테스트 작성/실행이나 프로젝트 빌드 시에만 필요한 패키지를 명시한다.

• 패키지를 설치할 때 —-save-dev 혹은 -D옵션을 추가한다.

{
  "devDependencies": {
    "@testing-library/jest-dom": "^5.17.0",
    "@testing-library/react": "^13.4.0",
    "@testing-library/user-event": "^13.5.0",
    "eslint": "^8.48.0",
    "jest": "^29.6.4",
    "prettier": "^3.0.1",
    "typescript": "^5.2.2"
  }
}