축소(압축)된 자바스크립트 파일, 읽기 좋게 변환시켜주는 사이트 - http://jsbeautifier.org/

소스 코드의 공백도 크기가 있습니다. 그래서 자바스크립트 파일의 경우 공백을 다 제거하여 용량을 줄이는데, 이를 축소(압축)한다고 합니다.

그리고, 축소된 자바스크립트 파일에는 min 또는 pack을 붙여 축소되었음을 알려줍니다. 예를 들어 jQuery는 다음과 같이 두가지로 배포됩니다.

  • jquery-1.11.1.min.js - 94kb
  • jquery-1.11.1.js - 277kb

공백만 제거했는데도 용량 차이가 꽤 납니다.

소스코드를 수정하지 않는다면 축소된 파일을 사용하는 게 좋습니다. 하지만 수정을 해야하거나 코드를 읽고 해석해야 한다면 축소되지 않은 파일이 필요합니다.

만약 축소된 파일만 있고 축소되지 않은 파일이 없다면 어떻게 할까요?

http://jsbeautifier.org/에서 변환할 수 있습니다.

입력 폼에 축소된 코드를 입력하고 [Beautify JavaScript or HTML]을 클릭합니다.

그러면 다음과 같이 읽기 좋은 모양으로 변환됩니다.

이와는 반대로 축소해주는 사이트도 있습니다. http://javascriptcompressor.com/가 대표적입니다.

위쪽 입력폼에 소스코드를 입력하고 Compress를 클릭하면 아래쪽 폼에 축소된 코드가 생성됩니다.

Category

Created on 2014-07-21 15:23 | Updated on 2017-07-05 21:21

Book