1. babel 이란?


js es6 최신문법을 사용해도 예전 문법으로 바꿔주는 역할을 한다.



1.1 babel 설치


npm install @babel/node


npm install @babel/preset-env


npm install @babel/core



1.2 .babelrc 파일 생성, index.js 및 package.json 수정


- .babelrc 파일 생성 후 내용 추가


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


- index.js 수정


// const express = require('express');
import express from "express";


- package.json 수정


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


- 설치 후 재시작


npm start



2. nodemon이란?


nodemon이란 변경사항이 발생시 서버를 자동으로 껏다 켜주는 역할을 한다.



2.1 nodemon 설치


- nodemon 설치


npm install nodemon -D


- 설치가 완료되면 package.json 파일에 nodemon이 추가된다.


  "devDependencies": {
    "nodemon": "^1.19.0"
  }



2.2 .package.json 수정


- 설치완료 후 package.json 파일을 수정한다.


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


- 설치 후 재시작


npm start


- 잘 설치 되었는지 확인 하려면 서버 index.js를 재저장 하면 자동으로 서버를 껐다 켜주는것을 반복한다.




+ Recent posts