index.js에다가 const를 써서 변수를 만든다.
const express = require("express");
const app = express();
이렇게 하면 express 애플리케이션이 만들어 진거다.
babel("https://babeljs.io/") 로 가보면
babel is a JavaScript compiler.
node JS는 기본적으로 작성한 JavaScript를 이해한다.
그러나 nodeJS가 이해하지 못하는 최신 JavaScript code가 있다.
두가지 선택 사항이 있다.
nodeJS가 이해하는 JavaScript만 쓰거나
아니면 babel을 쓰는 거다.
babel은 작성한 최신 JavaScript를 conpile해준다.
(node JS가 JavaScript를 문제 없이 이해하도록 변화해준다.)
그래서 babel을 이용할것이다.
npm install --save-dev @babel/core를 이용해서 설치 해보자
그리고 packgae.json 파일을 열어 보면
"devDependencies": {
"@babel/core": "^7.17.5",
}
추가 된걸 알수 있다.
devDependencies는 개발자에게 필요한 Dependencies를 말한다.
그리고 Dependencies는 프로젝트에 필요한걸 나타낸다.
중요한건 쳐야하는 명령어가 다르다는거다.
babel을 설치 하다가 실수로 모듈이 devDependencies가 아닌 Dependencies로 가져 있어도
당황하지 말고 그냥 옮기면 된다.
이제 설정 파일을 만들어야 한다.
vsc 터미널에서 touch babel.config.json
(mac, linux에서만 적용된다. )
그리고 만들어진 파일에
babel홈페이지에 설명 되어 있는
{ "presets": ["@babel/preset-env"] } 붙여 넣으면 된다.
그리고 한가지 더 설치 해야 된다.
vsc 터미널에서
npm install @babel/preset-env --save-dev
하면 설치 가 되는데
이때 주의 할점은 package.json이 저장 되있거나 파일이 닫혀 있는지 확인 해야 한다.
방금 까지 한 설정이 babel을 이용하기 위한 설정이다.