난이도 : 중급 Nicholas Chase , Writer, Freelance Tyler Anderson (tyleranderson5@yahoo.com), Writer, Freelance
2007 년 5 월 15 일 구글 웹 툴 킷(Google Web Toolkit, 이하 GWT)을 사용하면 Ajax(Asynchronous JavaScript +XML) UI에 필요한 자바스크립트™를 만드는 데 자바™ 구문을 사용할 수 있습니다. 대다수의 Ajax 애플리케이션은 XML을 사용하여 정보를 서버에 보내거나 서버에서 가져오므로 애플리케이션에서 XML 데이터를 분석하고 만들 수 있어야 합니다. 본 튜토리얼은 GWT를 사용하여 어떻게 XML을 조작하고 만드는지를 다룰 것입니다.
이 튜토리얼 내에서
지난 몇 년 간 Ajax는 실질적으로 새로운 웹 사이트에 필요조건이 되어 왔으나 만들기가 쉽진 않다. Ajax 기능의 웹 사이트를 수동으로 만든다는 것은 자바스크립트를 만들어 객체를 사용하여 비동기 HTTP 요청을 만든다는 것을 의미한다. 이 때 객체는 브라우저 표준을 따르지 않으므로 프로그램을 짜는 데 시간이 많이 걸린다. GWT는 Ajax 기능의 애플리케이션에 필요한 자바 스크립트 작업을 추상화하여 몇 가지 자바 클래스로 만드는데, 이처럼 인터페이스를 만드는 일은 자바 프로그래머에게 더 직관적이다. 하지만 대다수의 Ajax 애플리케이션은 XML을 사용하여 정보를 서버에 보내거나 서버에서 가져오므로 XML 데이터를 분석하고 만들 수 있어야 한다. 본 튜토리얼은 GWT를 사용하여 어떻게 XML을 보내고 받고 조작하고 만드는지를 다룰 것이다. 본 튜토리얼은 Ajax 기능의 웹 사이트를 더 쉽게 만들기 위해 설계된 자바 클래스 세트인 GWT와 XML을 어떻게 사용하는지에 대해 설명한다.
GWT를 사용해 XML을 보내고 받고 조작하며 만드는 법을 배우면서 세 가지 다른 소스에서 가져온 정보를 결합하는 매우 작고 간단한 매시업 애플리케이션을 만들 것이다.
목표 - Ajax, XML, DOM이 무엇인지 리뷰한다.
- GWT가 무엇인지 배운다.
- GWT 애플리케이션을 만든다.
- GWT를 사용해 XML 문서를 찾는다.
- GWT를 사용해 XML 문서를 분석한다.
- GWT를 사용해 XML 문서를 조작한다.
- GWT를 사용해 XML 데이터를 보낸다.
선수조건
본 튜토리얼은 독자들이 자바 개념과 HTML(코드가 단순한 편이라지라도)에 익숙하다고 가정한다. XML에 익숙하면 도움이 되겠지만 일단 DOM과 XML에 대해 간략하게 소개하겠다. 참고자료의 링크를 참조하여 도움을 받기 바란다.
시스템 필요조건
브라우저에서 자바스크립트를 사용할 수 있어야 한다. 이 튜토리얼을 따라하려면 다음 도구를 설치해야 한다.
- Java 2 SE 1.4 버전 이상: GWT는 자바스크립트를 생성하기 위해 자바 클래스를 사용한다. 따라서 자바 클래스를 컴파일 할 수 있어야 한다. 자바 소프트웨어 개발 키트를 다운로드하라.
- GWT: 실제 툴킷은 구글 코드에서 다운로드할 수 있다.
- 윈집 또는 기타 집 유틸리티: GWT의 압축을 풀어야 한다. 윈집 시험판을 다운로드하라.
- 이클립스 같은 IDE나 IBM® Rational™ Web Developer가 도움이 될 것이다. 그러나 간단한 텍스트 편집기로 파일을 편집할 수 있다. Eclipse.org에서 이클립스를 다운로드할 수 있다. 아니면 Rational Web Developer를 받으라.
기간
1-2시간
포맷 html
 |
| 이 문서 북마킹 하기
|
developerWorks 콘텐트를 다른 사이트에 전재하기: developerWorks 콘텐트에 대한 저작권은 IBM에 있습니다. IBM의 서면 허가나 원본 저자의 허락이 없이는 전재를 금합니다. 저희 콘텐트를 전재하시려면 IBM developerWorks 담당자 에게 문의하십시오. |