연습 - package.json 구성 - Training

4분

여러분은 Tailwind Traders의 Node.js 개발자입니다. 새 Node.js 프로젝트를 설정하는 방법을 아는 것이 중요합니다. 설정에는 package.json 파일 생성과 프로젝트 수명 주기 전반에 걸쳐 사용할 몇 가지 공통 스크립트 만들기가 포함됩니다.

개발 컨테이너에서 프로젝트 열기

간단한 개발 환경이 제공됩니다. 컴퓨터에 Node.js LTS가 이미 설치되어 있는 경우 이 섹션을 건너뛰고 샘플 리포지토리를 복제한 후 로컬 환경을 사용할 수 있습니다.

원격 개발(브라우저)
로컬 개발(Docker)

MicrosoftDocs/node-essentials GitHub 리포지토리의 main 분기에 새 GitHub Codespace를 만드는 프로세스를 시작합니다.

GitHub Codespaces에서 이 프로젝트 열기
codespace 만들기 페이지에서 codespace 구성 설정을 검토한 다음, 새 codespace 만들기를 선택합니다.
codespace가 생성될 때까지 기다립니다. 이 프로세스에는 몇 분 정도 걸릴 수 있습니다.
codespace에서 새 터미널을 엽니다.

팁

기본 메뉴를 사용하여 터미널 메뉴 옵션으로 이동한 다음, 새 터미널 옵션을 선택할 수 있습니다.
Node.js가 사용자 환경에 설치되어 있는지 확인합니다.
```
node --version
```
개발 컨테이너는 v20.5.1과(와) 같은 Node.js LTS 버전을 사용합니다. 정확한 버전은 다를 수 있습니다.
이 프로젝트의 나머지 연습은 이 개발 컨테이너의 컨텍스트에서 수행됩니다.

빈 디렉터리의 컨텍스트에서 Visual Studio Code를 엽니다.
Visual Studio Code에 Dev Containers 확장이 설치되어 있는지 확인합니다.
편집기에서 새 터미널을 엽니다.

팁

기본 메뉴를 사용하여 터미널 메뉴 옵션으로 이동한 다음, 새 터미널 옵션을 선택할 수 있습니다.
MicrosoftDocs/node-essentials GitHub 리포지토리를 현재 디렉터리에 복제합니다.
```
git clone https://github.com/MicrosoftDocs/node-essentials.git
```
터미널에서 다음 명령을 사용하여 코드로 리포지토리를 엽니다.
```
cd node-essentials
code .
```
명령 팔레트를 열고 Dev Containers 명령을 검색한 다음, Dev Containers: 컨테이너에서 다시 열기를 선택합니다.

팁

Visual Studio Code는 개발 컨테이너에서 기존 폴더를 다시 열라는 메시지를 자동으로 표시할 수 있습니다. 이는 명령 팔레트를 사용하여 컨테이너에서 현재 작업 영역을 다시 여는 것과 기능적으로 동일합니다.
Node.js가 사용자 환경에 설치되어 있는지 확인합니다.
```
node --version
```
개발 컨테이너는 v20.5.1과(와) 같은 Node.js LTS 버전을 사용합니다. 정확한 버전은 다를 수 있습니다.
이 프로젝트의 나머지 연습은 이 개발 컨테이너의 컨텍스트에서 수행됩니다.

새 Node.js 프로젝트 설정

이 단원에서 JavaScript 소스 코드가 제공되었습니다. package.json 파일을 만듭니다.

터미널에서 이 연습을 위한 폴더로 변경합니다.
```
cd node-dependencies/3-exercise-package-json
```
폴더의 콘텐츠를 봅니다.
```
ls -R
```
이 폴더에는 index.js 파일이 있는 src 하위 폴더가 표시됩니다.
```
 ./src:
     index.js
```

다음 명령을 실행하여 기본값으로 package.json 파일을 만듭니다.

npm init -y

이 예와 유사한 package.json 파일은 다음과 같습니다.

{
  "name": "3-exercise-package-json",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

다음 속성 값으로 package.json을 수정합니다.

name: “tailwind-trader-ap”
description: “Tailwind Traders 데이터베이스에서 항목을 관리하는 HTTP API”
main: “index.js”
keywords: ["API", "database"]
author: “Sam”

package.json 파일은 이제 다음 코드와 같이 표시됩니다.

{
  "name": "tailwind-trader-api",
  "version": "1.0.0",
  "description": "HTTP API to manage items from the Tailwind Traders database",
  "main": "index.js",
  "dependencies": {},
  "devDependencies": {},
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": ["api", "database"],
  "author": "Sam",
  "license": "ISC"
}

scripts 섹션에서 test 스크립트 위에 start라는 새 스크립트를 추가합니다.
```
"start": "node ./src/index.js",
```
변경 내용을 저장하고 package.json 파일을 닫습니다.
다음 명령을 입력하여 start 작업으로 프로젝트를 시작합니다.
```
npm start
```
다음 출력이 표시됩니다.
```
Welcome to this application
```

이제 프로젝트가 성장함에 따라 빌드할 수 있는 좋은 package.json 파일이 생겼습니다.

계속

연습 - package.json 구성

개발 컨테이너에서 프로젝트 열기

새 Node.js 프로젝트 설정

피드백