그냥 쓰기(Just whatever)

  SAP UI5 View & Controller Structuring (구조화)  이 단계에서는 작업 단위의 뷰와 컨트롤러를 모듈화하고 효율적으로 관리할 수 있도록 화면을 재구성한다.  (In this step, the screen is reconstructed so that the View and Controller of the work unit can be modularized and managed efficiently.) 실행 결과 (Results of this step)   이전 단계의 결과와 동일한 UI와 동작을 보여준다. 단, View와 Controller의 구조화를 적용한다.  (It shows the same UI and operation as the result of the previous step. However, the structure of View and Controller is applied.)   실행 순서 (Order of execution of this step): 업무 영역의 화면(View)를 분리하여 신규 생성 및 기존 App.view.xml의 내용을 신규 View로 이동한다. (Separate the screen (View) in the business area to move the contents of the new creation and existing App.view.xml to the new View.) 신규 생성한 View와 한 쌍이 되는 Controller 신규 생성 및 App.controller.js의 내용을 신규 Controller로 이동한다. (Move the contents of the new Controller and App.controller.js, paired with the newly created View, to the new Controller.) App.view.xml에 신규 생성한 View를 Import 한다. (Import a ne...

  SAP UI5 Multilingual Application (다국어 적용)  이번 단계에서는 ResourceModel을 활용하여 Application에 다국어를 적용하는 방법에 대해서 살펴본다.  (In this step, we will look at how to apply multilingualism to applications using ResourceModel.) 실행결과(Results of this step)   브라우저의 언어가 한국어인 경우를 가정하여 i18n 파일을 활용하여 한국어가 적용된 application을 만든다.   (Assuming that the browser's language is Korean, use the i18n file to create an application to which Korean is applied.)      실행 순서(Order of execution of this step): i18n_ko.properties 파일 생성하여 한국어 등록한다. (Create the "i18n_ko.properties" file and register in Korean.) manifest.json 파일에 한국어 정보를 추가한다. (Add Korean information to the "manifest.json" file.) 1. i18n_ko.properties 파일 생성하여 한국어 등록한다.    (Create the "i18n_ko.properties" file and register in Korean.) webapp/i18n/i18n_ko.properties 파일을 신규 생성한 후 한국어 번역 정보를 추가한다. (Add Korean translation information after creating a new "webapp/i18n/i18n_ko.properties" file.) 한국어 외에 다른 언어를 추가할 때에는 로케일 접미사...

SAP UI5 Component.js Configuration  이번 단계에서는 Component.js를 활용하여 application 전체에 공통으로 사용 가능한 Model, Function 등을 관리하여 Application의 동작을 더욱 유연하게 할 수 있다. 추가적으로 이 단계에서 모든 UI 자산을 index.html 파일과 독립적인 구성 요소로 캡슐화 한다. 이 아키텍처 변경을 통해 Application은 정적 인덱스.html 페이지보다 더 유연한 환경에서 사용할 수 있다.  (In this step, you can use Component.js to manage models and functions that can be used in common throughout the application to make the application more flexible. Additionally, at this step, all UI assets are encapsulated into independent components of the index.html file. This architectural change allows the application to be used in a more flexible environment than a static index.html page.) 실행결과(Results of this step)  이전 단계의 결과와 동일한 UI와 동작을 보여준다. 단, 이번 단계는 Application 내부적인 동작을 좀 더 유연하게 관리하기 위한 단계이다. (It shows the same UI and operation as the result of the previous step. However, this step is to manage the internal operation of the application more flexibly.) 실행 순서(Order of execution of this step): C...