Babel

1. Babel

Babel이란 JavaScript 컴파일러로 표현되지만, 바이트 코드로 컴파일을 진행한다기 보다는 최신 버전의 JavaScript 코드를 지원하지 않는 이전 브라우저에서도 코드가 동작하도록 하위 버전 호환성을 지원하기 위한 트랜스파일러(Transpiler)라고 볼 수 있다.

 

*Transpiler : 특정 언어로 작성된 코드를 비슷한 다른 언어로 변환시키는 행위

 

 

2. Babel의 기능 JSX 문법 변환

JSX는 개발자의 편의성을 위해 제공된 확장 기능으로 볼 수 있기 때문에 React를 거쳐서 브라우저에서 동작하도록 하기 위해서는 브라우저가 이해할 수 있는 순수한 JavaScript 코드로 변환(Transpiling) 되어야 한다.