babel / nodemon

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를 재저장 하면 자동으로 서버를 껐다 켜주는것을 반복한다.

 

출처 : shlee0882.tistory.com/231