💬 Answer

🌏 웹팩과 모듈 번들러

👉 웹팩이란?

WebPack이란 최신 프런트엔드 프레임워크에서 가장 많이 사용되는 모듈 번들러 입니다.
파일 확장자에 맞는 로더에게 위임해서 하나로 묶어준다.
최종 배포용 파일을 만들어 줌.
<script>태그가 여러개 있을 때 순서보장도 중요하기 때문에 이런 것도 WebPack에서 해줌

👉 모듈 번들러란?

Module Bundler란 웹 애플리케이션을 구성하는 자원(HTML,CSS,JS,Image등등)을 모두 각각의 모듈로 보고, 이를 조합해서 병합된 하나의 결과물을 만드는 도구.

👉 Module

프로그래밍 관점에서 특정 기능을 갖는 작은 코드 단위.
사칙연산을 하는 계산기를 예로들면 사칙연산 4가지 기능을 계산기라는 파일로 관리하는
하나의 모듈입니다.

웹팩에서 Module은 웹 애플리케이션을 구성하는 모든 자원을 의미.

👉 Module Bundling

웹 애플리 케이션을 구성하는 몇십, 몇백개의 자원들을 하나의 파일로 병합 및 압축 해주는 동작을 모듈 번들링 이라고 합니다.
❗빌드 = 번들링 = 변환 3개가 같은의미다.

👉 정리

정리 하자면, 모듈 번들러는 웹 애플리케이션을 구성하는 많은 자원들 즉, 모듈들을 하나로 만들어 주는 것이고, 웹팩은 최신 프론트엔드에서 가장 많이 사용하는 모듈 번들러 라는 것이다.

📘 참고

https://joshua1988.github.io/webpack-guide/webpack/what-is-webpack.html#웹팩에서의-모듈