웹팩이란? 모듈 번들러란?

웹팩이란?

최신 프론트엔드 프레임워크에서 가장 많이 사용되는 모듈 번들러(Module Bundler)이다.

웹 애플리케이션을 구성하는 자원(html, css,js, images)을 모두 각가의 모듈로 보고 이를 조합해서 병합된 하나의 결과물을 만드는 도구를 의미한다.

특정 기능을 갖는 작은 코드 단위를 의미한다.

export (Named Export 특징)
- 한 파일 내에서 여러개의 변수/클래스/한수를 export 할 수 있다.
- import할 때 as 키워드를 사용해서 다른 이름을 지정할 수 있다.
export default(Default Export)
- 한 파일 내에서 단 한개의 변수/ 클래스/함수를 export 할수 있다.
- from 뒤에 명시한 파일에서 단 한개의 모듈만 가져오기 때문에 as 키워드 없이 원하는대로 이름을 바꿀수 있다.

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