안녕하세요! UI5 썸네일형 리스트형 [ SAPUI5 ] BAS + Git + VSCode(2) ○ BAS에서 Git push한 것을 VSCode에서 clone - [hello.view.xml]에 기존의 코드에서 Button 추가 - [hello.controller.js]에 'onAlertHelloButtonPress' 메서드 'function()'을 'MessageBox'로 설정 - 버튼 실행 여부 확인 - [Staged Changes]에 등록한 후, 커밋할 메세지 입력 및 Commit - [push] 진행 - push된 git 업데이트 여부 확인 - VSCode에 접속해 [Pull] 선택 - [hello.view.xml]과 [hello.controller.js]의 pull 결과 확인 더보기 [ SAPUI5 ] Visual Studio Code ○ Visual Studio Code 환경 설정 - [Terminal] 종류를 [Git Bash]로 선택 - [terminal]에서 'npm version' 입력 및 npm 버전 확인 - yo, mta, @sap/generator-fiori 설치 - [terminal]에 'yo' 입력 및 [@sap/fiori] 선택 - 아래와 같이 입력 및 선택 진행 - 아래 화면 확인 및 자동 생성된 폴더 열기 - [webapp] - [hello.view.xml]의 내용 일부 수정 - [webapp] 우클릭 및 [Preview Application 선 - [start fiori run...] 선택 또는 [terminal]에 'npm run start' 입력해 실행 - [App.view.xml]에 입력한 'Hello W.. 더보기 [ SAPUI5 ] Business Application Studio ○ 'Hello World' 텍스트 실행 확인 - 우클릭 및 [Open With] 클릭 - [Layout Editor Active] 선택 - [Controls]에서 [Label] 검색 및 우측으로 Drag and Drop - [Properties]의 [Text]에 'Hello World' 입 - [i18n.properties]에서 'title'을 'SAP Fiori Cafe'로 수정 - 실행 결과 확인 더보기 [ SAPUI5 ] / OData V4 - Create and Edit(2) ○ App.conteroller.js - onMessageBindingChange 1) 변수 'aContexts'에 'oEvent'의 source의 contexts와 'aMessages', 'false' 초기화해 둔 'bMessageOpen'를 설정하자. 2) 'false'값을 가지는 'bMessageOpen'이거나, aContexts의 문자열의 길이가 아니라면 값을 반환토록 한다. 3) 'oContext'를 파라미터루 두는 객체를 반환하는 'aContexts'를 매핑하는 'aMessages' 값을 설정한다. 4) 'removeMessages'로써 'aMessages'가 불필요하게 쌓이지 않도록 삭제한다. - onResetChanges 1) App.view.xml 'table'의 id 'peopleLis.. 더보기 [ SAPUI5 ] / OData V4 - Create and Edit(1) ○ App.controller.js - 'getCore()' 메서드의 'getMessageManager()' 메서드로 'oMessageManager' 변수 선언 - 변수 'oMessageModel'에서 'getMessageModel()'로 'oMessageModel' 선언 - 'oMessageModel'에서 'bindList'로 oMessageModelBinding' 선언 1) bindList(sPath, oContext?, vSorters?, vFilters?, mParameters?) * sPath를 '/'로 지정해 경로 설정 * oContext를 'undefined'로 지정해 상대경로 없음으로설정 * vSorters를 '[]'로 지정해 분류 기준 없음으로 설정 2) 'technical' 이라는 항목.. 더보기 [ SAPUI5 ] No Data Binding ○ text 출력 - index.html에 아래 코드 입력 - index.js 생성 및 코드 Text 컨트롤 입력 1) sap/m/Text의 Text 사용 2) text : text 속성 값은 모델의 데이터 값과 관련이 없으므로 바인딩 되지 않음(?) 3) placeAt : index.html의 content에 위치 - model 1) resource(client-side) model * JSON, XML * 클라이언트에 로컬로 저장된 파일 혹은 웹 서버에 요청하여 데이터가 단일 요청됨 * 요청된 모델은 애플리케이션에서 인지됨 * filtering과 sorting 작업이 클라이언트에서 로컬로 수행됨 2) OData model * 애플리케이션이 모델의 데이터를 필요로 할 때마다 서버에 요청해야 함 * 일반.. 더보기 [ SAPUI5 ] SAP Build Zone, standard edition ○ 인스턴스 생성 - Service MarketPlace에서 SAP Build Zone, standard edition 선택 - Service Plans로 이동해 Create 클릭 - Instance Name 입력 및 Create 클릭 - 자동으로 뜨는 모달창에서 View Instance 클릭 - 인스턴스 생성 확인 인스턴스 생성은 되었으나, security 설정에서부터 진행이 되지 않아, 다른 것을 도전하기로... 더보기 [ SAPUI5 ] / OData with BAS / Flexible Column Layout ○ Layout 설정 변경 - webapp 우클릭 및 show page map 선택 - 우측의 설정에서 Flexible Column Layout으로 이동 1) Standard Layout에서 Flexible Column Layout으로 변경 2) Mid-Expanded 선택 - 아래와 같이 레이아웃 변경 확인 더보기 이전 1 ··· 6 7 8 9 10 11 12 13 다음
