안녕하세요! BAS 썸네일형 리스트형 [ CAP ] Getting Started 팀장님께서 과제 하나를 주셨다. 그것인 즉슨, 신입사원을 대상으로 CAP 스터디를 각자 진행하되, 매주 한 번씩 스터디의 경과와 한 두 가지 파트를 분석해 공유하는 것이었다. 따라서 현재 진행 중이던 UI5 Walk Through의 복습이 거의 다 끝났기에, CAP에 대해 다뤄보고자 한다. CDS를 핵심적으로 활용하기 때문에 굉장히 중요한 학습이 될 거 같다. Getting Started CAP는 Node.js와 Java를 지원한다. 이번 학습 과정은 Node.js로 진행이 되기 때문에 Java를 사용하고자 한다면 아래 링크에 접속해 진행하면 된다. capire - Getting Started Getting Started How to start a new CAP Java project and how to.. 더보기 [ SAPUI5 ] Navigation and Routing - last ○ 라우터 일치 여부 확인하기 - [App.controller.js] 1) attachRouteMatched : 이벤트 핸들러에서 이벤트 매개변수과 일치하는 경로의 이름을 경정 및 타임스탬프에 기록 2) sRouteName : 'name'을 파라미터로 두는 'oEvent'로 인슨턴스화 - Log에 설정해 둔 문구가 잘 나와있다!! 더보기 [ 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 ] BAS + Git + VSCode(1) ○ VSCode에서 Git push한 것을 BAS에서 clone - BAS에서 git clone을 할 때 password는 2021년 어느 시점부터 비활성화 되어있다. - 따라서 personal access token을 생성해서 password로 사용해야 한다. - git 페이지에서 Settings에 접속 - 메뉴 가장 하단에 있는 [ Developper settings] 선택 - [Personal access tokens]에서 [Tokens(classic)] 선택 및 토큰 생성 - 'git clone (Https 주소)' 한 후에 username 입력 - password에는 생성한 토큰을 복사 및 붙여넣기 - 생성된 프로젝트 확인 - git hub에는 node_module이 생성되지 않음 - [term.. 더보기 [ 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 with BAS / Flexible Column Layout ○ Layout 설정 변경 - webapp 우클릭 및 show page map 선택 - 우측의 설정에서 Flexible Column Layout으로 이동 1) Standard Layout에서 Flexible Column Layout으로 변경 2) Mid-Expanded 선택 - 아래와 같이 레이아웃 변경 확인 더보기 [ OData ] with BAS / 개발 환경 설정 및 Fiori 생성 ○ Clone from Git - https://github.com/SAP-samples/fiori-elements-incident-management.git ○ npm install - SAP Fiori elements application에 실행에 필요한 npm package repository와 모든 모듈을 설치 ○ npm i @sap/cds-dk -g - Fiori element application를 생성하기 위해 필요한 command line client과 development toolkit 사용 ○ Application Generator - 좌측 상단의 툴바에서 View - Command Palette 클릭 - Application Generator 검색 및 Fiori: Open Applic.. 더보기 이전 1 다음
