[ SAPUI5 ] Hello World

○ VSCode에서의 'yo' 실행 오류

    - yo를 입력해 yeoman을 실행하고자 하였으나 아래와 같은 오류 출력

    - powershell 관리자 권한으로 실행

      1) 'get-ExecutionPolicy' 입력 및 Restricted 확인

        * Restricted : default 값, 스크립트 실행 불가

        * AllSigned : 신뢰할 수 있스크립트 파일만 실행 가능

        * RemoteSigned : 로컬에서 본인생성한 스크립트 및 신뢰할 수 있는 스크립트 실행 가능

        * Unrestricted : 모든 스크립트 실행 가능

        * ByPass : 경고/차단없 모든 것 실행 가능

        * Undefined : 권한 설정 X

      2) 'Set-ExecutionPolicy RemoteSigned' 입력 및 'Y' 선택

 

 

  - 실행 여부 확인 및 @sap/fiori 선택

 

---

○ 프로젝트 생성

    - 아래와 같이 기본 설정 세팅

 

 

    - 프로젝트 생성 확인 및 'cd hello-quick-start'

 

 

○ Application 실행

    - hello-quick-start 우클릭 및 Preview Application 클릭

 

 

    - start fiori run -- open 클릭

 

 

    - 로컬 서버를 통해 hello-quick-start 호출 확인 

 

 

○ Hello world! 텍스트 출력하기

[ sapganeung.view. xml ]

<mvc:View controllerName="helloquickstart.controller.sapganeung"
    xmlns:mvc="sap.ui.core.mvc" 
    displayBlock="true"
    xmlns="sap.m">

    <Shell id="shell">
        <App id="app"> 
            <pages>
                <Page id="page" title="{i18n>title}">
                    <content>
                        <Text text="Hello world!"></Text>
                    </content>
                </Page>
            </pages>
        </App>
    </Shell>
</mvc:View>

 

○ MessageToast - Hello world! Message 출력 

[ sapganeung.view. xml ]

<mvc:View controllerName="helloquickstart.controller.sapganeung"
    xmlns:mvc="sap.ui.core.mvc" 
    displayBlock="true"
    xmlns="sap.m">

    <Shell id="shell">
        <App id="app"> 
            <pages>
                <Page id="page" title="{i18n>title}">
                    <content>
                        <HBox>
                            <Button text="Hello world!"
                            press="onPress"></Button>
                        </HBox>
                    </content>
                </Page>
            </pages>
        </App>
    </Shell>
</mvc:View>

 

[ sapganeung.controller.js ]

sap.ui.define([
    "sap/ui/core/mvc/Controller"
],
    /**
     * @param {typeof sap.ui.core.mvc.Controller} Controller
     */
    function (Controller) {
        "use strict";

        return Controller.extend("helloquickstart.controller.sapganeung", {
            onInit: function () {
                console.llog("onInit");
            },
            onPress: () => {
                console.log("onPress");
            }
        });
    });