2012년 11월 2일 금요일

dojo 기본 사항


Dojo에는 dojo.require 함수를 통해 파일에 있는 애플리케이션 클래스를 구조화하고 로드하는 패키지 시스템이 있다. 이 함수는 기본 dojo.js에서 아직 제공하지 않는 Dojo 툴킷의 일부를 로드할 수 있다.

DOM 유틸리티 함수

dojo.byId
dojo.byId 함수를 이용하면 id 속성을 사용하여 DOM 노드를 선택할 수 있다

dojo.query
한 번에 요소를 여러 개 참조할 경우에는 어떻게 해야 할까? 이러한 경우에 필요한 함수가 바로 dojo.query 함수이다.

페이지에 있는 순서없는 목록을 선택하는 경우에는 dojo.forEach 함수를 사용하지 않았다. 다음 섹션인 "배열 및 NodeLists"에서는 이 함수가 필요하지 않은 이유를 살펴보게 된다.


기타 유용한 유틸리티 함수

dojo.body 함수는 문서에 해당하는 dojo.body <body> 요소에 대한 참조와 문서 오브젝트 자체를 리턴한다. dojo.create를 이용하면 새 요소를 작성하고 그 속성을 정의하여 DOM에 배치하는 작업을 신속하게 처리할 수 있다.

dojo.place가 있으며 이 함수를 이용하면 기존 요소나 새 요소를 문서의 어느 위치에나 배치할 수 있다.dojo.empty는 예상하는 바와 같이 DOM 요소의 컨텐츠를 비운다. dojo.destroy는 노드 자체와 노드에 부속된 모든 하위 요소를 제거한다. 

배열 및 NodeList

NodeList
배열은 표준 Javascript에서 사용할 수 있으며 배열을 이용하면 값으로 구성된 콜렉션을 저장할 수 있다. Dojo의 확장된 배열. 여러 가지 헬퍼 함수를 포함한다.  모든 표준 배열 함수와 Dojo에 특정된 함수를 사용할 수 있다. 이전 섹션에서 설명한 dojo.query 함수를 사용하는 경우에는 리턴 값이 NodeList(즉, dojo.NodeList) 오브젝트가 된다.




살펴볼 만한 가치가 있는 첫 번째 함수는 이 기사의 이전 섹션에 있는 dojo.query 예제에서 이미 살펴본 dojo.forEach 함수이다. 이 함수를 이용하면 NodeList에 대한 반복자를 정의하여 NodeList의 각 항목에 적용될 함수를 제공할 수 있다
dojo.indexOf 함수를 이용하면 배열에서 특정 값이 있는 위치를 찾을 수 있다. 이점을 확인할 수 있는 가장 좋은 방법은 예제를 사용하는 것이다. 이전 섹션에서 작성한 목록 배열을 사용하여 값 name이 있는 배열의 인덱스를 확인해 보도록 하자(예:dojo.indexOf(list, "name");).
indexOf 의 결과 값은 0부터 시작함. 없는 경우는 -1로 리턴
 
dojo.filter 함수를 이용하면 또 다른 배열의 필터링된 버전인 새로운 배열을 작성할 수 있다.
var filteredList = dojo.filter(list, function(item) {
    return item != "is";
});

dojo.forEach(filteredList, "console.log(item)");

This results in the following output:

>>> var filteredList = dojo.filter(list, 
function(it...dojo.forEach(filteredList, "console.log(item)");
My
name
Joe


기타 NodeList 함수

 dojo.map 함수를 이용하면 기존 배열의 수정된 버전인 새 배열을 작성할 수 있다. 예를 들면, 금전상의 가치를 나타내는 숫자로 이루어진 배열이 있을 수 있다. 맵 함수를 사용하여 이러한 값으로 구성된 배열을 통화 형식으로 리턴할 수 있다.

dojo.some 함수를 이용하면 배열에 있는 하나 이상의 항목이 지정된 기준과 일치하는지 확인할 수 있다. 
dojo.every 함수는 배열에 있는 모든 항목이 지정된 기준과 일치하는지 확인하기 위해 사용된다






출처: http://www.ibm.com/developerworks/kr/library/wa-ground/








댓글 없음:

댓글 쓰기

크롬 에서 번역 옵션 뜨는 거 막는 방법

버그 같은게 아니고 저 옵션의 기본 값이 제공으로 바뀐듯... 번역 옵션 제공을 비활성화하면 안 뜸. Chrome에서 웹페이지 번역 모르는 언어로 작성된 페이지를 방문할 때 다음 단계에 따라 Chrome이 페이지를 번역하도록 할 수 있습...