Babel·Polyfill 적용 흐름

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

1

Babel·Polyfill 적용 흐름 흐름

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

2

Polyfill 개념

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

3

Babel·Polyfill 적용 흐름의 관계 요약

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

4

Babel·Polyfill 정리

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

5

변환 대상과 런타임 보강을 나누는 법

Babel은 class, optional chaining 같은 문법 형태를 낮은 버전의 JavaScript 표현으로 바꿉니다.

핵심Babel·Polyfill 적용 흐름은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.