웹팩, 바벨

웹팩이란 최신 프런트엔드 프레임워크에서 가장 많이 사용되는 모듈 번들러(Module Bundler)다.
모듈 번들러란 웹 앱을 구성하는 자원(html, css, js)등을 모두 각각의 모듈로 보고 이를 조합해서 하나의 결과물을 만드는 도구를 의미한다.

https://velog.io/@jhoryong/Distribution-App-Build-Distribution

모듈 번들링이란?
아래 그림과 같이 웹 애플리케이션을 구성하는 몇십, 몇백개의 자원들을 하나의 파일로 병합 및 압축 해주는 동작을 모듈 번들링이라고 한다.

파일들의 연관된 관계를 파악하여 파일들을 하나의 파일로 압축시켜주는 과정을 번들링 과정이라 합니다.

바벨?
최신문법을 다른 브라우저 환경에서 호환이 가능해도록 변화해주는 트랜스파일러.