*Visual Studio Code로 코딩 시, 함수 정의 하는 2가지 방법
(1) sap.ui.define([ ], function{
"use strict"
});
(2) sap.ui.define([ ], ( ) => {
"use strict"
});
*SDK사이트 java scropt 워크스루 2단계(부트스트래핑) 中 세팅 코드들 의미 해석
data-sap-ui-theme="sap_horizon" // 화면을 구성하는 박스들을 가로로 쭉 나열하겠다. (vertical X)
data-sap-ui-libs="sap.m" // 무조건 쓰는 라이브러리로서, 일단 초기설정
data-sap-ui-compat-version="edge" // 호환성과 관련된 내용(compat이 호환이라는 뜻)
data-sap-ui-async="true" // 비동기 ("내가 필요할 때만 작동하게 할게")
data-sap-ui-on-init="module:ui5/walkthrough/index" // 최초 실행하는 파일(index.html에서부터 시작하겠다)
data-sap-ui-resource-roots='{
"ui5.walkthrough": "./" //root경로를 "./"로 지정.
}'>
*세팅 관련 코드 해석
sap.app : 배포 시 대표하는 정보
sap.ui : 앱 구동 시 UI 관련 정보
sap.ui5 : 가장 많이 보게 될 설정 정보로써 rootview, dependenct, model 정보
*namespace
-기능 및 모듈을 논리적으로 그룹화하는 데 사용됨.
-코드 조직과 충돌 방지를 위해 계층구조를 형성함. (ex : sap.ui.core)
*class
-클래스는 객체의 설계도 또는 틀이다. 객체의 상태(속성)와 행동(메소드)을 정의한다.
-객체 지향 프로그래밍에서 특정 기능을 수행하는 객체를 정의함.
-속성, 메서드, 이벤트를 포함할 수 있음. (ex : spa.m.Button)
*인터페이스
-메소드의 시그니처(파라미터)만을 정의하는 타입이다. 구현이 전혀 없거나 생성자 메소드 및 정적 메소드를 포함할 수 있다.
*semantic
-HTML에서 시맨틱 요소는 요소의 의미를 명확하게 전달하여 코드의 가독성을 높이고, 검색 엔진 및 기타 사용자 기계가 웹 페이지의 구조와 내용을 더 잘 이해할 수 있게 도와줍니다. 시맨틱 요소는 웹 페이지의 다양한 부분을 명확히 설명합니다.
*구동 순서 (1~5번 : 세팅 및 구축 / 6번 : 레이아웃 배치 관련 / 7번 : 버튼과 같은 기능이나 함수 관련)
(1) index.html 시작
(2) <script>의 bootstrapping
(3) componentSupport로 <div> 기준으로 컴포넌트 컨테이너 생성
(4) Component.js
(5) manifest.json
(6) view
(7) controller
*
제이슨모델과 i18n 모델은 '데이터'라고 생각하면 된다. 근데 이 데이터들을 그냥 바로 화면으로 볼 수 있는 게 아니라, 객체 호출 등 여러가지 과정을 거쳐야 view를 통해 웹페이지 화면으로 볼 수 있는 것이다.