nodejs 개발 환경에 대해 무엇을 배우나요?

Node.js 개발 환경 연구 노트: 설치부터 개발 실습까지

Node.js는 Chrome V8 엔진을 기반으로 하는 JavaScript 실행 환경으로, 서버 측 웹 애플리케이션을 비롯한 JavaScript 애플리케이션을 쉽게 개발하고 실행할 수 있습니다. . Node.js 개발을 시작하기 전에 먼저 개발 환경을 준비해야 합니다. 이 글에서는 Node.js 개발 환경을 준비하는 방법과 몇 가지 기본적인 개발 사례를 소개합니다.

1. Node.js 설치

우선 Node.js를 개발하려면 먼저 Node.js를 설치해야 합니다. Node.js 공식 웹사이트에서 최신 버전의 Node.js를 다운로드하여 설치할 수 있습니다. 설치하는 동안 기본 설정을 선택할 수 있습니다.

2. IDE 설치

적합한 IDE를 선택하면 개발 효율성을 크게 향상시킬 수 있습니다. 일반적으로 사용되는 IDE에는 Visual Studio Code, WebStorm, Sublime Text 등이 있습니다. 각자의 취향과 필요에 따라 선택하시면 됩니다. 이 기사에서는 개발 도구로 Visual Studio Code(이하 VS Code)를 선택했습니다.

3. Node.js 프로젝트 만들기

VS Code에서 빈 폴더를 엽니다. 메뉴바의 [터미널]-[새 터미널]을 통해 터미널을 열 수 있습니다. 터미널에서 다음 명령을 입력하여 간단한 Node.js 프로젝트를 만듭니다.

mkdir my-node-project
cd my-node-project
npm init

이 명령을 실행하면 해당 질문에 답하여 package.json 파일을 만들 수 있습니다. 이름, 버전, 종속성과 같은 프로젝트의 종속성 필드는 프로젝트의 종속성을 설명하는 데 사용됩니다. Node.js는 이 필드를 사용하여 필요한 모듈을 자동으로 다운로드하고 설치합니다.

4. 모듈 설치

npm 명령을 사용하여 모듈을 설치할 수 있습니다. 터미널에 프로젝트의 루트 디렉터리를 입력하고 다음 명령을 실행하여 Express 모듈을 설치합니다.

npm install express

5. Express 애플리케이션 만들기

Node.js의 개발 방식을 더 잘 이해하기 위해 간단한 애플리케이션을 만들 수 있습니다. 익스프레스 신청 . VS Code 터미널에 다음 명령어를 입력하여 app.js 파일을 생성합니다.

touch app.js

app.js에 다음 코드를 입력합니다.

// 引入 express 并创建一个 express 对象
const express = require('express')
const app = express()

// 定义路由
app.get('/', (req, res) => {
  res.send('Hello World!')
})

// 监听端口
app.listen(3000, () => {
  console.log('应用程序已启动，访问 http://localhost:3000')
})

코드 설명은 다음과 같습니다.

• Line 1: require 사용 Express 모듈을 소개하고 초기화하여 Express 개체를 만듭니다.
• 라인 4 - 6: 사용자가 루트 경로에 액세스할 때 "Hello World!" 문자열을 반환하는 경로를 정의합니다.
• 라인 9: Express 객체의 listening() 메서드를 사용하여 포트 3000을 수신합니다. 사용자가 이 포트에 액세스하면 정의된 경로가 실행됩니다.

6. 애플리케이션 실행

애플리케이션을 실행하는 방법은 두 가지가 있습니다. 하나는 터미널을 통해 명령줄을 입력하여 프로그램을 시작하는 것이고, 다른 하나는 VS Code의 디버깅 기능을 사용하는 것입니다. 다음은 두 가지 방법의 구체적인 구현입니다.

방법 1: 터미널을 통해 명령어 입력

VS Code 터미널에서 다음 명령어를 실행합니다.

node app.js

그런 다음 브라우저를 열고 http://localhost:3000을 방문하면 "Hello World! " 응답.

방법 2: VS Code의 디버깅 기능 사용

VS Code의 왼쪽 패널에서 디버그 아이콘을 클릭하여 디버깅 패널을 엽니다. 그런 다음 [구성 추가]를 클릭하고 Node.js를 선택하세요. VS Code는 프로젝트 루트 디렉터리에 .vscode 폴더를 만들고 그 안에 launch.json 파일을 만듭니다. launch.json 파일에서 구성 항목을 다음과 같이 수정합니다.

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Node: Launch Program",
      "program": "${workspaceFolder}/app.js",
      "restart": true,
      "protocol": "inspector"
    }
  ]
}

코드 설명은 다음과 같습니다.

• 5행: 프로그램 항목 파일을 app.js로 지정합니다.
• 6번째 줄: 프로그램 시작 시 자동 재시작을 설정합니다.
• 7행: 검사기 프로토콜을 사용하여 VS Code에서 프로그램을 디버깅하도록 지정합니다.

그런 다음 디버깅 패널에서 [실행] 버튼을 클릭하여 디버깅을 시작하고, http://localhost:3000에 접속하면 VS Code의 디버깅 패널에서 응답 결과를 확인할 수 있습니다.

7. 요약

이 글에서는 Node.js 개발 환경을 준비하는 방법과 몇 가지 기본 개발 사례를 소개합니다. 주요 단계는 다음과 같습니다.

• Node.js 설치
• IDE 설치
• Node.js 프로젝트 생성
• 모듈 설치
• Express 애플리케이션 생성
• 애플리케이션 실행

마지막으로, 이 기사가 독자들에게 도움이 되기를 바랍니다. Node.js 개발 환경을 빠르게 시작해 보세요.

위 내용은 nodejs 개발 환경에 대해 무엇을 배우나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!