반응형
[Javascript] 자바스크립트 코드 경량화(minify)하기, 경량화(minify) 풀기
1. 자바스크립트 코드 경량화 (minify) 하기
- minifier 사이트 접속
Minify JS and CSS online, or include the minifier in your project for on-the-fly compression.
Minify JS and CSS online, or include the minifier in your project for on-the-fly compression.
www.minifier.org
① JS 파일을 붙여넣기
② JS 언어를 선택 (언어를 감지해서 자동으로 선택되기는 한다)
③ Minify 버튼 클릭
그러면 ① 박스에 들여쓰기와 엔터와 같은 공백이 사라진 압축된 코드로 바뀐다. 해당 소스를 복사해서 사용하면 완료 !
2. 자바스크립트 Minify 압축 풀기
minify는 코드의 경량화로 불필요한 공백, 변수명 등이 삭제 및 치환해준다.
사실 minify를 반대로 푼다는 것은 기존에 사용되었던 변수명까지 알 수가 없기 때문에 정확한 방식은 아니다.
- 먼저 Minify 를 풀어주는 기능을 제공하는 사이트에 접속
Online JavaScript beautifier
beautifier.io
minify 소스를 해당 박스에 붙여넣기 한 후 아래에 Beautify Code 버튼을 클릭하면, 가독성이 좋은 JS 코드로 변환해준다.
728x90
반응형
'Front > JavaScript' 카테고리의 다른 글
| [Javascript] OR 연산자와 Default Parameter(ES6), Nullish coalescing(ES11) 차이점 (0) | 2021.11.01 |
|---|---|
| [Javascript] 알아두면 좋은 ES11 최신 문법 : Optional Chaining, Nullish Coalescing (0) | 2021.10.30 |
| [Javascript] base64 이미지 Data → File 객체로 변환 (0) | 2021.04.30 |
| [Javascript] iframe 하위 객체 접근 방법 (0) | 2021.04.30 |
| [꿀정보] JavaScript (JS) 소스코드 들여쓰기 쉽게 정리하기 (1) | 2021.02.26 |
댓글