package.json 구성

4분

npm 및 패키지 관리를 사용하여 Node.js 프로젝트 관리를 시작합니다. 패키징의 필수 요소와 개발 프로세스를 어떻게 강화할 수 있는지 알아보겠습니다.

패키징 및 패키지 관리

Node.js의 기본 패키지 관리자인 NPM은 외부 코드를 프로젝트에 통합하기 위한 비밀 무기입니다. 애플리케이션을 더 빠르고 효율적으로 빌드하는 데 도움이 되는 개인 비서가 있는 것과 같습니다.

패키징은 배포를 위해 코드를 선물 포장하는 것과 같습니다. 코드와 해당 종속성을 다른 사용자가 쉽게 설치하고 사용할 수 있는 패키지에 깔끔하게 번들로 묶습니다. 패키지 관리는 이러한 패키지를 처리하는 기능이며 다음이 포함됩니다.

package.json 파일, 프로젝트의 청사진입니다. 프로젝트에 대한 메타데이터로 가득하며 종속성 및 패키지 파일 관리를 처리합니다.
npm CLI 도구는 npm 레지스트리에서 패키지를 설치하고 관리하기 위한 개인 핸디맨입니다.
npm 레지스트리는 프로젝트에서 사용할 준비가 된 공용 패키지의 보물 모음입니다.

package.json 만들기

package.json을(를) 만드는 것은 npm init 명령을 실행하는 것만큼 간단합니다. 이 작업을 수행하는 두 가지 주요 방법이 있습니다.

npm init: 이 명령은 이름, 버전 및 설명과 같은 프로젝트에 대한 세부 정보를 요청하는 단계별 프로세스를 안내하는 친절한 가이드와 같습니다.
npm init -y: 이 명령은 npm init의 급행 열차 버전입니다. 질문을 지나쳐 기본값을 채웁니다.

생성할 package.json 파일의 미리 보기는 다음과 같습니다.

{
  "name": "my project",
  "version": "1.0.0",
  "description": "",
  "main": "script.js",
  "dependencies": {},
  "devDependencies": {},
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

package.json 파일 영역 이해

package.json 파일을 프로젝트에 반짝임을 주는 귀중한 보석으로 가득 찬 보물 상자로 생각하세요. 이러한 gem은 package.json 파일의 속성이며 세 가지 주요 범주로 분류됩니다.

메타 정보: 이러한 속성은 프로젝트에 대한 메타 정보를 정의하는 왕관 보석과 같습니다. 여기에는 프로젝트 이름, 설명, 작성자, 키워드 등이 포함됩니다.
종속성: 이는 프로젝트에서 사용하는 패키지를 나타내는 금화와 은화입니다. 그리고 dependencies 및 devDependencies 속성은 이러한 보물을 보유하고 있습니다. 추가 과정을 진행하면서 이러한 속성을 사용하여 종속성을 설치, 업데이트 및 관리하는 방법을 알아봅니다.
스크립트: 프로젝트 작업이 수행되도록 하는 터미널 명령입니다. 시작, 빌드, 테스트 및 lint와 같은 작업에 대한 스크립트를 나열할 수 있습니다.

스크립트를 사용하여 작업 확장

package.json 파일에 4개 이상의 일반적인 스크립트를 포함해야 합니다.

start: 이 스크립트는 프로젝트에 생명을 불어넣습니다. 예를 들어 node ./src/index.js 명령을 사용할 수 있습니다.
build: 이 스크립트는 프로젝트의 그랜드 데뷔를 준비합니다. 예를 들어 TypeScript를 JavaScript로 변환할 수 있습니다.
test: 이 스크립트는 일반적으로 테스트 패키지를 사용하여 프로젝트의 상태를 확인합니다.
lint: 이 스크립트는 ESLint와 같은 도구를 사용하여 스타일을 확인하고 서식 문제를 지정하여 코드를 정리합니다.

이러한 스크립트 이름은 마법의 단어와 같으며 개발자 커뮤니티에서 보편적으로 인식되며 프로젝트를 체계적으로 유지하는 데 필수적입니다.

스크립트 이름 표준화

package.json 파일에서 스크립트는 작업 및 명령으로 정의됩니다.

"scripts" : {
  "<action>" : "<command>"
}

예를 들면 다음과 같습니다.

"scripts" : {
  "start" : "node ./dist/index.js",
  "test": "jest",
  "build": "tsc",
  "lint": "eslint"
}

스크립트 실행

npm run <action> 명령을 입력하여 터미널에서 스크립트를 실행하려면. 예: npm run lint.

start 및 test 작업은 명령에서 단어 run을 생략할 수 있다는 점에서 특별합니다. npm run start 명령을 입력하는 대신 npm start을 입력할 수 있습니다.

미리 정의된 개발 환경 사용

이 학습 모듈은 브라우저 또는 로컬 컴퓨터에 대한 개발 컨테이너를 제공합니다. 이 컨테이너는 IDE 또는 Node.js를 설치하지 않고도 이 학습 모듈을 사용할 수 있도록 필요한 모든 환경을 제공합니다. 이 학습 모듈을 완료하기 위해 컨테이너에 대해 아무것도 알 필요가 없습니다.

계속