Babel & Webpack

에버그린 브라우저(Evergreen browser)

사용자의 업데이트 없이도 최신 버전으로 자동 업데이트를 수행하는 모던 브라우저

⇒ ES6지원 비율은 약 98% BUT 익스플로어(IE) 11의 ES6지원 비율은 약 11%

⇒ 구형 브라우저에서 문제 없이 동작시키기 위한 개발 환경을 구축하는 것이 필요

특히 모듈의 경우, 모듈 로더가 필요

브라우저가 지원하는 ES6 모듈 기능보다는 Webpack 등의 모듈 번들러를 사용하는 것이 일반적

트랜스파일러(Transpiler) Babel

모듈 번들러(Module bundler) Webpack