반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 코틀린
- kotlininaction
- 플러터
- Flutter
- express
- php변수
- kotlin2.0
- ios
- 그림으로 배우는 서버구조
- 이클립스
- node.js
- script
- SwiftUI
- Kotlin
- 서버
- 의존주입
- 정보처리기사
- php개발
- jquery
- php
- java
- 스나이퍼팩토리
- 조건문
- node
- npm
- 변수
- android
- Eclipse
- 스터디
- 설치
Archives
- Today
- Total
mygomii
[Node] #npm/독립적인 앱 설치 - uglify.js 본문
반응형
npm - Node package Manager
npm은 쉽게 말해서 Node계의 앱 스토어라도 보시면 됩니다.
패키지 중 uglify.js 를 설치를 해보겠습니다.
이것은 마치 못생긴것을 예쁘게 만들어주는? 그런 js입니다.
위 이미지처럼 설치하는 방법이 있습니다.
먼저 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 파일명으로 저장시킨다 입니다.
cmd 창에 uglifyjs pretty.js -o uglified.js 라고 치시면
-> pretty.js를 uglify한 것을 uglified.js 파일명으로 저장시킨다 입니다.
그리고 이클립스에 가셔서 NodeTest 프로젝트를 refresh를 하시면
이렇게 파일이 생긴 것을 확인 할 수있습니다.
그 안에 코드를 볼까요?
또한 한줄로 정리된 코드도 볼 수있습니다.
반응형
'Node.js' 카테고리의 다른 글
[Node] #Express설치/Hello world띄우기 (0) | 2018.05.15 |
---|---|
[Node] #npm으로 모듈설치(2) - underscore (0) | 2018.05.10 |
[Node] #npm으로 모듈설치(1) - underscore (0) | 2018.05.09 |
[Node] #Node.js 개발 환경 구축(2) - 이클립스(eclipse)로 실행 (0) | 2018.05.03 |
[Node] #Node.js 개발 환경 구축(1) - Node.js 설치 및 세팅 (0) | 2018.05.02 |