Babel은 최신 JS 문법을 오래된 브라우저가 이해할 코드로 바꿉니다.
문법 변환·기능 점검 분리
문법, 기능, 대상 같은 기준을 실제 브라우저 흐름에서 나눠 확인해야 구현 기준과 실패 대응이 흐려지지 않습니다.
Polyfill은 Promise, fetch 같은 없는 API를 채워 넣습니다.
browserslist로 지원 브라우저 범위를 명시합니다.
실제 대상 환경에서 빌드 결과와 런타임 오류를 확인합니다.
화살표 함수가 바뀌는 것과 fetch가 생기는 것은 다른 일입니다. 호환성 문제를 문법과 API로 나눠 판단하세요.