====== Webpack ======
<WRAP left notice 80%>
  * description : Webpack 관련  
  * author      : 오션
  * email       : shlim@repia.com
  * lastupdate  : 2021-01-25
</WRAP>
<WRAP clear></WRAP>

====== Webpack 웹팩 ======
===== 웹팩 =====
   * 최신 프런트엔드 프레임워크에서 가장 많이 사용되는 **모듈 번들러(Module Bundler)**를 의미한다. 
   * **모듈 번들러(Module Bundler)**: 웹 애플리케이션을 구성하는 자원(HTML, CSS, Javascript, Image 등)을 모두 각각의 모듈로 보고, 이를 조합해서 하나의 결과물을 만드는 도구를 의미한다. 
\\
==== 모듈 ====
     * 프로그래밍 관점에서 특정 기능을 갖는 작은 코드 단위를 의미한다. 
     * 성격이 비슷한 기능들을 하나의 의미 있는 파일로 관리하면 모듈이 된다. 
\\
==== 웹팩에서의 모듈 ====
   * 웹 애플리케이션을 구성하는 모든 자원(HTML, CSS, Javascript, Images, Font 등을 의미한다. 
\\
==== Module Bundling 모듈 번들링 ====
   * 웹 애플리케이션을 구성하는 몇 십, 몇 백 개의 자원들을 하나의 파일로 병합 및 압축해주는 동작을 말한다. 
   * 빌드 = 번들링 = 변환
   * **bundle(번들) : 묶음, 다발 / 묶다, 싸다, 꾸리다


   




{{tag>오션 webpack, 웹팩}}