# Polyfill(폴리필) / Transpiler(트랜스파일러)

Polyfill(폴리필)

• 자바스크립트 엔진에 없는 코드의 기능을 지원하기 위해 삽입하는 코드.
• 예를들어서 ES6에만 있는 기능을 ES6를 지원하지 않는 브라우저에서 사용하고 싶을 때
• 폴리필을 사용하여 호환성을 맞춰줄수 있음.
• 폴리필 목록을 보고 참고하면 된다.

참고

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

---

---

Transpiler(트랜스파일러)

• ES6 트랜스 파일러다. 라는 의미는 ES6 소스코드를 ES5 소스 코드로 변환하여 거의 모든 자바스크립트 엔진에서 사용할 수 있게 해주는 것.
• 폴리필과 비교해서 비슷한 의미지만, 폴리필은 파일 단위 / 기능 단위로 할수 있다고 생각하면 트랜스파일러는 통째로 해주기 때문에 편하다.
• ES6의 모든 기능을 지원하는 것은 아니다.
• 트랜스 파일러의 종류는 여러개가 있지만 바벨이 가장 유명하고, 많이 쓰인다.
• 바벨, 구글 카자, 구글 트레이서, 터미 등이 있다.

ES6 지원현황 확인

http://kangax.github.io/compat-table/es6/