Webpack? - 모던 자바 스크립트 어플리케이션을 위한 정적 모듈 번들러 Module? - 프로그램을 구성하는 내부의 코드가 기능별로 나뉘어져 있는 형태 Bundler? - 서로 참조 관계에 있는 모듈들을 모아서 하나의 파일로 만드는 것 Webpack이 바라보는 모듈 - .js, sass, hbs, jpg, png 등등 Webpakc의 기본구조 #1. Entry - 모듈의 의존관계를 이해하기 위한 시작점을 설정 - Webpack은 모듈들의 참조 관계를 해석해서 의존성 그래프를 만들며, 이 의존성 그래프를 만들기 위해 어떤 모듈을 시작점으로 해석할지 결정하는 요소 #2. Output - Webpack이 생성하는 번들 파일에 대한 정보를 설정 - 의존성 그래프를 만들고 번들 과정을 거치면 Output 요..

Module의 정의 - 프로그램을 구성하는 내부의 코드가 기능별로 나뉘어 있는 형태 Module의 표준 - Module을 사용하기 위해서는 Module을 인식하는 Module System과 Module을 다루는 키워드가 제공되어야 한다. - Module System 및 키워드 1) CommonJS (Node.js) - 가져오기 : require (모듈의 경로) - 내보내기 : module.exports = {} 2) ESM (ECMAScript 2015 [ES6] ~) - 가져오기 : import 모듈 이름 from 모듈경로 - 내보내기 : export export default Module의 종류 1. Build-in Core Module (예: Node.js module) 2. Community-ba..