구글 웹 툴킷

3. 구성 요소

GWT는 다음과 같은 주요 구성 요소를 가지고 있다.

GWT를 사용하면 개발자는 자바 개발 도구를 사용하여 자바 언어로 Ajax 애플리케이션을 개발하고 디버깅할 수 있다. 애플리케이션 배포 시, GWT 크로스 컴파일러는 자바 애플리케이션을 난독화되고 최적화된 자바스크립트 파일로 변환한다.^[9] GWT는 사용자 인터페이스 프로그래밍뿐만 아니라, 고성능 클라이언트 측 자바스크립트 기능을 구축하기 위한 광범위한 도구 집합을 제공한다.

3. 1. GWT 자바 대 자바스크립트 컴파일러

3. 2. GWT 개발 모드 (Development Mode)

3. 3. JRE 에뮬레이션 라이브러리

3. 4. GWT 웹 UI 클래스 라이브러리

4. 기능

GWT를 사용하면 개발자는 자바 개발 도구를 사용하여 자바 언어로 Ajax 애플리케이션을 개발하고 디버깅할 수 있다. 애플리케이션이 배포되면 GWT 크로스 컴파일러는 자바 애플리케이션을 난독화되고 고도로 최적화된 독립형 자바스크립트 파일로 변환한다. 필요에 따라 자바스크립트는 자바 주석을 사용하여 자바 코드에 직접 포함될 수도 있다.^[9]

GWT는 사용자 인터페이스 프로그래밍뿐만 아니라 고성능 클라이언트 측 자바스크립트 기능을 구축하기 위한 광범위한 도구 집합이다. GWT의 미션 선언문^[10]은 GWT 역할과 개발자 역할의 철학적 구분을 명확히 한다. 기록(History)이 그 예시 중 하나인데, GWT는 사용자가 브라우저에서 뒤로 또는 앞으로를 클릭할 때 기록 토큰을 관리하지만, 기록 토큰을 애플리케이션 상태에 매핑하는 방법은 개발자에게 맡긴다.

GWT 애플리케이션은 두 가지 모드로 실행할 수 있다.

• '''개발 모드''' (이전의 ''호스트 모드''): 애플리케이션은 자바 가상 머신(JVM) 내에서 자바 바이트 코드로 실행된다.^[11] 이 모드는 일반적으로 개발에 사용되며, 코드 핫 스와핑 및 디버깅을 지원한다. 2014년에는 브라우저 업데이트로 인해 Dev 모드의 기존 구현이 사용할 수 없게 되었고,^[12][13] 더 호환성이 높은 ''슈퍼 Dev 모드''로 대체되었으며, 이 모드는 GWT 2.7에서 기본 모드가 되었다.^[14]
• '''프로덕션 모드''' (이전의 ''웹 모드''): 애플리케이션은 자바 소스에서 컴파일된 순수한 자바스크립트 및 HTML로 실행된다. 이 모드는 일반적으로 배포에 사용된다.

• 단위 테스트 통합
• 국제화 및 지역화 지원
• HTML 캔버스 지원 (API 변경에 따라)^[20]
• 개발자는 JavaScript Native Interface (JSNI)를 사용하여 Java 소스 코드에 직접 작성한 JavaScript를 혼합할 수 있다.
• GWT 애플리케이션에서 Google API 사용 지원 (초기에는 Google Gears 지원).
• 오픈 소스
• 개발자는 Java를 사용하므로 (JavaScript 대신) 순수한 객체 지향 방식으로 애플리케이션을 설계하고 개발할 수 있다.^[19] 오타 및 타입 불일치와 같은 일반적인 JavaScript 오류는 컴파일 시간에 감지된다.
• GWT 컴파일러가 생성하는 JavaScript는 난독화되지 않은 상태(소스 맵 또는 소스 코드)로 이해하기 쉽게 하거나 난독화하고 압축하도록 맞춤 설정할 수 있다.^[19]
• Google 및 타사에서 GWT용 다양한 라이브러리를 사용할 수 있다. 이는 툴킷의 기능을 확장한다.^[19]

