메인 컨텐츠로 가기

developerWorks 이용 약관에 동의하시는 경우 제출을 클릭하십시오. 이용 약관 보기.

developerWorks에 처음 로그인하면 developerWorks프로파일이 생성됩니다.귀하의 프로파일에서 동의하신 내용이 공개되지만 이 사항은 언제든지 변경 가능합니다. 귀하의 성명(숨김으로 체크되어 있어도 표시됩니다)과 디스플레이 이름은 게시한 컨텐츠나 사이트 엑세스시 표시됩니다.

모든 정보가 안전하게 전송되었습니다.

  • 닫기 [x]

처음 developerWorks에 로그인할 때 프로파일이 작성되므로, 이를 위해 디스플레이 이름을 선택해야 합니다. 선택하신 디스플레이 이름은 developerWorks에 게시한 컨텐츠에 표시됩니다.

3글자 이상 31글자 이하의 길이로 사용 가능합니다. dW커뮤니티 내에서는 보안상 이메일주소를 제외한 다른 이름을 지정하셔야 합니다.

developerWorks 이용 약관에 동의하시는 경우 제출을 클릭하십시오. 이용 약관 보기.

모든 정보가 안전하게 전송되었습니다.

  • 닫기 [x]

Dojo Toolkit을 사용하여 Ajax 애플리케이션 빌드하기

Joe Lennon, Software developer, Core International
Joe Lennon는 아일랜드 코크 출신의 소프트웨어 개발자로 24살 이다. Joe는 Apress의 근간 서적인 Beginning CouchDB의 저자이며 IBM developerWorks에 몇 건의 기술 관련 기사와 튜토리얼을 기고했다. Joe는 여유가 있을 때면 축구를 하거나 전기 기구를 고치며 Xbox 360에 몰두하기도 한다.
(An IBM developerWorks Contributing Author)

요약:  Dojo Toolkit은 Javascript 기반의 대형 RIA(Rich Internet Application)를 빌드하는 프로세스를 훨씬 더 단순화할 수 있는 Javascript 라이브러리입니다. DOM 쿼리 및 조작, Ajax(Asynchronous Javascript and XML) 요청 처리, 우수한 오브젝트 지향 지원 및 완전한 사용자 인터페이스 위젯 라이브러리(Dijit)와 같은 다양한 기능이 있는 Dojo는 동적 상호 작용 웹 애플리케이션을 빌드하는 데 사용하는 우수한 라이브러리입니다. 이 튜토리얼에서는 완전한 기능을 갖춘 샘플 애플리케이션인 담당자 관리 시스템을 개발하는 과정을 통해 Dojo와 Dijit 위젯 라이브러리의 다양한 개념을 배웁니다. 이 애플리케이션을 이용하면 MySQL 데이터베이스에서 담당자와 담당자 그룹을 찾고, 작성 및 편집하고 제거할 수 있습니다. PHP는 Ajax 기반의 리치 사용자 인터페이스를 제공하는 Dojo 및 Dijit 컴포넌트 라이브러리와 더불어 데이터베이스와의 통신을 위해 서버측에서 사용됩니다. 결과적으로 자신만의 RIA 기반으로 사용할 수 있는 강력한 웹 애플리케이션을 빌드할 수 있습니다.

기사 게재일:  2011 년 3 월 01 일
난이도: 중급 PDF:  A4 and Letter (334 KB | 44 pages)Get Adobe® Reader®

페이지뷰: 3753 회
의견: 

시작하기 전에

이 튜토리얼은 Dojo Toolkit을 활용하여 시각적으로 인상적인 RIA를 비교적 손쉽게 작성하는 데 관심이 있는 웹 애플리케이션 개발자를 대상으로 한다. 이 튜토리얼에서는 Dojo를 사용하여 완전한 웹 애플리케이션을 개발하는 프로세스를 설명한다. 그렇지만 이 과정에서 Dojo에 대해서도 배우게 된다. 진도를 나가기 전에 Dojo의 기본사항을 학습하기를 권장한다. 또한, HTML과 CSS를 제대로 사용할 수 있어여 한다. 그래야 Javascript 개발을 하는 데 문제가 없다. 독자가 전문가일 필요는 없지만 이러한 주제에 대해 많이 알고 있을 수록 이 튜토리얼을 학습하기가 더 수월하다. Dojo에 대한 자세한 소개는 참고자료 섹션에 있는 일부 소개 기사를 가리키는 링크를 참조한다.

