BLOG main image
분류 전체보기 (313)
교육 (13)
NEIS (6)
Edufine (0)
Programmer (5)
Android Programming (1)
Internet W3 (18)
JAVA Programming (9)
JSP/Servlet (1)
Framework (7)
Spring For Beginner (4)
eGovFrame (10)
MEAN Stack (2)
NodeJS (5)
SublimeText (30)
SublimeText_Tips (18)
Eclipse (16)
JavaScript (8)
jQuery (12)
jQuery_tips (1)
Ajax (3)
DWR(Direct Web Remote) (4)
JSON(JS Object Notation) (4)
Oracle (2)
MySQL (28)
OS (16)
Download (3)
Life (10)
Favorit Site (1)
Books (2)
Healthy (1)
Stocks (1)
HTML5/CSS (1)
Python (4)
Security (7)
CISSP (0)
Ruby On Rails (5)
일기장 (0)
영어 교과서(중2) (3)
알고리즘 (0)
Go Lang (3)
VB 2010 (12)
C# (1)
정보보안기사(네트워크보안) (0)
업무 활용 엑셀 (11)
틈틈이 활용팁 (14)
하루 하루 살아가며 ……. (2)
기술 (1)
파이썬 & 데이터분석 (1)
Visitors up to today!
Today hit, Yesterday hit
daisy rss
tistory 티스토리 가입하기!
2015. 7. 13. 19:37

이번에는 html 코드를 압축하는 방법을 알아보겠습니다.


역시 배포할때는 압축해서 쾌적한 상태로 하는것이 좋지요.

먼저 온라인상에서 html 을 압축하는곳을 몇군데 테스트 해봤습니다.

티스토리의 경우는 치환자라는 개념이 있어서 올바르게 압축하지 못하는 곳이 몇군데 있더군요.


하지만 Sublime text 2에서 사용하는 html-compressor 은 무리없이 압축하였습니다.

Html-compressor -> https://github.com/darkdelphin/Html-compressor

사용하는 방법을 알아보겠습니다.


Ctrl+Shift+P 를 클릭해서 Packages Install 을 한다음 html Compressor 을 설치합니다.

 

 

 

사용하는 설치를 하면 Sublime text 2를 다시 실행하세요.

그러면 Tool - Build System - Html Compressor 이 생성이 된것을 확인할 수 있습니다.

 

 

 

html 파일을 열고 빌드 단축키인 Ctrl+B 또는 F7 키를 누르면 빌드합니다.

압축이름은 파일이름.html -> 파이이름.min.html 로 하나 더 생성이 됩니다.


컴파일 전과 후의 사진을 비교해보세요.

 

 

 

 

 

이렇게 간단하게 서브라임 텍스트에서는 html 도 컴파일해서 사용할 수 있습니다.

 

출처 : http://demun.tistory.com/2244

반응형