티스토리 뷰

nodeJS

기초 : Webpack 설치 가이드

sosohot 2021. 1. 7. 18:32

* 작업자가 자바스크립트 기본정도만 알고 있다는 가정하에 작성하였습니다.
* 따라서 아래 순서중에 해당 지식이 있으시면 건너뛰시고 보시기 바랍니다.

(웹팩 설치 이해를 위한 선행 학습)

1.1
Node.js Basics

 

Node.js Basics | PoiemaWeb

Node.js는 Chrome V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임으로 주로 서버 사이드 애플리케이션 개발에 사용되는 소프트웨어 플랫폼이다. Node.js는 브라우저 외부 환경에서 자바스크립

poiemaweb.com

1.2
1.1을 완료하면 이걸 약간 응용하여 node.js로 index.html local서버 띄우는 방법

 

node.js 기초 - local서버 띄우기

https://poiemaweb.com/nodejs-basics Node.js Basics | PoiemaWeb Node.js는 Chrome V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임으로 주로 서버 사이드 애플리케이션 개발에 사용되는 소프트웨어 플랫..

foodchain.tistory.com

2.
Node.js & npm

 

Node.js & npm | PoiemaWeb

npm(node package manager)은 자바스크립트 패키지 매니저이다. Node.js에서 사용할 수 있는 모듈들을 패키지화하여 모아둔 저장소 역할과 패키지 설치 및 관리를 위한 CLI를 제공한다. 자신이 작성한 패

poiemaweb.com

3.
Node.js module

 

Node.js module | PoiemaWeb

Node.js는 사실상 모듈 시스템의 사실상 표준(de facto standard)인 CommonJS를 채택하였고 현재는 독자적인 진화를 거쳐 CommonJS 사양과 100% 동일하지는 않지만 기본적으로 CommonJS 방식을 따르고 있다. Node.

poiemaweb.com

(여기부터 본격적인 웹팩 설치)

4. webpack 설치1

 

Babel | PoiemaWeb

현재 브라우저는 ES6를 완전하게 지원하지 않는다. ES6+(ES6 이상의 버전)를 사용하여 프로젝트를 진행하려면 ES6+로 작성된 코드를 IE를 포함한 모든 브라우저에서 문제 없이 동작시키기 위한 개발

poiemaweb.com

5. webpack 설치2

 

Webpack | PoiemaWeb

앞에서 테스트해 본 바와 같이 ES6 모듈을 현재의 브라우저에서 사용하려면 [RequireJS](http://requirejs.org/) 또는 [SystemJS](https://github.com/systemjs/systemjs)와 같은 모듈 로더가 필요하다. [Webpack](https://webpac

poiemaweb.com

캡쳐이미지.zip
6.16MB

 

 

 

'nodeJS' 카테고리의 다른 글

node.js 기초 - local서버 띄우기  (0) 2021.01.07
댓글