안녕하세요! SAP/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 ] 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 ] Git ○ Visual Studio Code와 git 연동 - https://backlog.com/git-tutorial/kr/intro/intro1_3.html 누구나 쉽게 이해할 수 있는 Git 입문~버전 관리를 완벽하게 이용해보자~ | Backlog 누구나 쉽게 알 수 있는 Git에 입문하신 것을 환영합니다. Git을 사용해 버전 관리를 할 수 있도록 함께 공부해봅시다! backlog.com - [terminal]에 'git version' 입력 및 버전 확인 - [terminal]에 'git init' 입력 및 실행 여부 확인 - github 홈페이지에서 새로운 repository 생성 - [terminal]에 git에 등록한 'name'과 'email' 입력 1) git config --global u.. 더보기 [ 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 ] / OData V4 ○ manifest.js - mockserver.js 1) 모의 서버 구현 포함 2) 모의서버는 TripPin 서비스에 대한 특정 유형의 요청을 시뮬레이션 하는 데에만 사용됨 - metadata.xml 1) entity 유형 및 세트 포함한 서비스 메타데이터 포함 2) request 및 response가 가능한 데이터 구조를 정의해놓은 곳 - people.json 1) 애뮬레이트된 OData의 response에 데이터를 추가하기 위해서는 JSON 파일에 맞는 데이터 유형에 대한 entiy 저장 2) 모의 서비스 response에 사용되는 일부 데이터 포함 3) UserName, Age, FisrtName, LastName 값 정의 ○ App.controller.js - hasPendingChanges().. 더보기 이전 1 ··· 3 4 5 6 7 8 9 ··· 11 다음