HTML5 개발 환경 설정

라이선스를 등록하고 UX-Studio를 재시작하면 HTML5개발 환경을 이용할 수 있습니다.

1. UX-Studio를 실행하여 상단 메뉴에서 Tools > Options… 를 선택합니다.

또는, 툴바에서 “Options” 버튼을 클릭해도 됩니다.

2. 다음과 같은 팝업이 뜨면 HTML5 항목을 선택 하십시오.

3. CompiledPath 입력창에 컴파일 될 결과물이 저장될 경로를 설정합니다. 예를 들어, 프로젝트명이 “demo”라 하고 아래 그림과 같이 “C:\apache-tomcat-5.5.28\webapps\xplatform9-ajax\projects”라고 입력하면 컴파일 된 결과물이 저장되는 경로는 “C:\apache-tomcat-5.5.28\webapps\xplatform9-ajax\projects\demo”가 됩니다.

4. 입력 후 OK버튼을 클릭하여 창을 닫습니다.

5. 이번에는 상단 메뉴의 “View > Toolbars > HTML5” 항목을 선택합니다.

6. HTML5 항목을 체크하면 다음 그림과 같이 HTML5 컴파일 툴바가 출력됩니다.

7. HTML5 컴파일 툴바 내의 영역은 각각 다음을 의미합니다.

• 화면을 출력할 브라우저를 선택하는 콤보입니다.

순서대로 다음과 같은 기능입니다.

• Application Compile : 프로젝트 전체를 컴파일 합니다.

• Service Compile : Project Explorer에서 선택한 Service를 컴파일 합니다

• File Compile : 현재 편집 중인 Form Design파일만 컴파일 합니다

• Stop Compile : 컴파일을 중지합니다

• Launch Project(HTML5) : 프로젝트를 선택된 Web Browser로 실행합니다.

• QuickView(HTML5) : 현재 편집 중인 Form을 선택된 Web Browser로 실행합니다

• QuickView Debug(HTML5) : 현재 편집 중인 Form을 선택된 Web Browser로 Debugging모드로 실행합니다