본문 바로가기

Development/WebApp

[Vaadin] Eclipse에 Vaadin Plugin 설치하기

728x90
Vaadin 기반의 UI를 개발하기 위해서는 먼저 Eclipse에 Vaadin Plugin을 설치해야 한다.

Eclipse Plugin을 설치해본 사람이라면 아주 아주 간단하게 Vaadin Plugin을 설치할 수 있다.

이제 Eclipse를 실행한다. 본 포스트에서 사용할 Eclipse의 버전은 Eclipse IDE for Java EE Developers Indigo SR1이다.


그리고 메뉴 -> Help -> Install New Software 를 실행하자.


Install 창이 띄어지면 Work with 부분에 캡쳐한 화면과 같이 http://vaadin.com/eclipse를 입력하고 Enter키를 누른다.

그리고 수초 내에 설치할 목록이 나오는데 화면과 같이 Vaadin만 체크하면 된다. 여기까지 했다면 Next 버튼을 클릭하고 다음으로 넘어간다.


체크한 목록이 맞는지 확인하고 Next 버튼을 클릭한다.


License를 읽어보고 Finish를 클릭하면 이제 설치가 시작된다. 인터넷 환경에 따라서 설치 시간이 결정되지만 대체적으로 금방 끝나니 조금만 기다리면 된다.


설치 중..


설치가 완료되면 Eclipse를 재시작해야 한다. 웬만하면 이 때 재시작하는 것이 좋으니 Restart Now를 클릭하여 재시작을 한다.

재시작이 끝나고 Vaadin Plugin이 제대로 설치가 되었는지를 확인해야 하는데, 그 방법으로 제일 좋은 건 역시 Project를 생성해보는 것이다.

단축키( Control + N )을 누르거나 Navigator에서 마우스 Right-Click -> New -> Order -> Vaadin Project를 선택하고 Vaadin Project를 생성한다.
[ 아참. Vaadin에는 Tomcat이 필수적이다. Eclipse에 Tomcat이 설정되어 있지 않다면 Vaadin Project 생성 전에 Tomcat을 Server View에 등록하자. ]


Project 명은 간단하게 TestVaadin으로 하였고, Configuration에 보면 Vaadin Java6, Servlet 3.0으로 하였는데 버전이 낮은 걸로 해도 상관은 없다. 설정이 다 되었다면 Next 버튼을 클릭한다.


Next 버튼을 두 번 정도 클릭하면 위와 같은 화면이 나오는데 Vaadin Version에 보면 콤보박스가 아무것도 선택되어 있지 않다.
Vaadin Library를 받아야 하는 것인데 Download 버튼을 클릭하면 버전별로 다운로드 받을 수 있다.


이 포스트를 작성할 때에는 6.7.2가 최신이다. Vaadin은 버전업이 빠른 편이어서 금방 6.7.2는 구버전이 될 것 같다. 아무튼 필요한 버전 또는 최신 버전을 선택하고 OK 버튼을 클릭한다.

Vaadin Library를 다 받았다면 Finish를 눌러 Vaadin Project를 생성하자. 생성이 완료되었다면 이제 테스트를 해보자.

테스트를 하기 위해서는 먼저 Tomcat에 Application을 등록해야 한다. 등록방법은 Server View에서 추가했던 Tomcat을 마우스 Right-Click하고 Add and Remove를 클릭해서 등록할 수 있다. 모르겠다면 Eclipse에 Tomcat을 등록하는 방법이 담겨 있는 다른 포스트를 참고하도록 하자.

등록했다면 Tomcat을 실행하고 브라우져를 켜서 테스트 해보자. 접속주소는 프로젝트명을 TestVaadin으로 했다면 다음과 같을 것이다.

https://localhost:8080/TestVaadin


위와 같은 화면이 나온다면 Vaadin Plugin의 설치는 완벽하게 끝난 것이다. 이제 앞으로 Vaadin으로 노가다 하는 일만 남았다~! 이제 시작~!






반응형