자바스크립트 프로토콜 퍼저(Fuzzer)

2008.07.18 02:16 from [IT] Web Tech
Gareth Heyes씨가 "링크로 실행되는 자바스크립트의 모든 변형을 만드는" 자바스크립트 프로토콜 퍼저(Fuzzer)를 작성하셨습니다.

데모를 보시면 퍼징(fuzzing)에 가능한 모든 옵션을 보실 수 있습니다. 여러 브라우저에서 테스트하다가 jav&#57343ascript: 가 작동한다는 재밌는 결과를 얻었습니다. 이 말은 아래 코드가 실행된다는 의미입니다.
[code:xml]
<a href="jav&#56325ascript:al&#56325ert(1)">test</a>


from JavaScript Protocol Fuzzer

'[IT] Web Tech' 카테고리의 다른 글

시각화를 위한 MooWheel과 MooCirclePack  (0) 2008.07.18
CSS 변수가... 왔어요!  (0) 2008.07.18
ShiftZoom: 큰 이미지 확대/축소  (1) 2008.07.18
JSON Diff 릴리스  (0) 2008.07.18
자바스크립트 프로토콜 퍼저(Fuzzer)  (0) 2008.07.18
dragtable: 드래그-앤-드롭으로 컬럼을 재정렬하는 HTML 테이블  (0) 2008.07.16
웹 서비스 쉽게 사용하기; dojo.data와 WikipediaStore  (0) 2008.07.16
CSS General Sibling Combinator in action  (0) 2008.07.16
Velocity 컨퍼런스 동영상과 슬라이드  (0) 2008.07.16
TAG javascript, Testing
Posted by 행복한고니 트랙백 0 : 댓글 0

"finally"가 모든 IE6 메모리 누수의 해답이 될 수 있을까?

2008.06.20 19:35 from [IT] Web Tech
Hendger Wang씨는 최근 IE6의 메모리 문제에 대한 해결책을 찾기 위해 수많은 중국어 블로그를 탐색했습니다. 그의 눈길을 끌었던 것 중 하나는 try ... fianlly를 사용하여 메모리 누수를 멈추기 위해 객체를 null로 바꾼 매우 재치있는 방법이었습니다. 아래가 메모리 누수가 일어나는 코드입니다.
[code:js]
function createButton() {
      var obj = document.createElement("button");
      obj.innerHTML = "click me";
      obj.onclick = function() {
        //handle onclick
      }
      obj.onmouseover = function() {
        //handle onmouseover
      }
      return obj;//return a object which has memory leak problem in IE6
}

var dButton = document.getElementsById("d1").appendChild(createButton());
//skipped....

하지만 다음과 같은 코드를 사용하면 방지할 수 있습니다.
[code:js]
function createButton() {
      var obj = document.createElement("button");
      obj.innerHTML = "click me";
      obj.onclick = function() {
        //handle onclick
      }
      obj.onmouseover = function() {
        //handle onmouseover
      }
      //this helps to fix the memory leak issue
      try {
        return obj;
 
      } finally {
        obj = null;
      }
    }
    var dButton = document.getElementsById("d1").appendChild(createButton());
}

더 많은 데모, 개념을 증명하는 예제와 "finally"에 대한 설명은 Hedger씨의 블로그에 그가 작성한 글에 있습니다.
Finally, the alternative fix for IE6's memory leak is available

from Is "finally" the anwer to all IE6 memory leak issues?

'[IT] Web Tech' 카테고리의 다른 글

Silverlight 2 beta 2 : 크로스 도메인 접속, 다양한 컨트롤, 애니메이션  (0) 2008.06.21
jQuery 셀렉터 레퍼런스 카드 출시!  (0) 2008.06.21
Javascript를 필수로 해도 좋을까?  (0) 2008.06.21
IE에서의 문자열 성능: Array.join vs += 계속하기  (0) 2008.06.21
"finally"가 모든 IE6 메모리 누수의 해답이 될 수 있을까?  (0) 2008.06.20
Johnson: Ruby로 래핑한 JavaScript  (0) 2008.06.20
jQuery UI 1.5: 효과, API 그리고 테마  (0) 2008.06.20
TileStack: 웹의 하이퍼카드  (0) 2008.06.19
Objective-J와 Cappuccino에 대한 280 North와의 인터뷰  (0) 2008.06.19
TAG IE, Internet Explorer, memory leak, Microsoft, Testing, Tutorial, 메모리릭
Posted by 행복한고니 트랙백 0 : 댓글 0

