웹 입문

Babel과 Polyfill

Babel은 최신 문법을 대상 브라우저가 이해할 수 있는 문법으로 변환하고, Polyfill은 Promise나 Array 메서드처럼 런타임에 없는 기능을 보완합니다.

문법 변환과 런타임 기능 보완을 구분해 Babel과 Polyfill 적용 기준을 정리합니다.

Babel과 Polyfill 흐름

1

Babel 개념

Babel은 최신 JavaScript를 구형 환경용 코드로 변환합니다.

2

Polyfill 개념

폴리필은 구형 브라우저에 없는 기능을 보완합니다.

3

Babel과 Polyfill의 관계 요약

Babel은 문법을 변환하고, Polyfill은 런타임 기능을 보완합니다.

4

Babel·Polyfill 정리

문법 변환과 런타임 보완 범위를 분리해 번들 낭비를 줄입니다.