[2] GWT + Maven SmartGWT Showcase Layout

이제 우리의 GWT + Maven 프로젝트에 SmartGWT의 Showcase Layout을 올려보도록 하겠음..

일단 SmartGWT는 UI Component이다. 뭐 예를들자면.. Form, Grid, Chart, Graph, Tab 등 이다..

일단 Download Sites는 https://code.google.com/p/smartgwt/downloads/list

이고 소개페이지는 http://www.smartclient.com/

Example Show Case를 보려면 http://www.smartclient.com/smartgwt/showcase/

여기로 들어가서 보면됨..

뭐 다들 유명한 센차터치에서 만든 ExtJs 라는 UI Component 가 있는데 뭐 비슷하다...

GWT를 처음접할때.. SmartGWT다. ExtGWT다.. GWTExt다.. 뭐 이런 문구들을 속속히 볼수 있는데 모두다 UI Component이다.. 개발사가 다르고 사용법이 다를뿐...

나는 SmartGWT 를 컨택하고 사용중에 있다.

일단 이번 글에서는 위의 Showcase 의 Layout을 Project에 구성해볼까 한다..

일단 이해를 돕기위해 code.google 에 있는 SmartGWT4.0의 Showcase Source를

Eclipse Project로 Convert한 Project 압축 파일을 첨부하겠음.

한번 이클립스에서 Import해서 돌려보고 패키지라던지 구조에 대해서 둘러보는것이 도움이 될것이다.

아 젠장.. 10M 이상 올라가질 않는구나~~  Windows에서 다시 작업해서 첨부파겠음.ㅠㅠ

일단 이전글을 참고하여 Showcase 라는 모듈을 만들어야 한다.

Package Name : com.smartgwt.sample.showcase

Module Name : Showcase

EntryPoint Name : Showcase

HTML File Name : Showcase.html

위와같이 만들어준다..

그런다음 필요한 jar 파일들을 추가해줘야함.. (왜냐면 SmartGWT 외부 Component를 가져다 쓰는거니까~)

위 2개의 파일을 WEB-INF/lib 폴더에 넣어줘야 한다.

위 두개의 파일은 code.google 에서 다운받은 압축파일 안에 들어 있다.

2개파일 넣어주고 JavaBuild에 제대로 등록되어있는지 확인해주자

항상 느끼는것이지만 Eclipse 는 완벽하지 않다.. 가끔.. 설정 부분에서 빼먹는 경우가 간간히 발생한다..

항상 새로운 무엇인가를 추가하면 확인해주는 습관이 길러야 나중에 문제가 있을때 원초적인 에러 없이 디버깅을 할수 있을것이다.

일단 Showcase 소스를 보면 어마어마 하다...

실제로 Layout을 구성하고 Basic Code 부분과 2개의 Example을 남겨두고 정리를 해봤다..

정리하는 방법까진 쓰진 않겠음 ;; 너무 노가다..

대략 정리하는데 4시간은 걸린듯......

한번 해보고픈 사람들은 직접 해보시길;;;;;;

젠장 이것도 10Mb가 넘어가버리네...

일단 정리할것 다 정리했고~~ 실행함해보자..

이제 실행해보면 위와같은 화면을 볼수있따!!!!

http://127.0.0.1:8888/HelloGWT.html?gwt.codesvr=127.0.0.1:9997

여길로 접속하면

HelloGWT 모듈이 동작하면서 

이런 화면이 동작하고

Showcase는 

http://127.0.0.1:8888/Showcase.html?gwt.codesvr=127.0.0.1:9997#main

여길로 접속하면된다..

이제 모든 화면구성이 되었으니.. 처음 글부터 여기까지 따라했으면 어느정도 GWT에 대한 개념이 생겼을것이다..

이제 Showcase를 보고 필요한 Code를 불러와서 Service를 만들어 DB와 통신하고 해가면서

여러가지 기능을 만들면 된다..