現在位置: start » study » javascript » dojo » monitor

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン		前のリビジョン
study:javascript:dojo:monitor [2008/12/05 01:00] – bananastudy:javascript:dojo:monitor [2010/03/02 12:18] (現在) – banana
行 1: 行 1:
-====== Monitor idle state with user events ======+====== Monitor idle state with custom events ======
 최근 ajax 관련 project를 하면서, 유저가 동작을 멈췄는지 계속 조작하고 있는지 모니터링할 필요성이 최근 ajax 관련 project를 하면서, 유저가 동작을 멈췄는지 계속 조작하고 있는지 모니터링할 필요성이
-제기되었다. 이런저런 궁리를 해도 생각되로 되지 않던 차에 Google 검색에서 그럴 듯한 것이  +제기되었다. 이런저런 궁리를 해도 생각되로 되지 않던 차에 Google 검색에서 그럴 듯한 것을 발견하였다.
-있었다. +
 **Kaushal Sheth**씨의 [[http://thinkweb2.com/projects/prototype/detect-idle-state-with-custom-events/|2007/10/17]]일자로 투고된 기사에 유용한 소스가 있었다. 하지만 문제는 project에서 **Kaushal Sheth**씨의 [[http://thinkweb2.com/projects/prototype/detect-idle-state-with-custom-events/|2007/10/17]]일자로 투고된 기사에 유용한 소스가 있었다. 하지만 문제는 project에서
 사용하고 있던 **dojo toolkit**이 아니라 **prototype** 프레임워크로 작성되어 있었다.  사용하고 있던 **dojo toolkit**이 아니라 **prototype** 프레임워크로 작성되어 있었다. 
行 52: 行 51:
 }); });
 </code> </code>
 +
  
 ===== Add Event Listener ===== ===== Add Event Listener =====
行 70: 行 70:
 </code> </code>
 훨씬 깔끔해 보이지 않는가?8-o 훨씬 깔끔해 보이지 않는가?8-o
-이 코드를 dojo toolkit으로 다음과 같이 표현할 수 있다.+이 코드를 **dojo toolkit**으로 다음과 같이 표현할 수 있다.
 <code javascript> <code javascript>
 dojo.addOnLoad(function(){ dojo.addOnLoad(function(){
行 76: 行 76:
 }); });
 </code> </code>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
  
  
行 98: 行 110:
 </code> </code>
 여기서 memo는 나중에 event를 통해서 접근할 수 있어서, 어떤 값을 저장하는데 상당히 편리하다. 여기서 memo는 나중에 event를 통해서 접근할 수 있어서, 어떤 값을 저장하는데 상당히 편리하다.
-이에 비해 **dojo toolkit**은 **Publish/Subscribe**라는 강력한 %%Event System%%을 가지고 + 
-있다. **dojo**의 **Pub/Sub Event System**은 아직 완전히 이해하지 못한 단계라서 우선 callback +이에 비해 **dojo toolkit**은 [[http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dijit-and-dojo/event-system/publish-and-subscribe-events|Publish/Subscribe]]라는 강력한 %%Event System%%을 가지고 
-메소드로 대체하였다. 이후에 좀더 유연한 Pub/Sub로 리뉴얼 할 계획이다.+있다. **prototype**의 fire에 해당하는 것이 %%dojo.publish%%이고, event를 listener에 연결하는 
 +것이 %%dojo.subscribe%%이다.  
 + 
 +어떤 의미에서는 [[study:java:design_pattern:observer|Observer Pattern]]이라고 볼 수 있다. publish하는 
 +쪽에서는 누가 subscribe를 해도 신경쓸 필요가 없다. \\ 덕분에 event와 listener사이의 decoupling(분리) 
 +가 가능하게 되었다. 그만큼 유연하고 강력한 event system이라고 생각한다. 
 + 
 +사용예는 다음과 같다. 
 +<code javascript> 
 + dojo.subscribe("alerts", null, function(caption, message){ alert(caption + "\n" + message); }; 
 + dojo.publish("alerts", [ "read this", "hello world" ]);  
 +// 
 +</code>
  
  
行 108: 行 132:
  
 ===== reference ===== ===== reference =====
-  - [[http://thinkweb2.com/projects/prototype/detect-idle-state-with-custom-events/]] : Detect idle state with custom events +  - [[http://thinkweb2.com/projects/prototype/detect-idle-state-with-custom-events/|Detect idle state with custom events]]  
-  - [[http://iolothebard.tistory.com/309]] : Create javascript class+  - [[http://iolothebard.tistory.com/309|Create javascript class]]
  
 ~~DISCUSSION~~ ~~DISCUSSION~~

トレース:

QR Code
QR Code study:javascript:dojo:monitor (generated for current page)