what is Babel

🙇‍♂️ 서론 🙇‍♂️

이 글은 개발한지 1년이 된 예비 주니어 개발자가 쓴 글로 오류가 있을 수 있습니다.
문제가 있거나 수정했으면 하는 부분은 댓글로 알려주시면 감사하겠습니다.

what is babel

babel은 브라우저에서 지원하지 않는 es7이나 es6 문법을 es5 이하의 문법으로 변환시켜서,
구 브라우저에서 최신 문법을 이용하여 코드를 작동시키기 위한 변환기이다.

how to use babel?

설치

npm install babel-cli -g

다음과 같이 설치하면 3가지 라이브러리가 깔린다.
babel, babel-node, babel-external-helpers 가 깔린다.
사용은 단지 babel 명령어로 사용하면 된다.

preset

babel에는 플러그인과 비슷한 preset이라는 개념이 있다.
그런 preset을 설정해주려면, babelrc.json을 설정해주어야 한다.

npm install --save-dev @babel/preset-env

우선 preset-env를 다운받고 babelrc.json을 설정해보자

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

다음과 같이 설정할 수 있다.