구글 웹 툴킷 활용

이 책은 구글 웹 툴킷(GWT)의 모든 것과 이에 관련된 웹 기술을 경험할 수 있는 책이다. 기본 개념부터 시작해서 실제 사이트에서 사용되고 있는 높은 수준의 코드까지 다루고 있다. 특히 저자는 이 책의 웹 사이트에서 지속적인 업그레이드 정보를 제공하고 있다. 예제 애플리케이션의 소스 코드와 라이브 데모를 볼 수 있으며, 질문 포럼과 에러 리포트 및 기타 유용한 자료도 제공하고 있다.



프로젝트 하나 마치고 숨을 돌릴만하면 쏟아져 나오는 새로운 버전과 기술들. 그 새로운 것이 어느 정도 익숙한 것에 대한 업그레이드이면 그나마 괜찮은데, 전혀 새로운 기술일 경우 건드리기가 싫어지는 그런 경험이 있을 것이다. 이제는 얼마든지 인터넷에서 원하는 코드를 찾아낼 수 있고 기술적인 문제에 대한 답도 어렵지 않게 찾을 수 있게 되다. 이런 시대에 프로그래밍 서적에 요구되는 것은 따라 하기식 예제나 메뉴 소개, 단편적인 팁이 아니라, 기술에 대한 심도 있는 이해를 제공하는 것이라는 생각을 해 본다. 역자이지만 독자로서, 이 책의 1부에서는 기술에 대한 이해를 다각도로 제공받았고, 2부를 통해서는 상용 솔루션에 적용해도 손색이 없는 고급 수준의 예제를 경험할 수 있었다. 저자가 서문에서 밝힌 바와 같이 이 책은 GWT 자체와 GWT에 연관된 웹 기술에 대한 모든 것을 다루고 있다. (역자 서문 중에서)



핵심 내용

- GWT와 관련된 웹 기술과 스킬들을 소개한다.

- GWT의 사용자 인터페이스 라이브러리를 자세히 살펴본다.

- 각 위젯의 사용법을 예제로 설명한다.

- 서버 측 애플리케이션과의 통합을 위한 여러 가지 방법을 설명한다.

- 소프트웨어 개발을 위한 자바 도구와 GWT 개발에 적용하는 방법을 알아본다.

- CSS, 코드 자동 생성, 국제화, 성능 향상 등 GWT 개발의 고급 기술을 다룬다.

- 예제인 가젯 데스크톱 애플리케이션에서 리치 드래그 앤 드롭 인터페이스를 마스터한다.

- 예제인 다중 검색 애플리케이션에서 다수의 검색 엔진에 요청을 보내는 검색 애플리케이션의 개발 방법을 보여준다.

- 예제인 블로그 에디터 애플리케이션에서 여러 블로그의 글을 관리하는 기법을 배운다.

- 예제인 인스턴트 메신저 애플리케이션에서 GWT-RPC 기반의 인스턴트 메신저를 자세히 설명한다.

- 예제인 데이터베이스 에디터 애플리케이션에서 DAO를 사용하여 서버의 자료 구조 읽기, XML과 JSON을 위한 코드 생성, PHP, Ruby on Rails, Java Hibernate와의 통합 등 고급 주제를 다룬다.



대상 독자

