ECMAscript 6 - 폴리필(polyfill) / 트랜스파일러(transpiler)

비호환 엔진에서 ECMA Script 6 실행

폴리필 / polyfill

비호환 엔진에 없는 코드의 기능을 지원하기 위해서 삽입하는 코드 조각이다. 예를 들어서 ES6에서 제공하는 심볼을 사용하기 위해서는 core.js 같은 폴리필을 사용할 수 있다. 

그러나 ES6 모든 기능에 폴리필을 쓸 수 없는(만들 수 도 없는) 기능들이 존재한다. 폴리필 목록은 아래 링크에서 볼 수 있다.

https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills#ecmascript-6-harmony

(ES6)트랜스파일러 / transpiler

ES6 트랜스파일러는 ES6 소스코드를 ES5 소스 코드로 변환하여 거의 모든 자바스크립트 엔진에서 사용할 수 있게 해준다. 폴리필보다 훨씬 편리하고 기능이 많지만, 역시 ES6 전 기능을 지원하는 것은 아니다.

트렌스 파일러는 구글 트레이서, 구글 카자, 바벨, 터미 등이 있다. 깃헙의 상태를 보면 바벨이 스타도 제일 많고 가장 많이 사용되는 듯 하다. (트레이서는 스타수가 바벨에 한참 못미친다. 카자와 터미는 몰라도 될것 같다.)

ECMA6 길들이기(나라얀 프루스티) 참고