[ Web ] WebPack, Bable, Polyfill

Babel

• Babel은 자바스크립트 컴파일러입니다. 최신 버전의 자바스크립트 문법을 구 버전의 브라우저에서도 동작하도록 변환해주는 역할을 합니다.
• Babel은 ES5+ 코드를 ES5 호환 버전으로 변환합니다. 이것은 브라우저에서 지원하지 않는 최신 기능을 사용할 수 있게 해줍니다. 또한, JSX 문법을 사용할 수 있게 해줍니다.

Webpack

• Webpack은 모듈 번들러입니다. 웹 애플리케이션을 구성하는 자원(HTML, CSS, Javascript, Images 등)을 모두 모듈로 보고 이를 조합해서 병합된 하나의 결과물을 만드는 도구입니다.

Polyfill

• Polyfill은 브라우저가 지원하지 않는 기능을 구현하는 코드입니다. 예를 들어, 브라우저가 ES6 문법을 지원하지 않는다면, Babel을 이용해 ES6 문법을 ES5 문법으로 변환하고, 이를 Polyfill을 이용해 구현합니다.