GWT가 자바 개발자만을 위한 Ajax 도구는 아니다. GWT가 자바 개발자를 위한 것이라는 생각이 GWT의 위력을 크게 약화시키고 있는 것 같다. 자바 개발자들이 GWT를 쉽게 사용할 수는 있지만 이 기술은 Ajax 애플리케이션을 작성하는 모든 소프트웨어 개발자를 위한 툴이다. 이 책의 독자는 .NET, PHP, Ruby 혹은 C++ 개발자일 수 있다. 만약 여러분이 이런 언어의 개발자라면, GWT 사용 여부에 관계없이 Ajax 애플리케이션을 작성하기 위해서는 다른 언어를 배워야 한다. 이런 경우 필자는 자바를 추천한다. Sun의 튜토리얼로 자바를 시작하고, 이 책과 GWT 문서(http://code.google.com/webtoolkit/documentation/)를 통해GWT를 익힐 수 있다. 이렇게 하면 결과적으로, 여러분은 훨씬 훌륭한 사용자 경험을 작성하고, 애플리케이션을 디버깅하고 유지보수하는데 드는 시간을 크게 절약할 것이다.



이 책의 구성

이 책은 두 파트로 나뉜다. 1부에서는 구글 웹 툴킷을 깊이 있게 소개한다. GWT 라이브러리를 참고하기 위해 사용할 수 있고, GWT로 효과적인 개발을 하는 가이드로써 사용할 수도 있을 것이다. 2부는 GWT로 구축된 다섯 개의 애플리케이션을 심도 있게 살펴본다. 여기서 애플리케이션 설계와 개발 과정에 사용된 개발 패턴, 테크닉, 팁을 볼 것이다. 각 예제 애플리케이션은 GWT 라이브러리의 사용, 웹 서비스와 기술의 상호운용, 애플리케이션 설계와 아키텍처, 유저 인터페이스 설계 등을 골고루 다룰 수 있도록 했다. 책을 쭉 따라 읽으면서, 여러분의 머신에 애플리케이션을 구축해볼 수 있다. 저자가 운영하는 www.gwtapps.com에서 최신으로 수정된 소스 코드와 기술 지원을 참고할 수 있다.



추천사

"라이언은 GWT의 가치를 확실하게 이해하고 있으며, GWT와 다양한 웹 기술을 통합하는 방법을 이론적인 방법이 아닌 실제적인 관점에서 잘 알고 있다. 라이언이 GWT를 사용하여 만든 gpokr.com과 kdice.com이 인기리에 운영되고 있는 것이 이에 대한 반증이다."

- 브루스 존슨(GWT의 창시자)



"기존의 GWT 책이 간략한 설명용 애플리케이션에 의존하는 것에 비해서 이 책은 방대한 GWT 애플리케이션을 만드는 전 과정을 다루고 있다는 점에서 이 책은 다른 GWT 책과 확연히 구별된다."

- R. 마크 볼크만(Object Computing사)



"오픈 소스 자바 소프트웨어 개발 프레임워크에 대해 알고 싶은 전문 프로그래머와 초보 프로그래머에게 이 책은 최상의 지침서다."

- 마시모 나르돈(IT 보안 전문 아키텍트)

1부 구글 웹 툴킷의 이해



1장 구글 웹 툴킷의 첫걸음

1.1 Ajax의 등장

1.2 웹 애플리케이션 다시 생각하기

1.2.1 어도비 Flash와 Flex

1.2.2 마이크로소프트 Silverlight

1.2.3 자바 FX

1.3 Ajax를 위한 소프트웨어 공학

1.3.1 위젯과 패널로 리치 인터페이스 만들기

1.3.2 비동기식 커뮤니케이션으로 성능 향상

1.3.3 웹 표준과 웹 서비스를 통한 상호운용성 제공

1.3.4 자바 도구를 사용하여 개발 속도 향상

1.4 GWT에 대한 배경 지식

1.4.1 웹 디자이너

1.4.2 웹 개발자

1.4.3 Ajax 개발자

1.4.4 웹 애플리케이션 개발자

1.4.5 데스크톱 애플리케이션 개발자

1.5 애플리케이션 개발 스킬의 중요성

1.6 퀵 튜토리얼

1.6.1 GWT 프로젝트 시작

1.6.2 생성된 애플리케이션 커스터마이징

1.6.3 동적 인터페이스 생성

1.6.4 비동기식 HTTP 사용

1.7 툴킷 패키지의 개요

1.8 GWT 애플리케이션의 개요

1.8.1 공통된 애플리케이션 패턴

1.8.2 예제 애플리케이션들

1.9 요약



2장 사용자 인터페이스 라이브러리 개요

2.1 Static 위젯

2.1.1 Label 위젯

2.1.2 HTML 위젯

2.1.3 Image 위젯

2.1.4 Hyperlink 위젯

2.2 Form 위젯

2.2.1 Button 위젯

2.2.2 ToggleButton 위젯과 PushButton 위젯

2.2.3 Checkbox 위젯

2.2.4 RadioButton 위젯

2.2.5 ListBox 위젯

2.2.6 SuggestBox 위젯

2.2.7 TextBox 위젯

2.2.8 PasswordTextBox 위젯

2.2.9 TextArea 위젯

2.2.10 RichTextArea 위젯

2.2.11 FileUpload 위젯

2.2.12 Hidden 위젯

2.3 Complex 위젯

2.3.1 Tree 위젯

2.3.2 MenuBar 위젯

2.4 단순 레이아웃 패널

2.4.1 FlowPanel

2.4.2 HorizontalPanel과 VerticalPanel

2.4.3 HorizontalSplitPanel과 VerticalSplitPanel

2.4.4 FlexTable 위젯과 Grid 위젯

2.4.5 DeckPanel 위젯

2.4.6 DockPanel 위젯

2.4.7 HTMLPanel 위젯

2.5 복합 레이아웃 패널

2.5.1 StackPanel 위젯

2.5.2 TabPanel 위젯

2.6 단순 컨테이너 패널

2.6.1 Composite 위젯

2.6.2 SimplePanel 위젯

2.6.3 ScrollPanel 위젯

2.6.4 FocusPanel 위젯

2.7 복합 컨테이너 패널

2.7.1 FormPanel 위젯

2.7.2 DisclosurePanel 위젯

2.7.3 PopupPanel 위젯

2.7.4 DialogBox 위젯

2.8 사용자 인터페이스 프레임워크

2.8.1 이벤트 인터페이스

2.8.2 인터페이스 기능

2.9 요약



3장 서버 통합 기법

3.1 기본적인 서버 통합 기법

3.1.1 비동기식 HTTP 요청

3.1.2 평문 텍스트와 HTML으로 작업하기

3.1.3 전통적인 서버 측 스크립트 기술과의 통합

3.2 데이터 포맷 라이브러리 사용

3.2.1 XML 읽기와 쓰기

3.2.2 JSON 읽기와 쓰기

3.3 서드파티 서버 통합

3.3.1 Same Origin 정책

3.3.2 자바스크립트 API 사용

3.3.3 JSONP 사용

3.3.4 HTTP 프록시 사용

3.4 고급 서버 통합 기법

3.4.1 스테이트풀 서버

3.4.2 스테이트리스 서버와의 통합

3.4.3 GWT-RPC 사용

3.5 요약



4장 Ajax 소프트웨어 공학

4.1 개발 환경 셋업

4.1.1 자바 개발 도구 설치

4.1.2 구글 웹 툴킷 설치

4.1.3 이클립스 설치

4.2 이클립스에 프로젝트 추가

4.3 이클립스에서 자바 코드 작성

4.3.1 이클립스에서 클래스 생성

4.3.2 이클립스 자바 에디터 사용

4.4 이클립스에서 디버깅

4.5 애플리케이션 구조 체계화

4.6 애플리케이션 테스트

4.6.1 JUnit 사용

4.6.2 벤치마킹

4.7 모듈의 작성과 공유

4.7.1 모듈 사용

4.7.2 재사용 가능한 모듈 생성

4.7.3 컴파일된 애플리케이션(메시업) 공유

4.8 애플리케이션 배포

4.8.1 웹 서버에 배포

4.8.2 서블릿을 서블릿 컨테이너로 배포

4.8.3 Ant로 배포 자동화

4.9 요약



5장 툴킷의 효과적인 사용

5.1 비동기식 프로그래밍 사용

5.2 이전 버튼 핸들링

5.3 CSS로 세련된 인터페이스 생성

5.3.1 GWT 위젯과 CSS 연결

5.3.2 색 지정

5.3.3 단위 지정

5.3.4 Font 프로퍼티 사용

5.3.5 Text 프로퍼티 사용

5.3.6 Margin, Border, Padding 프로퍼티 사용

5.3.7 CSS 예제

5.3.8 cursor 프로퍼티 사용

5.4 툴킷의 확장

5.4.1 새 위젯 작성

5.4.2 JSNI 사용

5.4.3 크로스 브라우저 지원

5.4.4 다른 자바스크립트 라이브러리 사용

5.5 애플리케이션 국제화

5.5.1 상수 선언

5.5.2 메시지 선언

5.5.3 지역화 도구

5.5.4 로케일 관리

5.5.5 Dictionary 사용

5.6 코드 생성

5.6.1 생성된 코드 사용

5.6.2 코드 생성기 작성

5.6.3 generate 메서드 작성

5.7 성능 향상

5.7.1 긴 프로세스 핸들링

5.7.2 ImageBundle 사용

5.7.3 Apache에서의 캐시

5.7.4 서블릿 컨테이너에서의 캐시

5.7.5 Apache에서의 압축

5.7.6 서블릿 컨테이너에서의 압축

5.8 요약



2부 예제로 배우는 리치 웹 애플리케이션



6장 가젯 데스크톱 애플리케이션

6.1 컨테이너 애플리케이션 패턴 사용

6.2 모델 디자인

6.2.1 Abstract Factory 패턴 사용

6.2.2 GadgetClass 클래스 작성

6.2.3 Gadget 클래스 작성

6.2.4 쉬운 사용자 환경설정 만들기

6.3 열로 구분된 컨테이너 인터페이스 작성

6.3.1 View 정의

6.3.2 메인 레이아웃에 VerticalPanel 사

6.3.3 메뉴에 HorizontalPanel 사용

6.3.4 페이지 선택에 TabPanel 사용

6.3.5 열에 HorizontalPanel과 FlowPanel 사용

6.4 가젯을 뷰에 넣기

6.4.1 Hello World 가젯

6.4.2 가젯 컨테이너 작성

6.4.3 ImageBundle, ToggleButton, PushButton의 사용

6.5 드래그 앤 드롭 가젯 생성

6.5.1 패널 사이에 위젯 도킹

6.5.2 마우스 이벤트를 사용하여 위젯 드래그

6.5.3 위젯 드롭하기

6.6 CSS로 사용자 인터페이스 정리

6.6.1 GWT에서 CSS 사용

6.6.2 탭에 스타일 추가

6.6.3 메뉴에 스타일 추가

6.6.4 GadgetContainerView에 스타일 추가

6.6.5 RoundedPanel 생성

6.7 Persistency 추가

6.7.1 CookieStorage 클래스 구현

6.7.2 브라우저별 차이점 다루기

6.7.3 쿠키의 로딩과 저장

6.7.4 Google Gears를 스토리지로 사용

6.8 다른 자바스크립트 라이브러리 사용

6.8.1 Google Maps API 사용

6.8.2 피드에 Google Ajax API 사용

6.8.3 Weather 가젯 작성

6.8.4 RSS News 가젯 작성

6.9 요약



7장 다중 검색 애플리케이션

7.1 Aggregator 애플리케이션 패턴 사용

7.2 다중 검색 디자인

7.3 모델

7.4 뷰

7.4.1 MultiSearchView 클래스

7.4.2 SearchResultsView 클래스

7.4.3 Link 위젯 작성

7.5 컨트롤러

7.6 구조적 데이터 포맷 임포트

7.6.1 Same Origin 정책 건너뛰기

7.6.2 JSONP로 JSON 피드 로딩

7.7 Yahoo! Search와의 통합

7.8 구글 베이스와의 통합

7.9 플리커 검색과의 통합

7.10 Amazon 검색과의 통합

7.11 요약



8장 블로그 에디터 애플리케이션

8.1 워크스페이스 애플리케이션 패턴 사용

8.2 웹 서비스 클라이언트 구축

8.3 블로그 에디터 디자인

8.4 모델

8.5 다중 문서 뷰 구축

8.5.1 BlogEditorView 클래스

8.5.2 BlogView 클래스

8.5.3 BlogEntryView 클래스

8.5.4 EditEntryView 클래스

8.6 리치 텍스트 편집 추가

8.6.1 RichTextArea 사용

8.6.2 ImageBundle, 국제화, RichTextToolbar 사용

8.7 LoadingPanel 위젯

8.8 TitleCommandBar 위젯

8.9 애플리케이션 컨트롤러 디자인

8.10 HTTP 프록시 서블릿 구축

8.10.1 새로운 크로스-도메인 RequestBuilder

8.10.2 프록시 서블릿 작성

8.11 Blogger API와 통합

8.11.1 Atom Publishing Protocol과 Gdata 사용

8.11.2 BloggerService 클래스 정의

8.11.3 구글 계정으로 로그인

8.11.4 블로그의 XML 리스트 가져오기

8.11.5 개별 블로그 엔트리를 위한 XML 리스트 가져오기

8.11.6 엔트리 생성과 저장을 위해 XML 전송

8.11.7 엔트리에 Delete 요청 보내기

8.8 요약



9장 인스턴트 메신저 애플리케이션

9.1 Collaborator 애플리케이션 패턴 사용

9.2 인스턴트 메신저 디자인

9.3 모델

9.4 보완 인터페이스 구축

9.4.1 MessengerView 클래스

9.4.2 SignInView 클래스

9.4.3 ContactListView 클래스

9.4.4 ChatWindowView 클래스

9.5 컨트롤러 개요

9.6 GWT-RPC 사용

9.6.1 RemoteService 인터페이스

9.6.2 RemoteServiceServlet 클래스

9.6.3 비동기식 인터페이스 사용

9.7 서버에 연결

9.8 RPC 이벤트 추가

9.8.1 폴링 프로토콜

9.8.2 이벤트 기반 프로토콜

9.8.3 이벤트 구현

9.9 인스턴트 메신저 서버

9.10 서버 측 고급 IO 사용

9.10.1 Tomcat에서 Comet 사용

9.10.2 Jetty에서 Continuations 사용

9.11 요약



10장 데이터베이스 에디터 애플리케이션

10.1 Manager 애플리케이션 패턴 사용

10.2 모델 디자인

10.3 비동기식 데이터 접근 객체 사용

10.4 2분할창 에디터 인터페이스 구축

10.4.1 Tree와 SplitPanel 위젯 사용

10.4.2 Tree 항목 상속과 동적 로딩

10.4.3 Workspace 뷰 생성

10.4.4 객체의 생성과 수정을 위해 대화상자 사용

10.5 서버 통합 개요

10.5.1 Actions 사용

10.5.2 REST 사용

10.5.3 RPC 사용

10.6 일반적인 GWT 코드 생성기 작성

10.6.1 코드 생성기 작성

10.6.2 자동으로 XML로 직렬화

10.6.3 자동으로 JSON으로 직렬화

10.7 액션 기반 PHP 스크립트와 통합

10.7.1 Action API 구축을 위해 PHP 사용

10.7.2 클라이언트에서 Action 데이터 접근 레이어 작성

10.8 RESTful Ruby on Rails 애플리케이션과의 통합

10.8.1 REST API 구축에 Ruby on Rails 사용

10.8.2 클라이언트에서 REST 데이터 접근 레이어 작성

10.9 GWT-RPC 서블릿과 통합

10.9.1 RPC 서비스 작성

10.9.2 Hibernate를 사용하여 Model 저장

10.10 요약



찾아보기

라이언 듀스베리 저자 라이언 듀스베리(Ryan Dewsbury)는 1998년부터 C++, 자바 개발자, 아키텍트, 컨설턴트로 일해 왔다. 그는 지난 몇 년간 반도체 제조 시스템의 시스템 프레임워크 구축을 진행했고, 최근에는 최신 소프트웨어를 사용하여 몇몇 벤처 회사와 함께 사용자 경험을 개발하고 있다.

프로젝트 사이에 시간이 나면 독자적으로 소프트웨어 프로젝트를 진행하는데, 2004년에는 Easy Message를 만들었고, 최근에는 GWT 기반의 웹 게임인 Gpokr과 KDice를 만들었다.