SmartGWT 개발시작 하기

SmartGWT 프로젝트를 시작하기 위해서는 아래 내용처럼 6가지 절차로 진행 합니다.

  1. GWT 프로젝트를 생성

  2. 프로젝트의 속성 중 Resource에서 Text File Encoding을 UTF-8로 설정

  3. xxx.gwt.xml 파일에서 SmartGWT관련 내용 추가

  4. /war/xxx.html파일을 SmartGWT호출방식으로 수정

  5. GWT SDK에 의해 생성된 Sample Source 및  Sample File 삭제

  6. EntryPoint를 상속 받은 클래스에 소스코드 입력  

SmartGWT의 개발을 시작하자.

SmartGWT를 개발하기 위해서는 웹브라우저에서 제일 처음 호출 하는 시작부분 부터 소스코딩을

해야 합니다. GWT기반의 SmartGWT는 전통적으로 GWT의 EntriPoint Class로 선언된 파일에서 시작됩니다.

물론 EntryPoint 클래스는 GWT의 EntryPoint입니다만, SmartGWT역시 GWT 기반의 프레임워크이기 때문에

사용이 가능 하며, SmartGWT에서 제공하는 SmartGWT EntryPoint 클래스가 있습니다만,

이역시 GWT의 EntryPoint 클래스의 Interface로 제공되기 때문에 실제로는 GWT의 EntryPoint Class를

사용하고 있다고 할수 있습니다.

// GWT의 EntryPoint 사용
import com.google.gwt.core.client.EntryPoint;

public class SmartGWTSample implements EntryPoint {
   
   // 시작점
   public void onModuleLoad() {

   }

}

// SmartGWT의 EntryPoint 사용
import com.smartgwt.client.SmartGwtEntryPoint

public class SmartGWTSample implements SmartGwtEntryPoint {

   // 시작점
   public void onModuleLoad() {

   }
}

SmartGWT를 컴파일 한후 웹서버에 적용 후 웹브라우저에서 프로젝트의 xxx.html 파일을 호출 하면

html파일내 javascript를 호출 하게 됩니다. 해당 javascript는 onModuleLoad() 관련 내용을 포함 하고 있기 때문에

실제 onModuleLoad()에서 시작 된다고 할수 있습니다.

EntryPoint 클래스를 상속 받은 클래스는 GWT의 xxx.gwt.xml 파일에 등록해야 합니다.

이는 GWT SDK에서 컴파일을 수행 할때 해당 파일은 EntryPoint를 상속받은 main클래스로 인식 시킵니다.

아래 SmartGWTSample이란 프로젝트를 생성 한후 파일을 비교 했을 때 내용 입니다.

ex) SmartGWTSample.xml 파일

<module rename-to='smartgwtsample'>
   ...,
</module>

module rename-to 태그의 Value정보가 smartgwtsample란 이름으로 소문자로 자동으로 생성되어 있습니다.

GWT SDK의 컴파일을 수행하면 module rename-to 대그의 Value정보로 Javascript 소스파일이 생성됩니다.

생성된 javascript 파일 xxx.nocashe.js란 파일명 형식으로 생성되며 Sample에서는 smartgwtsample.nocache.js 

파일로 생성되었습니다.

ex) smartgwtsample.nocache.js 파일 내용

function smartgwtsample()
{ 
  ....,
}

 .., 

smartgwtsample();

생성된 smartgwtsample.nocache.js 파일은 HTML파일에서 Page Loading시 호출되게 됩니다.

ex) SmartGWTSample.html 파일

<script type="text/javascript" 

        language="javascript" 

        src="smartgwtsample/smartgwtsample.nocache.js">

</script>