NitobiBug: 크로스 브라우저 디버깅

2008.06.12 19:22 from [IT] Web Tech
사용자 삽입 이미지
Nitobi 에서 크로스 브라우저 디버깅 스크립트인 NitobiBug를 릴리스했습니다:
이것은 브라우저 기반의 JavaScript  객체 로거이자 인스펙터입니다 - Firebug와 유사하죠. NitobiBug는 일관성과 rich Ajax 응용프로그램 개발을 위한 강력한 도구를 제공하기 위해 다른 브라우저에서도 동작합니다(IE6+, Safari, Opera, Firefox).
이렇게 사용할 수 있습니다:
[code:js]
// inspect an object
var myObject = {a:234523, something:'else', mylist:[32423,4556,'sdfs']}; nitobi.Debug.log(myObject);
 
// inspect a DOM element
var myDomObject = document.getElementById('someID'); nitobi.Debug.log(myDomObject);
 
// output text
nitobi.Debug.log("This is a test");
창의 위치를 기억하며, DOM 디버그 창의 "show me" 링크를 클릭하면 강조된 엘리먼트를 (가능하다면) 보시게 될 것입니다.


from NitobiBug: Cross browser debugging

'[IT] Web Tech' 카테고리의 다른 글

TileStack: 웹의 하이퍼카드  (0) 2008.06.19
Objective-J와 Cappuccino에 대한 280 North와의 인터뷰  (0) 2008.06.19
게으른 스크립트 로딩 기술  (0) 2008.06.17
XHTML을 위한 Google Analytics 사용법  (0) 2008.06.17
NitobiBug: 크로스 브라우저 디버깅  (0) 2008.06.12
UberHour YouTube 게임  (0) 2008.06.12
Canvas Quest : JavaScript로 만든 RPG 게임  (0) 2008.06.12
JavaScript HTML 생성 벤치마크  (0) 2008.06.12
W3C Progress Events 1.0 초안  (0) 2008.06.12
TAG Testing, utility, 디버그, 디버깅, 테스트
Posted by 행복한고니 트랙백 0 : 댓글 0

Cuzillion: 최적화 성능 테스트 툴

2008.04.29 02:07 from [IT] Web Tech

Cuzillion Test

Cuzillion 테스트


Steve Souders 씨가 Cuzillion이라는 이름의 멋진 작은 도구를 릴리스했습니다. 이 도구는 브라우저에서 성능 최적화를 위한 각기 다른 테스트를 해주고, 여러 사람과 결과를 공유할 수도 있다고 합니다.

위 그림과 같이, 페이지에 포함할 수 있는 다양한 리소스들을 간단하게 추가해서, 브라우저가 어떤 식으로 이러한 리소스를 처리하는지 살펴보고 이를 통해 페이지의 성능을 최적화 할 수 있는 툴입니다(최적화는 물론 알아서 하셔야합니다).

from Cuzillion: Performance best practices tool on Ajaxian

'[IT] Web Tech' 카테고리의 다른 글

JavaScript로 실행하는 Java  (0) 2008.05.03
Ext JS : 오픈소스 FLOSS 예외사항  (0) 2008.05.03
OpenExt : ExtJS의 포크 프로젝트  (0) 2008.05.02
Ext JS와 오픈소스 라이센스의 재밌는 점  (0) 2008.05.02
Cuzillion: 최적화 성능 테스트 툴  (0) 2008.04.29
번역 북마클릿과 Mibbit  (0) 2008.04.29
다음은 CSS 변수?  (1) 2008.04.28
JavaScriptMVC Test 플러그인  (0) 2008.04.28
WebKit의 CSS 마스크  (0) 2008.04.28
TAG Browsers, javascript, Performance, Showcase, Testing, 성능, 최적화, 테스트
Posted by 행복한고니 트랙백 0 : 댓글 0