4. 1. 사용 가능한 위젯

GWT에서 찾을 수 없는 많은 일반적인 위젯은 타사 라이브러리에 구현되어 있다.

4. 2. 사용 가능한 패널

• 팝업 패널
• 스택 패널
• 스택 레이아웃 패널
• 수평 패널
• 수직 패널
• 플로우 패널
• 수직 분할 패널
• 수평 분할 패널
• 분할 레이아웃 패널
• 도킹 패널
• 도킹 레이아웃 패널
• 탭 패널
• 탭 레이아웃 패널
• 공개 패널

4. 3. 기타 기능

• 동적이고 재사용 가능한 UI 컴포넌트: 프로그래머는 드래그 앤 드롭 또는 복잡한 시각적 트리 구조와 같이 시간 소모적인 동적 동작을 구현하기 위해 내장 클래스를 사용할 수 있다.^[19]
• 간단한 RPC 메커니즘
• 브라우저 기록 관리
• 완전한 기능을 갖춘 Java 디버깅 지원^[4]
• GWT는 개발자를 위해 일부 크로스 브라우저 문제를 처리한다.^[4]
• 단위 테스트 통합
• 국제화 및 지역화 지원
• HTML 캔버스 지원 (API 변경에 따라)^[20]
• 개발자는 JavaScript Native Interface (JSNI)를 사용하여 Java 소스 코드에 직접 작성한 JavaScript를 혼합할 수 있다.
• GWT 애플리케이션에서 Google API 사용 지원 (초기에는 Google Gears 지원).
• 오픈 소스

5. GWT 2.0의 주요 특징

2009년 12월 8일, 구글은 Speed Tracer와 함께 구글 웹 툴킷 2.0을 출시했다.^[25]

GWT 2.0은 다음과 같은 여러 가지 새로운 기능을 제공한다.^[26]

• 브라우저 내 개발 모드 (이전에는 Out Of Process Hosted Mode, OOPHM으로 알려짐): 개발 모드를 통해 브라우저 플러그인을 사용하여 디버깅 중인 페이지를 모든 브라우저에서 볼 수 있다.
• 코드 분할: GWT 컴파일러가 자바스크립트 코드를 여러 개의 작은 청크로 분할할 수 있다.
• 선언적 사용자 인터페이스: UiBinder라는 새로운 기능을 통해 선언을 통해 사용자 인터페이스를 만들 수 있다.
• 리소스 번들링: ClientBundle 인터페이스를 사용하면 이미지, CSS, 텍스트 등 모든 유형의 리소스를 함께 묶어 한 번의 다운로드로 전송할 수 있다.

5. 1. 브라우저 내 개발 모드

5. 2. 코드 분할

5. 3. 선언적 사용자 인터페이스

5. 4. 리소스 번들링

6. 엔터프라이즈 활용

GWT는 자바, 아파치 톰캣, 이클립스 IDE, 인터넷 익스플로러 등을 사용하거나 지원하며, 자바 기반의 리치 웹 애플리케이션(RIA) 개발에 활용된다.^[22] 구글은 블로거, 애드워즈, 플라이트, 월렛, 오퍼스, 그룹스, 인박스 등 자사 제품 중 일부가 GWT 기반으로 개발되었다고 밝혔다.^[23][24]

7. GWT와 모바일 개발

GWT는 웹 앱 제작을 위한 일반적인 프레임워크로서, 필요한 위젯과 애니메이션을 처음부터 만들거나 GWT용 모바일 프레임워크 중 하나를 사용하여 모바일 및 태블릿 앱을 제작하는 데에도 사용할 수 있다. GWT로 작성된 HTML5 앱은 태블릿과 휴대폰에 대한 별도의 보기를 가질 수 있다.

