✍ 준비물

1. Node.js

2. npm / yarn

3. express

4. babel

5. nodemon

1. 📌 Node.js 설치

$ node -v 로 Node.js 버전 확인

2. npm / yarn

npm은 node.js를 설치하면 자동으로 따라온다.

버전 확인
$ npm --version

$ yarn --version

📌 프로젝트 생성

$ npm init

$ yarn init

디렉터리 안에 package.json 파일이 생성된다.

3. express

웹 서버 구동을 위한 Node.js 프레임워크

📌 설치

npm install express

yarn add express

package.json 파일이 있는 상태에서는 뒤에 --save 를 적지 않아도 dependencies 에 등록이 된다.

4. babel

Babel 은 ES6 / ES7 코드를 ECMAScript 5 코드로 변환 (컴파일)하기위한 도구로, 오늘날 모든 최신 브라우저에서 사용할 수 있습니다 . 더 나아가-Babel에는 React를위한 JSX 트랜스 파일 및 정적 유형 검사를위한 Flow 구문을위한 확장이 있습니다.

다양한 작은 모듈로 구성되어 있습니다. 기본적으로 Babel은 아무것도하지 않습니다. 나중에 다룰 코드를 컴파일하기 위해 사전 설정을 사용합니다.

자바스크립트의 컴파일러로, 간단히 말하여 최신문법을 사용할 수 있도록 해준다.

구 문법

const express = require("express");

최신 문법

import express from "express";

📌 설치

npm i @babel/cli @babel/core @babel/node @babel/preset-env

yarn add @babel/cli @babel/core @babel/node @babel/preset-env

package.json 파일에 등록된 것을 볼 수 있다.

📌 .babelrc 생성

디렉토리에 .babelrc 라는 파일을 생성하고 아래 코드를 작성한다.

{
  "presets": ["@babel/preset-env"]
}

5. nodemon

js파일을 저장 할 때마다 서버를 갱신한다.

📌 설치

npm install -g nodemon

yarn global add nodemon

📌 package.json에 scripts 추가

  "scripts": {
    "start": "nodemon --exec babel-node index.js"
  }

✍ index.js

모든(?) 준비가 끝났으니 코드를 작성해봅시다 !

import express from "express";

const server = express();

server.listen(3000, () => {
  console.log("The server is running");
});

$ npm start
$ yarn start

The server is running