[컴][웹] IntelliJ 에서 GWT project 생성하기

gwt google web toolkit / intellij 에서 gwt



IntelliJ 에서 Google Web Toolkit 을 사용해보자.

Plugin 설치

기본적으로 설치가 되어 있는 듯 하다. Project 생성후에 Google Web Toolkit 이 보이는 지 확인해 보자.

GWT 를 사용할 수 있도록 Plugin 을 설치해야 한다. 아래 link 를 참고하자.

• http://docs.sencha.com/gxt-guides/3/basics/install_gwt_plugin/gwt_plugin_install_idea/Gwt_Plugin_Install_Idea.html
• Settings > Plugins > GWT 관련 plugin 설치

Project 생성

New Project > Java 선택 > Project 이름 작성 > Next

Google Web Toolkit 선택 > GWT SDK path 지정 > Create sample application 선택 > Finish

참고로, eclipse plugin 으로 GWT 를 설치한 경우에 path 는 eclipse 안에 있을 것이다.

• <eclipse_path>\plugins\com.google.gwt.eclipse.sdkbundle_2.5.1\gwt-2.5.1

UiBinder 만들기

ref. 2 를 참고하면 된다.

Project View 에서 오른쪽 클릭 > New > Google Web Toolkit > GWT UiBinder and ui.xml file

실행하기

Run > Debug (Shift + F9) 

을 이용해서 실행해 볼 수 있다.

혹시 404 error 를 보게 된다면, ref.3 에서 얘기하는 것처럼 Target Web Facet 을 설정 해 보자.

Project Structure > Facets > GWT > Target Web Facet > Web 으로 설정

Compiled output

gwt compile 을 하고 나서 output 이 생성되게 하려면 Project Structure > Artifacts 를 만들어야 한다.[ref. 4] 아래처럼 Facets 에 가면 자동으로 create Artifacts 버튼이 보인다. GWT 와 Web 에서 각각 눌러주자. 그러면 Artifacts 가 만들어진다.

See Also

1. http://kiahu.com/tutorial/working-with-gwt-maven-and-intellij-idea/

Reference

1. http://www.jetbrains.com/idea/webhelp/enabling-gwt-support.html
2. http://www.jetbrains.com/idea/webhelp/creating-a-gwt-uibinder.html
3. http://devnet.jetbrains.com/thread/285987
4. http://devnet.jetbrains.com/thread/442050