Babel plugin과 preset babel의 plugin은 실제로 코드를 변환시키는 기능을 담당한다. 예를 들어서 ES6의 화살표 함수 문법을 사용했다면, 이를 변환 시키기 위해서 @babel/plugin-transform-arrow-function 라이브러리가 필요하고, 블럭 스코프를 사용헀다면, @babel/plugin-transform-block-scoping 라이브러리의 설치가 필요하다. 그런데 여기 를 보면 plugin이 굉장히 많다. 이것을 전부 설치해야할까? 그러면 번거롭고 내가 어떤 플러그인을 찾아야 하는지도 힘들 것이다. 그래서 preset이 등장하게 된다. preset은 목적에 따라 plugin들을 모아놓은 라이브러리이다. preset도 여러가지가 있는데, 그 중에서도 @babel..

자바스크립트는 시간이 지남에 따라 점저 변해가고 있다. 하지만 그 만큼 발전한 버전을 따라와 주지 못하는 브라우저나 환경이 있기 마련이다. babel은 최신 문법을 써도 이전 버전 브라우저 환경에서도 사용할 수 있도록 최신 문법을 특정 예전버전의 js로 변환해주는 툴이다. 즉, 최신문법을 이전문법으로 바꿔주는 API인것. 바벨에 사용하는 4가지 모듈 - @babel/core : 말 그대로 바벨의 코어, 핵심 요소들이 들어가 있는 모듈 - @babel/cli : 명령어를 통해 cmd에서 바벨을 직접 컨트롤 할 수 있게 해준다. - @babel/preset-env : 바벨의 설정을 일일이 할 필요없이 가장 일반적인 대표 설정들을 모은 플러그인 세트 - @babel/preset-react ; 바벨을 JSX 문..