JavaScriptMVC Test 플러그인

2008.04.28 00:09 from [IT] Web Tech


Justin Meyer 씨와 JavaScriptMVC 팀에서 새로운 Test 플러그인을 만들었습니다.

Test는 Write와 Drag같은 조합 이벤트는 물론 모든 주요 DOM 이벤트와 Ajax를 시뮬레이션하고, assertion을 사용할 수 있도록 합니다. 또한 분할된 콘솔창에서 기능과 단위 테스트를 실행합니다. 또 다른 멋진 기능은 Controller 플러그인과 같이 사용한다면, TodoClick과 같은 각 컨트롤러 액션의 이벤트를 시뮬레이션해주는 헬퍼 메소드가 자동으로 생성된다는 것입니다.

예제 테스트 함수입니다:

[code:JScript]
test_drag: function(){
    // click the second todo
    this.TodoClick(2);
    // call done_dragging after Drag is complete
    this.Drag($('draggable'),{from: 'pointA', to: 'pointB', callback: this.next_callback()})
},
done_dragging : function(){
    // did the drag complete successfully
    this.assert_equal(1, $('pointB').next().childNodes.length);
}

데모를 확인해보세요.

from JavaScriptMVC Test Plugin on Ajaxian

'[IT] Web Tech' 카테고리의 다른 글

Ext JS와 오픈소스 라이센스의 재밌는 점  (0) 2008.05.02
Cuzillion: 최적화 성능 테스트 툴  (0) 2008.04.29
번역 북마클릿과 Mibbit  (0) 2008.04.29
다음은 CSS 변수?  (1) 2008.04.28
JavaScriptMVC Test 플러그인  (0) 2008.04.28
WebKit의 CSS 마스크  (0) 2008.04.28
Canvas를 이용해 사이트를 색맹 사용테스트  (0) 2008.04.26
TPHP : JavaScript로 만든 명령줄 형태의 시작페이지  (0) 2008.04.26
맥용 WaveMaker Visual Ajax Studio  (0) 2008.04.26
TAG javascript, Testing, 테스트
Posted by 행복한고니 트랙백 0 : 댓글 0

DOH, 내 코드를 테스트해줘!

2008.04.17 23:37 from [IT] Web Tech

from DOH, let me test my code! on Ajaxian

Dustin Machi 씨가 JavaScript 테스트 프레임웍인 DOH, the Dojo Objective Harness 에 대해 썼습니다.

Dojo 응용프로그램과 사용가능하지만 Dojo가 없어도 가능합니다.

테스트를 하려면 몇가지 패턴을 따라주어야 하는데, Dustin 씨가 여러분이 따라 할 수 있도록 문서를 작성했습니다.

HTML에 이 페이지를 전환하는 코드를 넣으면 끝납니다:

[code:xml]
<meta http-equiv="REFRESH" content="0;
    url=../../../util/doh/runner.html?testModule=company.tests.foo
          &registerModulePath=company,../../company">

이런 식으로 테스트를 등록할 수 있습니다:
[code:js]
doh.register("project.tests.TestGroupA",
       [
               {
                       name: "My Function Test [_myfunc()]",
                       timeout: 4000,
                       runTest: function(){
                              var result = _myFunc("a", "b");
                              doh.assertEqual("Foo", result);
                            }
                 }
   ]
);

'[IT] Web Tech' 카테고리의 다른 글

MooTools 로 만든 NSFW 차단 코드  (0) 2008.04.19
Mad Mimi: WYSIWYG Email 마케팅  (0) 2008.04.18
세가지 유용한 JavaScript 라이브러리  (0) 2008.04.18
W3C XMLHttpRequest 최종 초안  (0) 2008.04.17
DOH, 내 코드를 테스트해줘!  (0) 2008.04.17
Busy.js: Canvas로 읽는 로딩 이미지  (0) 2008.04.17
JavaScript : The Good Parts  (0) 2008.04.17
Dojo XHR 플러그인; 오늘은 XHR을 어떻게 할까요?  (0) 2008.04.17
Ajax 모자이크 이미지 생성기  (0) 2008.04.16
TAG Dojo, Testing
Posted by 행복한고니 트랙백 0 : 댓글 0