자바스크립트 컴파일러 - babel

Babel이란?

JAVASCRIPT(자바스크립트)의 컴파일러

=> javascript로 결과물을 만들어주는 컴파일러

 

노드 환경 구축

yarn init -y

바벨관련 패키지 설치

yarn add 
@babel/core @babel/cli 
@babel/plugin-transform-arrow-functions 
@babel/plugin-transform-template-literals 
@babel/preset-react

@babel/core은 바벨을 이용하기 위한 필수 패키지입니다.
@babel/cli는 명령줄에서 바벨을 사용하기위해 설치합니다.
@babel/plugin 관련해서 arrow-functions, template-literals 플러그인을 설치했습니다. plugin들을 간편하게 묶음으로 제공하는 presets를 설치해도 됩니다.
@babel/preset-react로 JSX파일을 컴파일 하기위해 리액트관련 preset