Transpiling과 Babel

Transpile(트랜스파일)

• 어떤 특정 언어로 작성된 소스 코드를 다른 소스 코드로 변환하는 것
  ex) ES6이상 작성된 파일을 ES5이하로 변환
• Node.js는 기본적으로 Common.js라는 명세를 따르기 때문에 ES6 이상으로 작성된 코드는 이해할 수 없다.

Babel

• Javascript의 트랜스파일링 도구

yarn add -D @babel/cli @babel/core @babel/node @babel/preser-env

@babel/core : 바벨을 사용하기 위해 필수
@babel/cli : command line을 통해 코드를 transpile
@babel/node : ES6로 작성된 노드 코드를 실행(성능 저하가 있어 개발 및 테스트 시에만 사용)
@babel/preser-env : 프리셋을 통해 간단히 바벨 트랜스 파일링 설정

package.json 파일 수정

  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "babel-node src/index.js"
  },
  "babel":{
    "presets":[
      "@babel/preset-env"
    ]
  },