ES6 -> ES5: BabelJS vs Traceur

트랜스 파일

하나의 프로그래밍 언어로 작성된 프로그램의 소스 코드를 입력으로 받아 다른 프로그래밍 언어로 동등한 소스 코드를 만들어내는 컴파일러의 일종이다.

컴파일 과의 차이점

컴파일러는 더 고급의 프로그래밍 언어를 더 저급인 프로그래밍 언어로 변환

JS transpiler

• coffescript, typescript
  고유의 문법을 JS로 변환
• babel, traceur
  JS 코드(ES6)를 JS 코드(ES5)로 변환
  ES6 미지원 브라우저에서 사용가능하다.
  구글에서 만들었음

BabelJS vs Traceur

• BabelJS

  • JSX 지원이 필요한 경우
  • 결과 코드 품질이 함수보다 중요할 경우?
  • Traceur 보다 코드의 품질이 더 좋고 해독하기 더 쉽다.

• Traceur

  • ES호환 브라우저에서 코드를 작동시키는 방식

  -- 보충이 필요함

• ES6를 ES5로 트랜스 파일한 후 웹페이지에 삽입하면 웹페이지 로딩이 느려지지 않는다.