UI5 Hello Wold 테스트

Step1. Workspace 에서 시작하기

모든 작업은 Workspace 위에서 시작합니다. Workspace 위에서 프로젝트 생성을 진행합니다.

화면 좌측 </> 클릭  >  workspace 우클릭 >  New   >  Project from Template 실행.

 

Template Selection 화면 : 생성 할 화면을 결정합니다 

카테고리(Category) 를 선택하여 All categories로 지정

전체 사용 가능한 Template들이 보여지며 이 중 SAPUI5 Application 을 선택 합니다.

 

 

Basic Information : Project Name 을 입력합니다.

Project Name에 ZHELLO_WORLD를 입력, Next 버튼을 누릅니다.

 

 

Template Customization : View Name과 Type을 결정합니다.

View Type XML을 지정합니다  이전버전에서 JavaScript View Type을 주로 사용하였으나 현재 UI5버전업이  XML 베이스를 지향하고 

XML View 위에서 Javasciprt View 코딩 및 기타 View 적용이 가능하여  XML View 로 진행하도록 합니다.

View Name 에 HelloWorld를 입력, Finish를 눌러 View생성을 완료 합니다.

 

Step2. Hello World 작성

XML View에 Text Hello Word 를 작성합니다.

1) 경로 :  Workspace > ZHELLO_WORLD > webapp > view > HelloWorld.view.xml 로   이동합니다.

2) <content> 태그 사이에 <Text text=“Hello World” />를  입력합니다.     

Xml은 html과 같이 한쌍의 태그로 이루어저 있습니다

( 내부 태그가 필요 없을시 />처리가능)            

 

 

Step3. Project 실행

Web-IDE 로컬 서버로 실행됩니다.

1) 실행 할 Project 클릭( ZHELLO_WORLD ).

 2) 마우스 우클릭 후 Run > Run as  >  Web Application  

 

 

Hello World를 확인합니다.

 

 

 

프로그래밍 항상 첫  PART는 Hello World띄우기!!!성공