javascript 파일 압축 및 복원하기 (***.min.js 파일 만들기)

요즘엔 자바스크립트 파일을 배포할 때 파일을 압축해서 ***.min.js 형식으로 배포를 합니다.

jQuery 파일의 경우,

jQuery-2.1.1.js
jQuery-2.1.1.min.js

이런식으로 배포를 하는데요.

압축된 파일을 열어보면 빈 공간없이 소스가 한줄로 다 붙어 있는 걸 볼 수 있습니다.

이렇게 압축을 하는 이유는, 용량을 조금이라도 줄여서 조금이라도 화면이 뜨는 속도를 빨리하기 위함입니다.

그럼, 압축과 복원 방법을 알아보겠습니다.

 자바스크립트 파일 압축하기 

자바스크립트를 압축해주는 곳은 여러곳이 있지만, 대표적인 곳이 javascriptcompressor입니다.

아래 링크로 들어가서 원하는 소스를 넣고 [compress] 버튼을 눌러주시면 변환이 됩니다.

http://javascriptcompressor.com/

압축 전과 후의 용량을 비교해보면 30~40% 정도의 용량이 줄어든 것을 보실 수 있습니다.
물론, 소스에 따라 압축률이 다르겠지만요.

 압축된 자바스크립트 파일 복원하기 

http://jsbeautifier.org/

위 링크로 들어가셔서 한줄짜리 압축된 소스를 넣고 [Beautify Javascript or HTML] 버튼을 누르시면 복원해 줍니다.

출처 : http://zzznara2.tistory.com/207

난독화 해주는 사이트 

http://beautifytools.com/