Node.js 의 module 과 uglify-js

NPM

Node Package Manager.

Node.js 가 제공하는 Module

HTTP , OS 등등.

여러가지 모듈이 존재하고 node.js doc 에서 확인할 수 있다.

* node.js 에서만 사용가능하다.

Javascript 가 제공하는 Module

Date, String, Array 등등.

Javascript가 동작하는 어느곳이던 사용가능하다.

타인의 모듈을 사용하는 방법

NPM사이트 바로가기

NPM - Node계의 앱스토어라고 생각하면 된다.

다양한 모듈들이 있고 입맛대로 골라서 사용할 수 있다.

uglify-js

npm에서 uglify 검색한 이미지

uglifyjs의 인스톨설명부분

Install

npm install uglify-js -g

npm install uglify-js

window + r 후 cmd 실행하면 command 창이 뜬다.

command 창에서 위 명령어를 실행한다.

uglifyjs 설치는 위처럼 2가지 방법이 있다.

-g 옵션이 붙는경우

-g에서 g는 글로벌의 약자로 이 컴퓨터 전역에서 사용하는 독립적인 소프트웨어로 설치가 된다는 의미이다. 

-g 옵션이 없는경우

-g가 붙지 않으면 하나의 프로젝트 안에서 모듈로 사용되는 경우이다.

uglifyjs는 코드에서 가독성을 위한 줄바꿈, 띄어쓰기를 없애준다.

컴퓨터는 줄바꿈, 띄어쓰기도 데이터로 인식하고 이는 데이터전송시에 영향을 주기때문에 공백과 긴 변수명을 축약한 파일로 전송하는 것이 유리하다.

uglifyjs aaa.js -m   

-m 옵션

-m 옵션은 코딩시에 의미있는 변수명들을 의미없는 변수명으로 짧게 변경해서 용량을 줄여준다.

예를들어 name 이라는 변수명을 b 로 변경.

uglifyjs aaa.js -o aaa.min.js -m    

위 명령어는 aaa.js 파일의 공백과 줄바꿈을 없애고 변수명을 축약시켜서 aaa.min.js라는 최적의 파일을 새로 만들게 된다.

aaa.js 축약전

function hello(name){
    console.log('Hi'+name);
};
hello('monkey');

aaa.js 축약후

function hello(o){console.log("Hi"+o)}hello("monkey");