참조

_[1] 웹사이트 GWT Name Use Policy http://www.gwtprojec[...] 2014-04-23
_[2] 웹사이트 Google Web Toolkit License Information http://www.gwtprojec[...] 2007-02-23
_[3] 웹사이트 Google Web Toolkit Release Archive https://code.google.[...] 2007-09-25
_[4] 서적 Ajax on Java O'Reilly
_[5] 웹사이트 Google Relaunches Instantiations Developer Tools http://googlewebtool[...]
_[6] 웹사이트 Google Web Toolkit Blog: GWT and Dart http://googlewebtool[...] Googlewebtoolkit.blogspot.com 2011-11-10
_[7] 웹사이트 Vaadin to Support Google Web Toolkit (GWT) Development https://vaadin.com/p[...] 2014-05-15
_[8] 웹사이트 Google Web Toolkit Blog: GWT News http://googlewebtool[...] 2014-05-15
_[9] 웹사이트 Coding Basics - JavaScript Native Interface (JSNI) - Google Web Toolkit — Google Developers https://developers.g[...] Google Inc. 2012-10-25
_[10] 웹사이트 GWT mission statement https://code.google.[...]
_[11] 웹사이트 Debugging in Development Mode http://www.gwtprojec[...]
_[12] 메일링리스트 Development Mode will not be supported in Firefox 27+ https://groups.googl[...]
_[13] 메일링리스트 GWT Developer Plugin no longer works with Chrome on Linux https://groups.googl[...]
_[14] 웹사이트 Super Dev Mode http://www.gwtprojec[...]
_[15] 웹사이트 GWT4NB http://java.net/proj[...]
_[16] 웹사이트 Cypal Studio for GWT https://code.google.[...]
_[17] 웹사이트 com.google.gwt.dev.Compiler https://github.com/g[...]
_[18] 웹사이트 com.google.gwt.dev.jjs.JavaToJavaScriptCompiler https://github.com/g[...]
_[19] 서적 Google Web Toolkit for Ajax O'Reilly
_[20] 웹사이트 GWT Javadoc Canvas http://www.gwtprojec[...]
_[21] 웹사이트 Widget List https://developers.g[...] Google Inc. 2012-05-21
_[22] 웹사이트 GWT Project http://www.gwtprojec[...] 2014-05-15
_[23] 웹사이트 Google I/O 2012 - The History and Future of Google Web Toolkit https://www.youtube.[...] GoogleDevelopers 2012-07-10
_[24] 웹사이트 Going under the hood of Inbox http://gmailblog.blo[...] 2014-11-22
_[25] 웹사이트 Introducing Google Web Toolkit 2.0, now with Speed Tracer http://googlewebtool[...]
_[26] 웹사이트 GWT 2.0 milestone 1 announcement https://groups.googl[...] Amit Manjhi 2009-10-05
_[27] 웹사이트 The GWT Release Notes http://www.gwtprojec[...] 2017-07-18
_[28] 웹사이트 Google Web Toolkit License Information https://code.google.[...] Google 2007-02-23
_[29] 웹사이트 '[GWT] Terms GWT License GWT Name Use Policy Privacy' http://www.gwtprojec[...] null 2020-11-29
_[30] 웹사이트 Google Web Toolkit Release Archive https://code.google.[...] Google 2007-09-25
_[31] 서적 Ajax on Java O'Reilly 2007
_[32] 서적 Google Web Toolkit for Ajax O'Reilly 2007
_[33] 웹사이트 Widgets Gallery https://code.google.[...] Google 2007-09-25
_[34] 웹인용 Google Web Toolkit License Information http://code.google.c[...] Google 2007-02-23
_[35] 웹인용 Google Web Toolkit Release Archive http://code.google.c[...] Google
_[36] 서적 Ajax on Java O'Reilly
_[37] 웹인용 Widget List https://developers.g[...] Google 2012-05-21