안녕하세요! UI5 썸네일형 리스트형 [ SAPUI5 ] Dialogs and Fragments ○ 에러 체크 - 무슨 이유인지는 모르겠으나, 구동이 되지 않길래 한참을 해맸음 - 크롬창에서 F12를 눌러 해당 오류를 체크해 볼 수 있음 - 'sap.ui.define'으로 수정하니 잘 작동함 ○ Dialog - HelloPanel.view.xml 1) id : 해당 버튼이 어떤 버튼인지 식별 2) text : i18n에 초기화 해주었던 텍스트 호출 3) press : controller에서 선언해두었던 function 호출 - HelloDialog.fragment.xml 1) FragmentDefinition * view의 controller에 의존하지 않음 * sap.ui.demo.core 2) Dialog와 함께 써야함(?) - i18n에 openDialogButtonText 초기화 더보기 [ SAPUI5 ] / 리팩토링 ○ HelloPanel.view.xml - App.view.xml에 있던 코드 일부를 복사 붙여넣기 - 코드의 리팩토링 과정 ○ HelloPanel.controller.js - App.controller.js의 코드 일부를 가져와 복사 붙여넣기 - 코드 리팩토링 과정 더보기 [ SAPUI5 ] sapUiResponsiveMargin ○ sapUiResponsiveMargin - panel 주위로 공간 생성 - auto : width 100% 더보기 [ SAPUI5 ] ResourceModel ○ i18n.properties - 자바스크립트 다국어 사용 시 사용, en은 영어, de는 독일 - ResourcceModel 정의 - ResourceModel : Bundle 설정 - i18n.properties에 초기화해 둔 것을 입력 - 왜 안될까? 더보기 [ SAPUI5 ] Hello World! ○ Hello World! 버튼 만들기 [ sapganeung.view.xml ] [ sapganeung.controller.js ] ○ view와 controller로 버튼 만들기 - Button을 클릭했을 때 노출되는 text "Say Hello" 설정 - press에 컨트롤러에서의 기능을 구현할 key값 설정 ○ MessageToast.show - 버튼 모듈 구현 더보기 [ SAPUI5 ] BookedFlights ○ generator-easy-ui5 설치 - 'npm install generator-easy-ui5' - 설치가 완료되면 node_modules가 생성 ○ 프로젝트 생성 - 'yo easy-ui5 project' 입력 - 아래와 같이 기본 설정 세팅 - 오류가 생긴다면 Server를 우선 구동시킨 후 재시도 ○ 생성된 프로젝트 확인 - 위 설정과는 다르지만, 과정은 같음 [ Main.view.xml ] ○ Open Guided Development - Application.Info에서 Manage Service Models 선택 - Add a chart building block 선택 - Chart Type에서 Column 선택 - Dimensions Propery에서 AirlineID 선택 - me.. 더보기 [ SAPUI5 ] Hello World ○ VSCode에서의 'yo' 실행 오류 - yo를 입력해 yeoman을 실행하고자 하였으나 아래와 같은 오류 출력 - powershell 관리자 권한으로 실행 1) 'get-ExecutionPolicy' 입력 및 Restricted 확인 * Restricted : default 값, 스크립트 실행 불가 * AllSigned : 신뢰할 수 있스크립트 파일만 실행 가능 * RemoteSigned : 로컬에서 본인생성한 스크립트 및 신뢰할 수 있는 스크립트 실행 가능 * Unrestricted : 모든 스크립트 실행 가능 * ByPass : 경고/차단없 모든 것 실행 가능 * Undefined : 권한 설정 X 2) 'Set-ExecutionPolicy RemoteSigned' 입력 및 'Y' 선택 - 실행.. 더보기 [ SAPUI5 ] VSCode에서 SPAUI5 환경 설정 및 실행 참고 출처 : 윈도우 SAPUI5 개발 환경 구축을 위한 Tools - Node.js 및 npm, Yeoman 개념 - SAP Space 윈도우 SAPUI5 개발 환경 구축 시 Node.js, CLI, npm, scaffolding 등의 의미, UI5를 윈도우 10, Visual Studio 코드환경에서 개발하기 위해 사전 설치시에 알아두면 좋을 프로그램과, 해당 프로그램이 필요한 주 sap-learn-more.com ○ Git 설치 Git git-scm.com ○ Node.js 설치 - npm 자동으로 설치됨 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org - 설치 완료 후, 시스템 환경.. 더보기 이전 1 ··· 9 10 11 12 13 다음
