행복만땅 개발자

제 2 장 유틸리티 함수

앞서 말한바 있지만 ajax를 구현하기 위해 prototype을 주로 사용해왔던 터라

주로 $()를 애용해왔는데 dojo에서는 그대로 문자로 표현되는것이 아닌가.

이에 이번장에서는 dojo의 유틸리티 함수들을 살펴보기로 한다

dojo에서는 $()대신 dojo.byId()를 사용한다.

언듯 $()에 비하여 불편해보이기도 하는 dojo.byId()는 dojo 개발팀에서도 꽤 오랜 고민과 토론 끝에 내린 결론이라고 하니

어쩌겠는가. 기냥 써야지. 사실 document.getElementById()보다는 짧다. ㅋㅋ

* 지정한 id를 가진 DOM node를 검색

* 지정한 노드 이름(태그 이름) / CSS 셀렉터를 가진 DOM node들(배열)을 검색

* dom

* dojo

dojo.query()도 prototype이나 jquery와 비슷한 CSS 2.1 셀렉터를 지원한다.

prototype에서 $$와 each()의 결합을 많이 쓰는 것처럼, dojo.query()도forEach()와 함께 쓰면 편리하다.

몇년전에 ajax란 것을 듣고 사용하기 위해서 좀더 쉽게 쓸수 없을까 하는 생각에 혹 framework는 없을까

당시엔 국내에 관련서적도 없었던 터라 인터넷 검색으로 framework 라고 해서 찾은 것이 prototype 과 dojo 였다.

그때에도 ui적인 측면이 강한 dojo에 흥미를 가졌었지만 느린 속도 때문에  직관적이면서 심플한 prototype 을 애용하게 되었다.

하지만 이클립스 wtp 에서도 dojo 를 지원하더니 이번에 스트럿츠2로 한번 개발해볼까 했더니

지원하는 테마인 ajax가 바로 dojo 가 아닌가

기존에 prototype 으로 만들어논 프레임웍을 스트럿츠2의 테마로 등록하는 방법은 없을까 찾아는 보지만 어째 좀..

이번기회에 다시금 dojo에 익숙해져 보자는 생각에 끄적여본다.

dojo이 드뎌 1.0대로 진입을.. 0_0

예전엔 객체 생성하는 방법도 버젼마다 조금씩 달랐었는데 이번버젼엔 어떻게 바뀌었을까나

dojo는 홈페이지에서 받던지 다음링크 http://download.dojotoolkit.org/release-1.0.2/dojo-release-1.0.2.zip 에서 파일을 다운 받아서 웹 디렉토리에 적당히 풀고, (그 디렉토리를 js라고 하면) 다음과 같이 쓰고 사용하면 된다.

주의: 할 점은 dojo가 두 번 들어간다는 것이다. dojo폴더 이하에 생긴다는 뜻...

확실히 가볍던 prototype에 비해 왠지 묵진한 느낌의 dojo.  zip파일 로도 약 3.9M 정도니..묵진한건 기분만은 아닌듯

하지만 다른 건 필요없다.

기본기능에 충실한 dojo만을 사용하길 원한다면   AOL developer network 에서 지원하는 dojo framework를 사용해도 된다.

아니면 다음링크에서 기냥 받아두 된다.

http://o.aolcdn.com/dojo/1.0.2/dojo/dojo.xd.js.uncompressed.js (압축안된 버전)
http://o.aolcdn.com/dojo/1.0.2/dojo/dojo.xd.js(압축된 버전)

와우. dojo 가 이리 가볍다니...ㅋ

아니면 다음과 같이 사용해도 된다.