mygomii

[Node] #npm/독립적인 앱 설치 - uglify.js 본문

Node.js

[Node] #npm/독립적인 앱 설치 - uglify.js

mygomii 2018. 5. 4. 14:51
반응형

npm - Node package Manager 
npm은 쉽게 말해서 Node계의 앱 스토어라도 보시면 됩니다.

패키지 중 uglify.js 를 설치를 해보겠습니다.
이것은 마치 못생긴것을 예쁘게 만들어주는? 그런 js입니다.

npm홈페이지: https://www.npmjs.com/
이곳에 들어가시면 많은 패키지가 있고 사용방법도 있습니다.





위 이미지처럼 설치하는 방법이 있습니다.
먼저 cmd 창을 켜서 설치를 해주겠습니다.





npm install uglify-js -g 라고 치시면 위에서처럼 설치가 됩니다.
그 다음 이클립스로 고고고 
파일명은 반대인 pretty.js 로 만들겠습니다.







   


    
1
2
3
4
function hello(name){
    console.log('Hi '+name);
}
hello('nimbleground');
cs


그 다음으로는 이 프로그램을 실행을 해볼텐데요 
다시 cmd 창을 띄어주세요 
pretty.js 파일이 있는 디렉토리에 들어와주세요.



위에 처럼요
그리고 uglifyjs pretty.js 를 타이핑해주세요





그럼 코드가 정리가 된 모습인데요
왜 굳이 정리를 하냐고 질문을 한다면, 우리가 가독성을 높이기위해 줄바꿈을 합니다.
하지만 이 줄바꿈 조차도 데이터입니다. 이렇게 짧은 코드는 느끼지 못하겠지만
코드가 길어지면 속도가 차이가 나겠죠? 그래서 이렇게 코드를 정리를 해준거랍니다.



1
function hello(name){console.log('Hi '+name);}hello('nimbleground'); //이렇게 정리가 됨
cs



그리고 이 정리된 파일을 저장하고 싶으시다면 ,
cmd 창에 uglifyjs pretty.js -o uglified.js 라고 치시면 
-> pretty.js를 uglify한 것을 uglified.js 파일명으로 저장시킨다 입니다.




그리고 이클립스에 가셔서 NodeTest 프로젝트를 refresh를 하시면




이렇게 파일이 생긴 것을 확인 할 수있습니다.
그 안에 코드를 볼까요?




또한 한줄로 정리된 코드도 볼 수있습니다.









반응형