본문 바로가기

UI510

[UI5] 모델 바인딩(Binding)에 관하여 ui5 나 fiori 를 사용하다보면 바인딩이라는 개념을 알게 된다 바인딩(binding)을 사용하여 model 의 데이터를 component 에 뿌리거나 component 에서 입력받은 데이터를 model 에 바로 넣거나 한다. 바인딩(binding)을 하는 방법은 Input Component 를 예로 들어보면 xml 의 경우 javascript 의 경우 new sap.m.Input({ value: "{I18N>/ACCOUNT}" description: "PC" width: "100px" fieldWidth: "60%" }); value 에 입력한 방식이 binding 을 사용한 것이다. '>' 이 표시 앞에 I18N 이 선언되어있는 model, '/' 이 표시 다음 ACCOUNT 가 Component.. 2022. 5. 20.
[CDS] UI5 에서 사용하는 CDS 공부 사이트 UI5 에서 사용하기 위한 odata 를 만들기위한 cds를 설명해준 사이트 https://cap.cloud.sap/docs/ capire - home cap.cloud.sap CAP 은 SAP 클라우드 애플리케이션 프로그래밍 모델로서 엔터프라이즈급 서비스 및 애플리케이션을 구축하기 위한 언어, 라이브러리 및 도구의 Framework. 주로 Core Data Service(CDS) 라는 것을 제공하고 있으며 node.js 나 java 를 사용하여 서비스를 구현하고 각종 이벤트 및 프로세스를 처리할 수 있다 CDS 는 CRUD 를 처리할 수 있으며 Composition 과 Assocition 을 사용하여 별도의 트랜잭션없이 하위 데이터까지 생성할 수도 있다. 또한 restrict, readonly 등으로 .. 2022. 5. 20.
[SAP UI5] oData Service 사용 방법 - Part. 2 (Entity 생성) 앞서 서비스와 구조를 생성하는 방법을 정리하였다. https://mohading.tistory.com/26 [SAP UI5] oData Service 사용 방법 - Part. 1 (서비스 및 구조 생성) SAP UI5 와 데이터를 주고 받을 때 사용하는 방법은 여러 가지가 있다. 그 중에 내가 주로 사용하는 방법은 Gateway 를 통해서 oData 형태로 주고 받는 방식이다. Fiori 에서도 이 oData 를 사용하여 Standard mohading.tistory.com 이제 앞에서 생성한 서비스에 생성한 구조체를 참조하여 Entity 를 만들어보자 우선, Entity 란 Entity Types 와 Entity Set 으로 구성된다. 더욱 세밀하게까지는 해본적이 없어서 모른다. Entity Types.. 2020. 7. 20.
[SAP UI5] oData Service 사용 방법 - Part. 1 (서비스 및 구조 생성) SAP UI5 와 데이터를 주고 받을 때 사용하는 방법은 여러 가지가 있다. 그 중에 내가 주로 사용하는 방법은 Gateway 를 통해서 oData 형태로 주고 받는 방식이다. Fiori 에서도 이 oData 를 사용하여 Standard 를 구현해두었으니 이 부분을 자세하게 알고 넘어가는 것이 좋다고 생각한다. 우선, oData Service 를 생성하는 방법은 다음과 같다. ------------------------------------ 1. SAP Gateway 에 서비스 생성. 2. 구조(Structure) 생성 3. 구조를 참조하여 Entity 생성 ------------------------------------ 그럼 1번부터 진행해보자. 우선, 1. SAP Gateway 에 서비스 생성 T-.. 2020. 7. 20.
[SAP Fiori] How to add UI5 App in Fiori LaunchPad UI5 로 만든 Application 을 Fiori LaunchPad 에 넣어보자. 우선 T-code : LPD_CUST 로 간다. 여기서 상단의 신규 LaunchPad 를 클릭한다 역할(Role), 인스턴스, 내역을 작성한다음 확인 예! 노필요 위와 같이 인스턴스가 등록된다. 여기에서 신규 어플리케이션을 선택하면 위와 같이 화면이 나오고 여기에 링크 텍스트 입력, 어플리케이션 유형은 URL 로 지정 UI5 Application 을 접속할 수 있는 URL 을 지정해준다. ----------------------------------- 이 URL 은 T-code : SICF 에서 확인 할 수 있다. ----------------------------------- 그다음 고급(선택) 매개변수 표시를 클릭 여.. 2020. 7. 14.
[SAP Fiori] Firoi Launch Pad 설정 Fiori 를 사용함에 있어 최종 목적지는 Launch Pad 라고 생각한다. 이 Launch Pad 에 접근하는 T-code 는 /UI2/FLP 이다. 최초 사용하거나 권한 또는 그룹이 지정되지 않은 사용자가 접속할 경우 거의 아무것도 없는 상태로 화면이 나온다. 이 Launch Pad 를 사용할 수 있는 형태로 변경하기 위해서는 1. Launch Pad Designer 에서 Tile 을 지정 2. Launch Pad Designer 에서 Group 을 지정 3. PLFG 에서 Role 지정 후 사용자 연결 을 진행해야 한다. 그럼 먼저, 1. Launch Pad Designer 에서 Tile 을 지정 해보자 T-code : /UI2/FLPD_CUST 를 입력하는 아래와 같이 Fiori Launch P.. 2020. 7. 9.
[SAP UI5] Team Provider, 소스 올리기. 형상 관리를 위해 Eclipse 에서 SAP 로 소스를 올리는 방법을 설명해본다. 우선 이에 앞서 1. UI5 를 Eclipse 에 잘 설치하여야한다. https://mohading.tistory.com/18 [UI5] How to install UI5 in eclipse? 우선, SAP 에서는 공식적으로 1.71 이후로 Eclipse 2019-12 이후 버전은 지원하지 않는다고 한다. SAP Web IDE 사용을 적극 권장하고 (SAP Cloud 환경으로 돈을 벌려는 계획을 제대로 세운듯...) javascript Edito.. mohading.tistory.com 2. SAP 서버에 접속이 되는 환경이어야 한다. 위의 두 조건이 만족 되었다면 생성된 프로젝트에서 마우스 오른쪽 클릭 Team > Sha.. 2020. 7. 6.
[SAP UI5] How to install UI5 in eclipse? 우선, SAP 에서는 공식적으로 1.71 이후로 Eclipse 2019-12 이후 버전은 지원하지 않는다고 한다. SAP Web IDE 사용을 적극 권장하고 (SAP Cloud 환경으로 돈을 벌려는 계획을 제대로 세운듯...) javascript Editor 에서 OpenSDK 를 설치해서 사용하면 된다고는 하는데 이부분은....아직은 잘 모르겠다. 하지만 아직은 Eclipse 가 많이 편하기 때문에 앞으로 2년 정도는 계속 사용하지 않을까? 예상 해본다. (HANA 에는 UI5 Library 버전이 1.48, 1.52 버전대이니 빠르게 업그레이드 되진 않을것으로 예상되어...) 2019-12 버전도 무슨 이유에서인지 Team Provider 가 제대로 동작하지 않는 경우가 종종 발생하였다. 2019-0.. 2020. 7. 6.
SAP UI5 와 SAP Fiori 란? SAP Fiori 는 쉽게 말해 웹브라우저에서 사용할 수 있도록 만들어진 Standard Application 들의 모음이라고 보면 됩니다. SAP 가 SAP GUI 를 통해서만 프로그램을 사용할 수 있게 하니 현재의 사용자들의 사용 환경과는 점점 괴리감이 생기기 시작하였고, 그래서 Fiori 라는 환경? 을 시도하고 있는 걸로 여겨 집니다. 물론 앞서서, BPP, BSP, Webdyn 등 웹브라우저에서 쓸수 있도록 지원을 하였지만, 디자인, 성능, 개발 방법 등에 문제가 많이 있었습니다. Fiori 는 이런 문제가 되는 부분을 많이 해소하려고 노력한 결과물이고 SAP GUI 를 대체할 녀석으로도 보고 있습니다. 추가 : Fiori 는 SAP 에서 지향하는 디자인 언어의 개념으로 자리가 잡혀가고 있다고 .. 2020. 7. 3.