이 튜토리얼의 정보

Dojo Toolkit은 인상적인 데스크탑 형태의 RIA를 빌드하는 데 필요한 모든 기본 구성요소를 제공하는 강력한 Javascript 프레임워크이다. 기본적으로 이 프레임워크에는 DOM 쿼리 및 조작, 효과 및 애니메이션, Ajax 이벤트 처리 등을 비롯하여 Javascript 애플리케이션을 작성하는 프로세스를 더욱 단순화하는 다양하고 유용한 기능이 포함되어 있다. 그러나 기타 라이브러리와 달리 Dojo에는 일종의 위젯 시스템인 Dijit이 있으며 이 시스템에는 Dijit 컴포넌트가 마치 일반 HTML 요소인 것처럼 사용자가 Dijit 컴포넌트를 사용할 수 있게 하는 강력한 구문 분석기가 포함되어 있다. 끝으로 Dojo에는 광범위한 데이터 저장소, 데이터 그리드, 추가 Dijit 컴포넌트 등을 지원하는 기능을 비롯하여 추가 기능을 제공하는 DojoX 확장의 확장 스위트가 포함되어 있다.

이 튜토리얼에서는 Dojo Toolkit의 이 세 가지 부분을 데스크탑 담당자 관리 애플리케이션을 닮은 샘플 애플리케이션을 통해 구현하게 된다. 이 애플리케이션에서는 담당자를 새로 추가하거나 기존 담당자를 편집 또는 삭제하는 과정을 통해 담당자를 관리할 수 있다. 담당자를 그룹에 배치할 수 있을 뿐만 아니라 필요에 따라 그룹 간에 담당자를 이동할 수도 있다. 그룹을 추가하고 수정 및 삭제할 수도 있다. 이 튜토리얼에서는 완전한 기능을 갖춘, 데이터베이스 중심의 동적 애플리케이션을 비교적 단순하고 예상보다 훨씬 더 적은 코드를 사용하여 작성하는 방법을 설명하게 된다. 이 튜토리얼에서 작성하는 애플리케이션을 손쉽게 확장하거나 수정하여 자신만의 프로젝트를 작성할 수 있다.


선수조건

이 튜토리얼을 수행하려면 다음과 같은 도구가 필요하다.

  • PHP를 지원하는 서버(예: Apache)
  • PHP 버전 5 이상
  • MySQL 버전 4 이상(이전 버전도 작동할 가능성이 있음)
  • Dojo Toolkit 1.5 이상(Google Content Delivery Network을 사용하여 로드할 수 있음) 그 대신에 이 툴킷을 로컬로 다운로드하여 해당 개발 시스템에서 실행할 수도 있다.

이 애플리케이션에서 사용한 PHP 스크립트와 MySQL 테이블은 매우 단순해서 Java™ 코드, C#, Python 등과 같은 다른 서버측 언어와 DB2®, Oracle 및 SQL Server와 같은 데이터베이스로 비교적 손쉽게 변환할 수 있다. 이 애플리케이션에서는 대부분의 작업이 Dojo로 수행되며 PHP와 MySQL은 단지 지속성을 위해 사용된다.

이러한 도구에 대한 링크는 참고자료를 참조한다.

111 | 다음

의견



static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=20
Zone=웹 개발
ArticleID=742453
TutorialTitle=Dojo Toolkit을 사용하여 Ajax 애플리케이션 빌드하기
publish-date=03012011
author1-email=joe@joelennon.com
author1-email-cc=

태그

Help
검색 필드를 사용하여 My developerWorks 내에서 해당 태그가 사용된 모든 종류의 컨텐츠를 검색하십시오.

태그를 더 많이 보거나 적게 보기 위해 슬라이더 막대를 사용하십시오.

인기 태그는 특정 컨텐츠 존(예를 들어, 자바, 리눅스, WebSphere)의 최고 인기 태그를 보여줍니다.

내 태그는 특정 컨텐츠 존(예를 들어, 자바, 리눅스, WebSphere)의 귀하의 태그를 보여줍니다.

검색 필드를 사용하여 My developerWorks 내에서 해당 태그가 사용된 모든 종류의 컨텐츠를 검색하십시오. 인기 태그는 특정 컨텐츠 존(예를 들어, 자바, 리눅스, WebSphere)의 최고 인기 태그를 보여줍니다. 내 태그는 특정 컨텐츠 존(예를 들어, 자바, 리눅스, WebSphere)의 귀하의 태그를 보여줍니다.