UI5 Walkthrough #2
Walkthrough #2
2단계: 부트스트랩
SAPUI5로 작업을 수행하려면 로드하고 초기화해야 합니다. SAPUI5를 로드하고 초기화하는 이 프로세스를 부트트래핑이라고 합니다. 이 부트 스트랩이 완료되면 alreat 를 표시하기만 하면 됩니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>SAPUI5 Walkthrough</title>
<script
id="sap-ui-bootstrap"
src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js"
data-sap-ui-theme="sap_belize"
data-sap-ui-libs="sap.m"
data-sap-ui-compatVersion="edge"
data-sap-ui-async="true"
data-sap-ui-onInit="module:sap/ui/demo/walkthrough/index"
data-sap-ui-resourceroots='{
"sap.ui.demo.walkthrough": "./"
}'>
</script>
</head>
<body>
<div>Hello World</div>
</body>
</html>이 단계에서는 로컬 웹 서버에서 SAPUI5 프레임워크를 로드하고 다음 구성 옵션으로 코어 모듈을 초기화합니다.
태그의 속성은 SAPUI5 코어 라이브러리를 찾을 위치를 브라우저에 알려주며 SAPUI5 런타임을 초기화하고 특성에 지정된 라이브러리와 같은 추가 리소스를 로드합니다.src data-sap-ui-libs
SAPUI5 컨트롤은 다양한 테마를 지원하며 기본 테마로 선택합니다.sap_belize
이 자습서에 필요한 UI 컨트롤이 포함된 필수 UI 라이브러리를 지정합니다.sap.m
SAPUI5의 최신 기능을 사용하려면 호환성 버전을 로 정의합니다.edge
비동기적으로 실행되도록 "부트트래핑"의 프로세스를 구성합니다.
즉, 성능상의 이유로 SAPUI5 리소스를 백그라운드에서 동시에 로드할 수 있습니다.
처음에는 선언적인 방식으로 로드할 모듈을 정의합니다. 이를 통해 HTML 파일에서 직접 실행 가능한 JavaScript 코드를 사용하지 않습니다.
이렇게 하면 앱의 보안이 더욱 안전해집니다.
이 단계에서 이 참조스크립트를 만듭니다.
SAPUI5 코어에 네임스페이스의 리소스가 와 동일한 폴더에 있음을 알려줍니다.
webapp/index.js
sap.ui.define([
], function () {
"use strict";
alert("UI5 is ready");
});응용 프로그램 논리가 포함된 새 스크립트를 만듭니다. 보안상의 이유로 HTML 파일에 직접 실행 가능한 코드가 없는 것을 방지하기 위해 이 작업을 수행합니다. 이 스크립트는 . 우리는 선언적 방식으로 모듈로 정의했습니다.
Author And Source
이 문제에 관하여(UI5 Walkthrough #2), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@racetam_noey/UI5-Walkthrough-2저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
