7.HTML5 개발 환경 설정

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

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

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

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

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

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

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

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

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

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