본문 바로가기

일하딩/UI5-Fiori9

[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 Fiori] How to add Transaction in Fiori SAP Gui 에서 생성한 프로그램을 Fiori 에서 사용하는 방법. #How to add Transaction in fiori #How to add Transaction in launchpad #How to delpoy Transaction in fiori #How to delpoy Transaction in launchpad 정확하게는 Transaction 으로 연결한 프로그램을 Fiori 에서 사용하는 방법이다. 1. Transaction Code (T-code) 생성. 우선 Fiori 에서 호출하여 사용하기 위해서는 Transaction 을 생성해야하는데 이 부분은 아래를 참고 https://mohading.tistory.com/24 [SAP] T-code 생성 방법 SAP GUI 에서 ABAP .. 2020. 7. 15.
[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.
[SAP UI5] There will be no support for Eclipse. There will be no support for Eclipse releases higher than 2019-12. 저 버전위로는 UI5 는 더이상 eclipse 지원을 하지 않는다. 대안으로 제시하고 있는 건 - SAP Web IDE - Visual Studio Code - Sublime - WebStorm eclipse 는 웹개발할때도 그렇고 계속 사용해서 익숙했는데.... 이젠 새로운 툴을 사용할 때가 온 것 같다. 그렇다고해서 eclipse 를 아예 사용하지 못하는 것은 아니다. UI5 에서 지원하는 2019-12 버전을 설치하고 Intranet Server 를 사용하여 개발을 하거나 테스트 할 수 있다. https://ui5.sap.com/1.71.0/#/topic/2d3f5fb63a2f40.. 2020. 4. 14.