왜 babel을 사용해야 될까?

요즘은 대부분 웹을 REACT로 작성하면서 CRA을 통해 프로젝트를 구성하는 경우가 많기 때문에 간혹 babel을 모르거나 왜 필요한지에 대해 모르는 경우가 있다. 대체 왜 사용해야 되고, 왜 사용될까.

Babel

바벨은 아주 인기 있는 자바스크립트 컴파일러이다.

왜 Babel을 사용해야 할까?

가장 간단한 이유는 우리가 자바스크립트를 사용하는 브라우저에서 아직 추가되지 않은 언어의 기능을 사용하고 싶기 때문이다. 물론 브라우저에서 구현된 표준 사양인 ES5로만 자바스크립트 코드를 작성해도 앱이 동작하는데에는 무리는 없다. 다만 우리는 조금 더 고급 기술, 최신 기술을 사용하여 코드를 더 깔끔하게 만들고 싶기 때문에 사용하는 것이다.

따라서 우리는 브라우저에서의 기능 구현 여부와 상관없이 코드를 작성하고 Babel을 통해 ES5로 컴파일하거나 JSX를 자바스크립트 함수로 컴파일(Transpilation)하면 된다.

트랜스파일링(Transpiling)이란?

흔히 "source code to source code"라고 말한다. 소스 코드를 다른 언어 혹은 같은 언어의 소스 코드로 컴파일 하는 것을 말한다. 예를 들어 Typescript -> Javascript, ES6 JS-> ES5 JS

Last updated