Node JS에서 ES6 모듈을 사용하기 시작한 방법

Node JS에서 ES6 모듈을 사용하기 시작한 방법

Node.js를 사용할 때 ES6 모듈을 사용하기 시작한 방법에 대한 간단한 가이드입니다.

나는 EcmaScript 모듈 구문을 좋아하고 거의 모든 코드와 실습에서 사용합니다.

Express Introduction - MDN의 예를 사용하겠습니다.

따라서 새 폴더(node-es6)를 만듭니다.

mkdir node-es6

폴더 내에서 다음을 수행하여 노드 애플리케이션을 초기화합니다.

npm init -y

이제 즐겨 사용하는 텍스트 편집기를 사용하여 폴더를 엽니다.

새 파일hello.js을 만들고 코드를 붙여넣습니다.

// Load HTTP module
const http = require("http");

const hostname = "127.0.0.1";
const port = 8000;

// Create HTTP server
const server = http.createServer((req, res) => {

   // Set the response HTTP header with HTTP status and Content type
   res.writeHead(200, {'Content-Type': 'text/plain'});

   // Send the response body "Hello World"
   res.end('Hello World\n');
});

// Prints a log once the server starts listening
server.listen(port, hostname, () => {
   console.log(`Server running at http://${hostname}:${port}/`);
})

파일을 실행하여 문제가 없는지 확인합니다.

node hello.js

메시지가 터미널에 표시되는 경우:

Server running at http://127.0.0.1:8000/

그런 다음 실행 중입니다.

ES6 사용

시작하는 것은 간단합니다. package.json 파일로 이동하여 다음 행을 추가하십시오.

"type": "module",

업데이트된 파일은 다음과 같아야 합니다.

{
  "name": "node-es6",
  "version": "1.0.0",
  "type": "module",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

마지막 단계는 es6 모듈을 사용하도록 js 파일을 업데이트하는 것입니다."

// Load HTTP module
import http from "http";

const hostname = "127.0.0.1";
const port = 8000;

// Create HTTP server
const server = http.createServer((req, res) => {

   // Set the response HTTP header with HTTP status and Content type
   res.writeHead(200, {'Content-Type': 'text/plain'});

   // Send the response body "Hello World"
   res.end('Hello World\n');
});

// Prints a log once the server starts listening
server.listen(port, hostname, () => {
   console.log(`Server running at http://${hostname}:${port}/`);
})

참고로 저는 바꿨습니다

// Load HTTP module
const http = require("http");

에게

// Load HTTP module
import http from "http";

파일을 실행하여 모든 것이 계획대로 작동하는지 확인하십시오.

바로 그거야, 츄스!!