언어/기타
2012.06.12 23:42

[js] 코드 압축 걸음마

조회 수 963 추천 수 1 댓글 2
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
행여 저처럼 발걸음을 갓 떼는 분들께 도움이 될까 올립니다


웹프로그래밍에 있어 중요한것중 손가락에 꼽히는것이 파일크기의 경량화가 아닐까 싶습니다
개중에도 js파일은 그뿐 아니라 코드가 클라이언트에게 그대로 노출되기 때문에 가독성을 떨어뜨리는 면에서도 필요합니다.
사실 본인만의 알고리즘으로 압축해서 사실상 암호화를 하는게 낫지만
어차피 클라이언트에게 소스가 모두 전해지니 복호화 알고리즘도 따라가 일정수준 이상에선 별 의미도 없고
(물론 용량압축면에서 의미없다는건 아닙니다)
..실은 제코가 석자라 패스 ㅠㅠ


우선 가장 기본이자 효율도 좋은 GZip
50% (!) 가량의 효율을 볼때도 허다합니다
게다가 한번 해두면 두고두고 효과를 보니 귀찮아도 꼭 반드시 should mustbe 합시다
php나 여타 파일에도 해당됩니다
는 귀찮으니 검색을 해봅시당 헤헤 
...


그리고 구글에서 제공하는 js압축(?)기
http://closure-compiler.appspot.com/home

주석과 공백을 제거하고 변수명을 짧게, 구조문을 간결하게 해줍니다
추가로 알고리즘 압축을 하는지는 불문하고 반드시 거쳐야할 과정

저처럼 주석을 아예 쓰지않는 스타일이라도 용량이 1-20%정도는 줄어듭니다.
개행이 잦거나 띄어쓰기가 많은경우 크게는 30%까지도 줄어듭디다
다운받아 쓸 수도 있으니 자주 쓰지 싶으면 받아서 두고두고 씁시다


거치고 나서는 압축하기전에 본인만이 할수있는 요약을 추가로 하면 좋습니다.
js파일은 보통 여러파일을 여러군데서 import하기 때문에 
전역변수나 함수명등은 구글압축기가 건드리지 않습니다. 따라서 직접해줘야해유

아 그리고 제경우는 json파싱에 js파일을 하나 받아서 import해쓰는데
jquery나 prototype node등 유명(?)한 파일들은 압축버전이 따로 딸려나옵니다만
많은 파일들이 카피라이트나 설명서등이 주석으로 꽤 딸려오니 반드시 청소하고 씁시다.


압축전엔 반드시 원본파일을 백업하는게 좋습니다만
저처럼 게으르거나 백업본을 분실한 경우엔
압축된 코드를 다시 개행하고 공백넣어주고 하는 프로그램도 있습니다.
제가 직접 손으로 짠거보다 깔끔한게 함정..ㅠㅠ
?
  • profile
    맛난호빵 2012.06.13 01:57
    코드님을 압축시킨다는줄...
  • ?
    2012.06.13 17:11
    엌ㅋㅋㅋㅋㅋㅋㅋㅋ그르지마옄ㅋㅋㅋ

  1. 페인터(코럴) 브러쉬 세팅 공유 :)

    Date2015.03.28 Category언어/기타 By샤이귤군 Views1474
    Read More
  2. 유화재료 & 기법 살짝 팁 공유 (매우 깁니다 -3-)

    Date2015.03.28 Category언어/기타 By샤이귤군 Views817
    Read More
  3. 픽사에서 텍스쳐 꽁짜로 뿌림ㅋ

    Date2015.03.26 Category언어/기타 By사람님(대회참가) Views825
    Read More
  4. 알만툴이 아닌 새로운 툴강좌 (이클립스 강좌)

    Date2014.10.07 CategoryRPG Maker By이클립스 Views1338
    Read More
  5. 이클립스 강좌 1 AVD생성 밑 실행

    Date2014.10.07 CategoryRPG Maker By이클립스 Views877
    Read More
  6. [XP, VX, VXA] 시야제한 만들기

    Date2014.08.16 CategoryRPG Maker By빙냥이 Views2610
    Read More
  7. 처음 제작하시는분들 흔히 일어나는 실수

    Date2014.07.12 CategoryRPG Maker By지브릴 Views1926
    Read More
  8. 게임제작 시작하시는분들을위한 강좌!(외부링크)

    Date2013.09.23 CategoryRPG Maker Bydiget Views1736
    Read More
  9. 멀티해상도에 따른 속도와 가속도 값의 조절

    Date2013.01.13 Category언어/기타 ByMiDtics2 Views781
    Read More
  10. [Android] 멀티스크린 노하우

    Date2012.10.27 Category언어/기타 ByMiDtics2 Views1462
    Read More
  11. [정보] 일본의 RPG만들기 관련 커뮤니티

    Date2012.10.01 CategoryRPG Maker By비형랑 Views1136
    Read More
  12. 꼬마 캐릭터 쯔 꾸르

    Date2012.10.01 CategoryRPG Maker By비형랑 Views2574
    Read More
  13. rpg2003 액션알피지 간단한 예제

    Date2012.09.03 CategoryRPG Maker By아자2™ Views1090
    Read More
  14. SRPG95에서 MP 0 소모 마법의 활용.

    Date2012.06.30 CategoryRPG Maker By협객 Views1482
    Read More
  15. [쯔꾸르] 애기들 따라다니게 만들기

    Date2012.06.26 CategoryRPG Maker By Views1394
    Read More
  16. [js] 코드 압축 걸음마

    Date2012.06.12 Category언어/기타 By Views963
    Read More
  17. RPG2003용 플러그인 제작 SDK:DynRPG 의 설치와 적용 +@

    Date2012.05.08 CategoryRPG Maker By아름다운마을 Views1844
    Read More
  18. [css] css 겉핥기 핥핥

    Date2012.05.03 Category언어/기타 By Views853
    Read More
  19. [css, js] form - select안의 option들에 스타일 적용하기

    Date2012.04.28 Category언어/기타 By Views5198
    Read More
  20. [rpg2k] 바로가기를 이용해 테스트 플레이 실행하기

    Date2012.01.14 CategoryRPG Maker By베넘 Views1593
    Read More
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 51 Next
/ 51






[개인정보취급방침] | [이용약관] | [제휴문의] | [후원창구] | [인디사이드연혁]

Copyright © 1999 - 2016 INdiSide.com/(주)씨엘쓰리디 All Rights Reserved.
인디사이드 운영자 : 천무(이지선) | kernys(김원배) | 사신지(김병국)