티스토리 뷰

SAPUI5

Step 1: Hello World!

선즈반 2018. 12. 5. 10:20

Step 설명

당신이 알고 있는 SAPUI5는 HTML5  그 자체입니다. 순수 HTML로 된 첫번째 "Hello World"를 만들어 봅시다.


Preview

브라우저는 "Hello World" 텍스트를 보여줍니다.

webapp/index.html (New)

<!DOCTYPE html >
<html>
   <head>
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta charset="utf-8">
      <title>Walkthrough</title>
   </head>
   <body>
      <p>Hello World</p>
   </body>
</html>

이 튜토리얼을 통해 만들 모든 app 소스들을 포함할 새로운 'webapp' 폴더를 생성합니다. 따라서 이 폴더를 "app folder"라고 부릅니다.

app 폴더에 새로운 시작 HTML 파일인 index.html 을 생성합니다. HTML 문서는 기본적으로 두 부분으로 구성됩니다(head와 body) head 부분은 해당 document를 처리하기 위해 브라우저가 사용합니다. 메타 태그를 사용해 브라우저의 동작에 영향을 줄 수 있습니다.

위의 경우 Microsoft Internet Explorer에 최신 렌더링 엔진(edge)을 사용하도록 지시하고 document 문자 집합(charset)은 UTF-8로 설정합니다. 브라우저에 표시되는 app 타이틀을 입력합니다(Walkthrough). 하드 코딩된 타이틀은 app에 의해 무시될 수 있다는 점에 유의하십시오. 예를 들어 사용자 언어로 제목을 표시할 경우 등

body 부분은 페이지의 레이아웃을 나타냅니다. 위의 경우 p 태그를 사용해 간단한게 "Hello World"를 보여줍니다.



Conventions

- app의 root HTML 파일을 index.html이라고 이름을 주고 webapp 폴더에 위치시킵니다.



딱히 UI5라고 할게 없네요. 역시 처음은 쉽게쉽게.


저작자표시 비영리

'SAPUI5' 카테고리의 다른 글

Step 3: Controls  (0) 2018.12.05
Step 2: Bootstrap  (0) 2018.12.05
데이터 바인딩 할 때 할 수 잇는 오류  (0) 2014.12.31
sap.ui.base.EventProvider  (0) 2014.11.28
sap.ui.base.Object  (0) 2014.11.28
댓글