배워가는 공대생 배워가는 공대생

Fiori 프로그램 배포하기1. 최초 배포npm run buildnpm run deploy-confignpm run deploynpm run build : JS, XML, CSS 압축, /dist 폴더 생성 → 배포용 파일 생성 단계npm run deploy-config : 배포 설정 파일 생성, 내부적으로 ui5-deploy.yaml 생성npm run deploy : 최종 배포2. 재배포npm run buildnpm run deploydeploy-config 설정=> Please choose the target : 어디에 배포할 건지 → ABAP 선택=> Select Target System : ABAP 서버 주소=> SAPUI5 ABAP Repository : SE80에 생성될 BSP Applicat..

데이터 요청 시 처리 흐름UI5에서 ODataModel의 CRUD 함수를 통해 요청을 보낸다.각 함수에 따라 HTTP Method(GET, POST, PUT, DELETE)를 사용해 OData Service로 요청된다.OData Service에서는 요청에 대응되는 DPC 메서드가 호출되며, 재정의된 로직이 있을 경우 DPC_EXT의 구현 로직이 수행된다.데이터 조회UI51. 단 건 조회let sPath = `/EntitySet(key1='${}',key2='${}')`;this._oModel.read(sPath, { urlParameters: {}, filters: [], sorter: [], success: function (oReturn) {}, error: function..

Fiori(UI5)에서 OData Service를 통해 SAP Backend(DB)의 데이터를 요청하여 화면에 출력한다.요청을 처리할 OData Service를 다음과 같은 절차를 통해 직접 생성할 수 있다. 1. DB Table 확인 또는 생성2. OData Service 생성SEGW : OData Service의 Data Model(Entity, EntitySet)을 정의하고 Runtime Class(DPC/MPC)를 생성하는 TCode ※ 실제 DB 조회 로직은 DPC_EXT 클래스에서 직접 구현한다./n/iwfnd/maint_service : OData Service 관리 및 활성화하는 TCode/n/iwfnd/gw_client : Request/Responce 테스트를 위..

객체 접근 범위 1. this.getView()현재 컨트롤러에 연결된 View 객체 반환즉, 현재 View에 있는 객체 접근 가능 접근 가능:View Control (Button, Table, Input 등)View Model2. this.getOwnerComponent()현재 컨트롤러가 속한 Component 객체 반환즉, Component 단까지 접근 가능 접근 가능:ModelRouterComponent에 정의된 함수 ※ Component란?SAPUI5 애플리케이션 전체를 관리하는 최상위 객체 (앱의 시작점) Component에서 관리:Model (ODataModel 등)Router앱 초기화=> 앱 전체에서 사용하는 Model은 보통 Component에 등록됨3. sap.ui.getCore()SAP..

sap.m.TableTable ├─ columns → 컬럼 헤더 영역 (고정) │ └─ Column │ └─ Text → 헤더에 보이는 글자 │ └─ items → 실제 데이터 행들 └─ ColumnListItem → 한 줄(Row) └─ cells → 한 칸(Cell)들 └─ Control(Text, ObjectIdentifier, ...) 테이블의 기본 구조 (컬럼 헤더 + 행) ..

View에서 Chart 구성하기 title}"> /list}"> name}"/> rate}"/> CategoryAxis/valueAxis 도넛차트나 파이차트 같은 경우 -> color/size --> ..

Local 데이터 (JSONModel)이미 앱 안에 있는 데이터(JSON 파일, 하드코딩 데이터).서버 요청 없음.데이터를 가져오는 대표 함수:getData() → 전체 데이터 반환getProperty(path) → 특정 경로의 데이터만 반환예: this.getView().getModel("local").getProperty("/Products/0/Name");Server 데이터 (OData)필요한 데이터를 요청(HTTP Request) 해서 가져오는 방식서버는 JSON 형태로 응답 가능 → JSONModel에 담아 사용 가능데이터를 요청하는 함수: read(path, {success, error}) → path: EntitySet 또는 Entity URL → success..

검색 Filtersap.ui.model.Filter 클래스 사용일반적으로 Table이나 List의 binding에 적용하여 화면에 표시되는 항목을 필터링한다.빈 배열을 적용하게 되면 초기화가 된다.filter 조건은 view 또는 controller에서 적용 가능filter 조건들은 기본으로 AND 조건으로 묶이지만 → OData 서버가 해석할 때 OR로 처리하는 경우가 있음.View에서 filter 적용 Controller에서 filter 적용onSearch: function() { let sValue = this.byId("inputProductName").getValue(); let aFilter = []; // 필터들을 넣을 배열 선언 // 1번 필터 생성 // new..