웹팩이란?

웹팩이란?

웹팩이란 최신 프론트엔드에서 가장 많이 사용되는 모듈 번들러(Module Bundler) 이다. 모듈 번들러란 웹 애플리케이션을 구성하는 자원(HTML, CSS, Javacript, Images …)을 각각의 모듈로 보고 이를 조합하여 병합된 하나의 결과물을 만드는 도구를 의미한다.

---

모듈이란?

모듈은 프로그래밍 관점에서 특정 기능을 갖는 작은 코드 단위를 의미한다.

// math.js

const sum = (a,b) => a+b;

const substract = (a,b) => a-b;

...

export {sum, substract ...}

위와 같이 비슷한 기능을 하나의 의미있는 파일로 관리하면 그게 모듈이다.

---

번들러? 번들링?

번들러는 이러한 모듈들 (모든 자원들)을 하나의 파일로 병합, 압축 해주는 도구이고, 그 행위를 번들링이라고 한다.

📌 빌드, 번들링, 변환 이 세 단어 모두 같은 의미를 갖는다.

---