자바스크립트 코드를 변태적으로 만들어주는 프로그램입니다. -_-a
실행파일의 프로그램을 다운받으셔도 되고 HTML파일을 받아서 브라우저에서 실행하셔도 됩니다.
실행파일에는 파일을 바로 변환해주는 기능도 포함되어있습니다. ^^;
그럼 변태적이라는게 뭐냐....
주석제거, 불필요한 공백제거, 한줄로 만들기 와 같은 작업을 수행합니다.
/*
* HTML Element Converter 2006.09.06
* by NHN UII.Gony
*/
var Checkbox = Class({
__const : function(id) {
this._source = $(id);
this.options = Class.extend({
skinFormat : './images/check_%s.gif' // on, off
}, arguments[1]);
이런 코드를...
var Checkbox=Class({__const:function(id){this._source=$(id);this.options=Class.extend({skinFormat:'./images/check_%s.gif'},arguments[1]);
이렇게 만드는 겁니다.
코드가 짧아서 느낌이 안오시는 분들은 필히 긴 코드로 해보시기 바랍니다.
부수적인 효과로는 "코드 판독 짜증나게 만들기"와 "소스코드 용량 줄이기"가 있습니다.
7690 bytes 의 소스를 btcode 로 변환하고 나서 5832 bytes 가 되었으니, 꽤 높은 압축률인 것 같습니다.
P.S// 필요하진 않겠지만, 같은 문법을 가진 ActionScript 에도 사용가능합니다. ^-^
P.S2// 사용툴은 터보델파이입니다.
[download]http://mygony.com;/wp-content/uploads/2006/09/BTCode.exe;다운로드 하시려면 클릭![/download]
흐 너무나도 잔인한 툴이군요 ㅋㅋㅋㅋ
저래서야 가독성은.....좌절스럽겠네요 ^^
흐흐...
사실 좀 그렇죠. ^^
변태라기보다는 page load를 최적화를 위한 하나의 방법이 아닐까 생각합니다. ㅎㅎ.
사이트 최적화 기법에 보면 code의 양을 줄이는 것도 포함되니까요. tattertools의 js도 저렇게 압축해서 들어간 게 있어서, 풀어서 이해하느라 고생한 생각이 나네요.
편집기(editplus)에서도 정규표현식과 편집기능(duplicated line)따위를 이용하면 한줄(?)만들수 있을듯... ㅎㅎ
압축은 확실히 되더라구요.
제가 들여쓰기하고 주석을 좀 착실히 지키는 편이다 보니...주석과 무의미한 공간을 없애고 나니 꽤 많이 용량이 줄어들더군요. 🙂
BTCode를 잘 사용하고 있습니다^^
사용하다보니 몇가지 버그가 발견되어 리포팅을 하고 싶은데.. 메일주소를 찾을 수 없어 우선 코멘트로 남겨놓습니다 ^^
메일 한번 주세욥 ^^
좋은 자료 감사합니다. ^^
변수명도 찌끄러트려(??) 주시면 더욱 좋을꺼 같습니다. 호호
프로그램은 좋긴한데 버그가 조금 있네요
이거 어딘가 aptana 플러그인쪽으로 있었던거 같은데..
아무튼 prototype.js 압축시키면 에러나네요 =_=;; 조금 더 보완하면 좋을듯
아 prototype.js로 테스트 해봐야겠네요. 감사합니다. ^^