[GWT] 개발 환경설정

gwt는 이클립스에 설정해서 쓰면 됩니다.

1.이클립스

1-1.JDK 다운로드

이클립스를 사용하기전에는 JDK를 꼭설치 하셔야 합니다.

Oracle - JDK Download(클릭)

'Accept License Agreement'를 선택해주셔야 다운로드가 가능합니다.

1-2.이클립스 설치

현재(2012년 4월 15일) 이클립스는 3.7.2가 최신 버전입니다.
우리는 언제나 EE버전을 설치합니다.
EE!!!!

Eclipse Classic 3.7.2 다운로드 페이지(클릭)

2.구글 웹 툴킷(Google Web Toolkit) 다운로드

직접받아서 세팅을 해도되지만 이클립스에서 다운로드가 가능하니 이클립스로 들어가 플러그인을 설치하겠습니다.

이클립스를 실행하고
Help > Install New Software
를 누릅니다.

Add를 누르고 gwt다운로드 페이지에 있는 주소를 넣습니다.
전 친절하니까 주소를 드리도록 하지요 ㅋㅋㅋ
이클립스 gwt sdk : http://dl.google.com/eclipse/plugin/3.7

여러개가 뜨는데 우리는 쿨하게 다 설치해 줍시다.
하지만 안드로이드관련 에러가 날수 있습니다 ㅡ.-;
그럴때는 'Google App Engine Tools for Android (requires ADT)'는 빼고 설치해 줍니다.

라이센스 동의가 나오면 '동의'해주시고 피시쉬!!!해주시면 됩니다.

1-3.웹 툴 플랫폼(Web Tools Platform) 설치하기

GWT는 ASP.net처럼 웹서버에서 돌아가기 때문에 웹서버가 필요한데....
웹툴을 설치하면 해결 됩니다.

Web Tools Platform downloads(클릭)

잘읽어보면.......
선행으로 설치해야 할것들이 많습니다;;

하.....
네. 하나하나 설치해 봅시다.

각 파일을 다운로드받아 이클립스에 플러그인 폴더에 넣어줍니다.
순서대로 다운받으면서 플러그인 폴더에 덮어씌워주면 됩니다.
왼쪽링크만 받으시면 됩니다.
맨마지막에 WTP까지 설치하신후 이클립스립스를 시작해줍니다.

3.프로젝트 생성

이제 플러그인을 다 설치 했습니다 ㅋ
프로젝트를 생성하여 정상적으로 세팅이 됬는지 확인해 봅시다.

3-1.웹프로젝트 생성

이제 File > Other...
을 선택합니다.

Web > Dynamic Web Project
를 선택 해 줍니다.

적당한 프로젝트 이름을 넣고 완료(Finish)를 누릅니다.

톰켓관련해서 넥스트가 눌리지 않는다면 오른쪽에 있는 인스톨 버튼을 눌러 라이브러리를 설치해주시면 됩니다.

이제 WebContent에서 오른쪽 클릭을 하고 html 파일을 추가해 줍니다.
이름은 'index.html'로 만든후 내용은 아무거나 넣습니다.

이제 시작을 눌러 정상적으로 html페이지가 표시되는지확인해 봅니다.

3-2.GWT 프로젝트 생성

위에서 톰켓설정이 된이후 'File'메뉴에 보면 다음과 같이 'Web Application Project'가 생긴것을 확인 할수 있습니다.
(근데 이게 톰켓설정후에 나타나긴 했는데 톰켓설정때문에 나타난건지는 잘 모르겠네요 ㅡ.-;)

File < New < Web Application Project
를 선택하여 프로젝트를 생성합니다.

프로젝트 이름을 'HelloGWT'로 하고 페키지를 'com.HelloGWT'로 한다음 완료를 합니다.
'Use Google App Engine'옵션 꼭 꺼주세요.(서버응답을 못받더군요 ㅡ,.ㅡ;)

그럼 프로젝트가 새로 생성됩니다.

이제 프로젝트에서 오른쪼클릭을 하고
Run As > Web Application
을 선택해 줍니다.

오른쪽 창이 생기면서 페이지가 올라온것이 보이네요.
더블클릭 해봅시다.

웹브라우저가 실행됩니다.

만약 아래와 같은 창이 뜨면 플러그인을 설치해줍니다.

플러그인을 설치하면 정상적으로 출력됩니다.

만약 에러가 난다면 프로젝트를 생성할때 'Use Google App Engine'옵션을 안꺼서 그렇습니다.

힘드네요 힘들어 ㅎㅎㅎ
하도 복잡해서 세팅다된걸 첨부하려고 했는데.....1G가 넘는군요 ㅡ,.ㅡ;;
다음에 기회되면 올리도록 하죠 ㅎㅎㅎ