안녕하세요! view 썸네일형 리스트형 [ CAP ] service 실행 기본 이해하기(1) 저번주에는 기존에 학습하였던 것들을 기반으로 좀더 개념에 대한 이해도를 확장시키고자 다양한 개체들을 만들어 여러 속성들 간의 상관관계(Association) 및 의존관계(Composition)들을 연결시켜 보았다. 그렇다면 이제는 스터디 중 구현되지 않았던 기능들에 대해 다시 시도하고, 더 더나아가 형성된 데이터들 간의 관계들을 자바스크립트를 이용해 다양한 액션 기능들에 대해 알아가보고자 한다. Where to Implement Services? .cds / .js Service를 실행하기 위해서는 생성해두었던 .cds 파일과 동일한이름의 .js 파이을 배치하면 된다. 예를 들어, /lib 또는 ./handlers로 배치하여 .cds와 .js 파일을 구분할수 있다. @sap/cds 위와 같이, Servi.. 더보기 [ CAP ] CDS를 Fiori UI로 표현하기 이번에는 내가 만든 CDS의 데이터 값들을 화면에 표현해보자! 지금까지는 entity 간의 관계와 entity에 선언돼 있는 변수들의 Attribute, 이에 관한 데이터 정보를 담고 있는 CSV 파일 등이 어떤 기능을 하고 있는지 간략히 알아보았다. 그렇다면 이제는 이 데이터 정보를 내가 볼 수 있는 것이 중요하다고 하겠다. 조금 많이 헤맸지만 의외로 기본적인 UI로 표현하는 것은 어렵지 않았다! Fiori UI CDS 생성 입력해두었던 데이터 값들을 불러오기 위한 cds를 app 폴더 바로 아래에 하나 생성한다. annotate UI using { com.sap.shoppingmall as my } from '../db/schema'; annotate my.Clothes with @( UI: { Se.. 더보기 [ SAPUI5 ] Table Personalization ○ 데이터의 정보를 자신이 원하는 정렬 방식대로 필터링 해보자. - Table Personalization 1) 테이블에서 표시되는 열과 순서, 데이터 정렬 방법, 데이터 그룹화 활성화 여부 2) 그리고 테이블 항목의 필터링 여부를 지정할 수 있는 정용 대화 상자를 제공한다. - [ Personalization.view.xml ] 1) 'sap:sortable'과 'sap:filterable', 'sap:groupable'을 'false'로 설정한다. 2) 이는 표시되지 않은 필드를 모두 정렬화, 필터링 또는 그룹화 할 수 있다는 것을 의미한다. - 톱니바퀴 모양의 설정 아이콘을 클릭하면 각 요소에 대한 설정을 변경할 수 있다! Next Stage : 더보기 [ SAPUI5 ] What is the 'i18n'? i18n i18n - Internationalization - 각종 언어에 따라 메뉴의 컨텐츠 동적으로 매핑 - i18n 파일은 OData Model 중에 하나임 - OData Model에서 View에 필요한 내용 매핑 1) 브라우저 언어 설정에 따라 언어를 자동으로 매핑 2) multiple parameter 사용해 여러 개의 Text 매핑 * 아래와 같이 중괄호를 이용해 배열을 지정 // i18n appDescription = sample {0} {1} {2} {3} firstLabel = First secoindLabel = Second thirdLabel = Third fourthLabel = Fourth * 'id'를 'oLabel'로 지정 // view * 지정해뒀던 'oLabel'을 'byI.. 더보기 [ SAPUI5 ] Navigation and Routing - 11 ○ 직원의 상세 정보에 대한 미리보기 만들기 - [Home.view.xml] - [Home.controller.js] 1) [Home.view.xml]의 'press'와 연결할 'onNavToEmployeeOverview' 핸들러 구성 2) 'getRouter()'메서드의 'navTo()'를 통해 view 중에 'employeeOverview'로 이동 - [manifest.json] 1) pattern * 경로에서 'overview'는 'employee'보다 앞에 위치해야 함 * '/#/employees/overview' 해시와 일치할 수 있기 때문임 2) name : view 중에 'employeeOverview' 참조 3) target : 배열 표기법으로 'employeeOverviewTop'과 'e.. 더보기 [ SAPUI5 ] Navigation and Routing - 4 ○ 뒤로가기 버튼 구현하기 - [NotFound.view.xml] 1) 'showNavButton'을 'true'로 설정해 뒤로가기 Button을 자동으로 표시 2) 'navButtonPress'를 'onNavBack'로 설정해 실제 뒤로가기 기능 구현 가능케 하기 - [BaseController.js] 1) onNavBack 핸들러를 통해 앱 기록에 이전 해시값이 있는지 확인 2) 브라우저의 기본 History API를 통해 이전 해시로 redirection 3) 변수 'oHistory', 'sPreviousHash' 지정 * oHistory : 'History'를 매개로 인스턴스(객체)화 * sPreviousHash : 'oHistory'의 이전 해시값을 가져오는 'getPreviousHash()' .. 더보기 [ SAPUI5 ] Navigation and Routing - 3 ○ 'NotFound' 우회 페이지 구현 - 'bypasssed' 1) 'notFound'로 설정해 라우팅 구성 확장 2) 라우터가 현재 해시와 일치하는 경로가 없는 경우, ,notFound, 대상 표시하도록 지시 3) 우회 section에 'notFound' 대상 추가 및 단순 'notFound' view로 전환되도록 구성 - [NotFound.view.xml] - [NotFound.controller.js] - [i18n.properties] - 야발...... - 이유는 도큐먼트에서 안내되는 코드와 달랐다.. 이런... 됐으니 넘어가자 일단... Next Stage : Navigation and Routing - 4 https://pythonchoboman.tistory.com/102 SAPUI5 .. 더보기 [ ABAP ] CDS 기초 개념 CDS(Core Data Service) ○ CDS(Core Data Service) - Code to Data 1) 시스템 병목 현상을 감소 2) 계산 속도 향상 3) 한 계층에서 다른 계층으로의 데이터 이동 감축 - Code Push Down 1) 데이터 모델, Union 및 Association과 같은 재사용 필요 시, Core Data Service 사용 2) 애플리케이션 서버 AS ABAP 중앙 데이터베이스에서 의미론적 데이터 모델 정의 및 사용 위한 프레임워크 제공 3) 지정된 데이터 모델은 데이터 정의 언어(DDL) 및 데이터 제어 언어(DCL) 기반으로 함 - Dictionary View 1) TCode : SE11에서 생성 2) 애플리케이션 서버에 상주, 데이터베이스에 사전에 정의된 데이.. 더보기 이전 1 2 3 다음
