Grace's Tech Blog

+ 더 읽어볼 거리 SPA(single page app)에서 webpack을 사용하는 이유 1. Webpack? 웹팩이란 최신 프런트엔드 프레임워크에서 가장 많이 사용되는모듈 번들러(Module Bundler)이다. ※ Module은 뭔가? 프로그래밍 관점에서의 모듈은 특정 기능을 갖는 작은 코드 단위를 의미한다. 예를들어 아래 코드가 모듈이 될 수 있겠다. // math.js function sum(a, b) { return a + b; } function substract(a, b) { return a - b; } const pi = 3.14; export { sum, substract, pi } 이 math.js파일은 아래와 같이 3가지 기능을 갖고 있는 모듈인 것이다. . 두 숫자의 합을 구하는s..

학습한 웹팩 버전: v4.41 학습 자료: 프론트엔드 개발자를 위한 웹팩, 웹팩 핸드북 학습 내용 - Frontend 빌드 시스템 이해: NPM, Webpack - 자바스크립트 모듈화(AMD, Common.js, ES6 Modules) - Webpack 개요(등장 배경, 철학 등) - Webpack 주요 속성 4가지 - 배포 환경에서 알고 있어야 할 Webpack특징과 설정 등 웹팩을 사용하기 위해서는 Node.js와 NPM이 컴퓨터에서 설치되어 있어야 한다. 그래서 이 둘이 뭔지를 알고있어야 한다. 1. Node.js Node.js는 브라우저 밖에서도 자바스크립트를 실행할 수 있는 환경을 의미한다. 2. NPM Nods.js를 설치하면 같이 설치되는 NPM(Node Package Manager)는 명령..