[GWT] 1. sample 프로젝트 만들기.

 

* 이클립스를 사용했습니다. GWT관련 파일은 미리 다운 받아 설치한 상태입니다.

 

 

1. Project Exploer 오른쪽 버튼 -> new -> other -> webApplication Project 클릭

 

 

 

 

2. Project Name 입력 -> Package 이름 입력 -> 체크박스 해제 Use Google AppEngine -> Finish

 

 

 

 

3. 방금 만든 프로젝크 오른쪽 버튼 클릭 -> Debug As -> Wep Application 버튼 클릭

 

 

 

4. 오른쪽 하단의 Development Mode에 아래와 같은 URL이 생기면 더블클릭

 

 

5. 텍스트 박스에 글자 입력 후 send 버튼 클릭하면 popup 창이 뜹니다.

그럼 sample 예제 실행 끝!

 

 

 

간단히 프로젝트 설명하겠습니다.

일단 프로젝트를 생성하면 아래와 같이 자동 생성됩니다.

 

 

 

지금 보면 생성한 패키지 뒤에 client , server  그리고 shared라고 써있습니다.

각각 의미하는건 client에서 쓰는 부분, Server에서 쓰는 부분 shared 공유하는 부분이라는 뜻입니다.

사용자가 패키지를 추가할때 저 키워드(client, server, shared)도 같이 추가해주시면 gwt가 이거는 클라,서버, 공유하는 부분이구나 하고 인식하게 됍니다.

 

그리고 이 프로젝트의 시작점은 GwtEx01.java 클래스입니다. 그래서 안에 보면 implements EntryPoint라고 써있을꺼에요.

 

웹 화면에 보이는 버튼, 텍스트박스, popup dialog박스 ui까지 GwtEx01.java안에 들어있습니다.

EntryPoint클래스안에는 RootPanel이 있습니다. 이 RootPanel은 이름 그대로의 뜻이며, 모든 UI가 최종적으로는 여기에 add 되어 화면에 표시 됍니다.