그냥 SAP UI5 해보자

요즘 SAP UI5를 열심히 공부하고 있다. 목표는 실무 적용이 가능한 수준의 사이트를 만드는 것이다. 

일단 아래 순서로 진행해보려고 한다. 


  • SAP 개발 환경 만들기
  • SAP UI5에서 제공하는 Walkthrough 따라하기
  • 만들어볼 사이트 디자인 & 설계하기
  • SAP UI5 각 Component 하나하나 실험해보기
  • 실제 샘플 사이트 만들기


하나하나 진행하면서 글로 남기려고 한다.

성공해보자.


I'm studying SAP UI5 hard these days. The goal is to create a site with a level of practical application.

First of all, I'm going to proceed in the order below.

  • Create SAP Development Environment
  • Follow the walkthrough provided by SAP UI5
  • Design and Design a Site to Create
  • SAP UI5 Experiment with each Component
  • Create a physical sample site

I'm going to write one by one.

Let's make it.

댓글

댓글 쓰기

이 블로그의 인기 게시물

SAP UI5 개발환경 구성하기(Creating a Development Environment)

이미지
  SAP UI5 개발 환경 설치해보자. 설치 필요 항목( List of required installations ) Node.Js - javascript runtime & npm 사용을 위함 VS Code(Visual Studio Code) Install -  소스 코드 편집기 VS Code Extensions install UI5 CLI(Command Line Interface) - CMD 명령어를 통해서 UI5를 활용 가능 SAP Fiori Tools Extension Pack - 기본 제공되는 Fiori 구성 요소 활용 가능  Node.Js Install Node.Js 사이트에서 설치 파일 다운로드 및 설치 수행하자. ( Download and install the installation file from the Node.Js site.)   Node.Js URL:  https://nodejs.org 다운로드 받은 파일을 실행해서 기본 값 변경 없이 그냥 설치하면 된다. ( You just need to run the downloaded file and install it without changing the default value.)  VS Code(Visual Studio Code) Install Visual Studio Code 사이트에서 설치 파일 다운로드 및 설치 수행하자. ( Download and install the installation file from the VS Code site.)   Visual Studio Code URL:   https://code.visualstudio.com 다운로드 받은 파일을 실행해서 기본 값 변경 없이 그냥 설치하면 된다. ( You just need to run the downloaded file and install it without changing the default value.)    ...
자세한 내용 보기

9. SAP UI5 Custom CSS 적용(Apply)

이미지
SAP UI5 Custom CSS 적용 (Apply) 이 단계에서는 SAP UI5에서 제공하는 Margin 관련 CSS 적용 방법과 사용자가 직접 구성한 Custom CSS를 적용하는 방법을 알아본다. (In this step, we will find out how to apply the Margin-related CSS provided by SAP UI5 and how to apply the custom CSS configured by the user.) 실행 결과 (Results of this step)   UI5의 Text Component를 사용하여 UI5 표준 Margin 및 글씨체와 Bold를 적용한다.   (Apply UI5 standard Margin and font & Bold using the Text Component in UI5.) 실행 순서 (Order of execution of this step): UI5 Standard Margin CSS 적용하기 (Apply UI5 standard Margin.) Custom CSS 적용하기 (Apply the Custom CSS.) 1. UI5 Standard Margin CSS 적용하기    (Apply UI5 standard Margin.) webapp/view/sample/Pageviewsample.view.xml에 Text 컴포넌트 추가 및 CSS 내용 추가한다. (Add text components and CSS content to "webapp/view/samples/pageviewsample.view.xml".) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 < mvc:View      controllerName = "ui5_tutorial.controller.sample.PageViewSample"        x...
자세한 내용 보기

7. SAP UI5 Multilingual Application (다국어 적용)

이미지
  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.) 한국어 외에 다른 언어를 추가할 때에는 로케일 접미사...
자세한 내용 보기