[React] babel 이란?

자바스크립트는 시간이 지남에 따라 점저 변해가고 있다.

하지만 그 만큼 발전한 버전을 따라와 주지 못하는 브라우저나 환경이 있기 마련이다.

babel은 최신 문법을 써도 이전 버전 브라우저 환경에서도 사용할 수 있도록 최신 문법을 특정 예전버전의 js로 변환해주는 툴이다.

즉, 최신문법을 이전문법으로 바꿔주는 API인것.

 

바벨에 사용하는 4가지 모듈

- @babel/core : 말 그대로 바벨의 코어, 핵심 요소들이 들어가 있는 모듈

- @babel/cli : 명령어를 통해 cmd에서 바벨을 직접 컨트롤 할 수 있게 해준다.

- @babel/preset-env : 바벨의 설정을 일일이 할 필요없이 가장 일반적인 대표 설정들을 모은 플러그인 세트

- @babel/preset-react ; 바벨을 JSX 문법에도 사용가능하게 해주는 모듈

 

참고: programming119.tistory.com/101