본문 바로가기

.Trend/IT

[요약] Google Web Toolkit Getting Started Guide


## Installing Google Web Toolkit
    1. Java SDK 설치하기
    2. GWT 내려받기
    3. GWT packaget 풀기
    4. GWT 시작 하지 마라.;;
       Installer application이 아님.

## Buillding a Sample Application
    기본 :
    GWT Package 'samples/'디렉토리에 , 모든 샘플 어플리케이션들이 있다.
    각 sample은, Hosted mode에서 실행가능한 script을 지니고 있고,
    이를 JavaScript/HTML로 컴파일 후, Web mode에서 실행시키면 된다.

    1. Running in Hosted mode (예제 : KitchenSink)
       1) Hosted Mode에서, "samples/KitchenSink" 디렉토리 이동 후,
           "KitchenSink-shell.cmd" (script)을 실행시킨다.
       2) 실행 후, "GWT" Browser 가 열릴 것이다.

사용자 삽입 이미지

   
   











           Hosted Mode로 실행시켰기 때문에, 이 Application은 JVM상에서 동작하는 것이다.
           Application을 디버깅 하려면, 이 모드에서 해야 한다.

    2. Running in Web mode
       Web mode에서 이를 실행시키기 위해서는...
       1) "KitchenSink-compile" script을 통해서, Compile ( to JavaScript, HTML)해야 한다.
       
       2) Compile후, Java source code로부터, JavaScript/ HTML 등이 생성된다
          (./www subdirectory에 위치함)

       3) Web Browser에서 "www/com.google.gwt.sample.../KitchenSink.html"을 열면,
          Web 모드에서의 Application을 볼 수 있다.
      
사용자 삽입 이미지
















    3. Make a Few Changes (예제임)
       1) './src' 디렉토리에 소스코드
       2) './src/com/google/gwt/sample/kitchensink/client/info.java' 을 text 편집한다.
       3) Line 26으로 이동 후, 다음을 수정한다.
return new SinkInfo("Info", "Introduction to the Kitchen Sink.") {

return new SinkInfo("Info", "Foo bar") {
이 후, "2"에서처럼 Browser에 실행하게 되면, 다음처럼 나온다
사용자 삽입 이미지

         
   











## Creating an Application from Scratch (without Eclipse)
    GWT는 command line 유틸리티 "applicationCreator"을 통해서, GWT 프로젝트 관련
    파일들을 자동 생성해준다.
$ applicationCreator com.mycompany.client.MyApplication
    위 명령 실행 후, 다음 파일/디렉토리들을 생성한다.
    './src/com/mycompany'
    './src/com/mycompany/client/MyApplication.java'
    'MyApplication-shell' , 'MyApplication-cmd' command
    ... "MyApplication-shell" script을 실행하면 다음의 Application이 실행될 것이다.

사용자 삽입 이미지















       Application을 변경하려면, "mycompany/client/MyApplication.java",
       "mycompany/public/MyApplication.html"을 변경하면 된다.

## Creating an Application from Scratch (with Eclipse)
    'applicationCreator'을 통해서가 아닌, Eclipse project을 생성하고 싶다면
    다음처럼 'projectCreator'을 이용해야 한다.

    1. Shell Eclipse project 생성
projectCreator -eclipse MyProject
    2. Eclipse project 이름 정하고, GWT application만들기
applicationCreator -eclipse MyProject com.mycompany.client.MyApplication

    이 후, '.project' / '.classpath'/ 'MyApplication.launch' file들을 볼 수 있다

    3. In Eclipse
       "File -> Import menu -> Exiting Projects into Workspace" 선택 후,
       위 project 가 있는 디렉토리 이동 후,
       "MyProject" 을 선택한다.

사용자 삽입 이미지