babel vs polyfill

Babel

최신버전 스크립트를 ES5 코드로 Transpiling 해주는 Transpiler
es5에 존재하지 않는 es6의 메서드나 생성자들까지 지원해주지는 않는다.

Polyfill

Javascript의 Syntax로 읽히지만 정의되어 있지 않은 객체들을 정의해주는 개념
(Promise, Map, Set 등)

과거에는 @babel/polyfill 패키지를 직접 전역 스코프에 가져오는(import) 방식으로 바벨 폴리필을 추가했지만 deprecated 되었습니다. 현재는 core-js/stable과 regenerator-runtime/runtime 패키지를 직접 전역 스코프에 삽입합니다.
https://velog.io/@swanious/babel%EA%B3%BC-webpack%EC%9D%84-%EC%9D%B4%EC%9A%A9%ED%95%9C-ES6ES.NEXT-%EA%B0%9C%EB%B0%9C-%ED%99%98%EA%B2%BD-%EA%B5%AC%EC%B6%95

fetch polyfill

fetch IE11 polyfill
https://dev.to/adrianbdesigns/how-to-polyfill-javascript-fetch-function-for-internet-explorer-g46

https://tech.kakao.com/2020/12/01/frontend-growth-02/