SAP UI5 (6) 썸네일형 리스트형 Connect Remote Systems in SAP Web IDE Personal Edition(orion 에 abap repository연동) 참고 URL : Connect Remote Systems in SAP Web IDE Personal Edition | SAP Help Portal SAP Help Portal help.sap.com C:\SAPWebIDE\eclipse\config_master\service.destinations\destinations 폴더로 이동하여 자신의 SAP시스템 SID를딴 파일을 만든다. (확장자 제외) 작성한 파일을 열고 다음 구성을 추가하여 자리 표시자를 시스템 고유의 값으로 바꿉니다. Description= descriptionType=HTTPTrustAll=trueAuthentication=NoAuthenticationName=ProxyType=InternetURL=https\://\:WebID.. UI5 생명주기 (Life Cycle) 대부분의 SPA(Single Page Application) FrameWork 에서는 생명주기(Life Cycle)을 가지고 있습니다. UI5도 SPA FrameWork 에 해당하며 Controller 메서드 생명주기를 가지고 있습니다. 하나씩 알아 보도록 하겠습니다. Step1. onInit View 로딩시 무조껀 1번 실행되는function 입니다. 여기에 시작 시 동작할 function 들을등록 합니다.123onInit: function() { } Step2. onBeforeRenderingXml View가 브라우저 랜더링(화면생성)전에 실행되는 function입니다.onBeforeRendering: function() { }, Step3. onAfterRender.. UI5 모델바인딩 모델 바인딩에는 단방향 / 양방향 바인딩이 있습니다. 단방향(one-way)처음모델의 값을 뷰에 보여주는 수직적인 구조입니다. 양방향(two-way)뷰에 바인딩한 모델이 실시간으로 뷰의 값이 바뀔경우 모델에 즉시반영되는 수평적인 구조입니다. 두 바인딩을 코드실습으로 알아봅시다 ^^ Step1.프로젝트 생성먼저 ZBindingTEST 라는 프로젝트를 생성합니다.(프로젝트 만들기 참조)Project Name : ZBindingTEST View Type : XMLView Name : BindingTest Step2.Controller 작성Controller 아래 경로의 BindingText.controller.js를 선택하여_oBindingModel: new sap.ui.model.json.JSONMode.. SAP UI5 버전 업 하기 ( On-premise ) UI5 에서 제공하는 샘플 및 컴포넌트 들은 최신화 되면서 버전이 올라가게 됩니다. 클라우드 버전과는 다르게 On-premise 환경에서는 해당 버전을 다운받아 적용하여 기능을 사용합니다.SAP UI5 시작하기 1편. 개발환경 구축 부터 시작하시는 분이라면 꼭 필수적으로 적용해주셔야 합니다.On-premise 환경 버전업이라고 생각하시면 됩니다 ^^Step1. 현재 내 UI5 버전 확인하기 현재 사용중인 버전을 확인하는 방법 입니다. 확인 하고자 하는 프로젝트( ZHELLO_WORLD ) 우클릭 > Project Settings를 클릭합니다.SAPUI5 항목을 클릭합니다 > SAPUI5 Version을 확인합니다 ( 현재 1.52.13 ). 변경할 수 있는 버전을 확인해보니 1.52.13이 최신버전.. UI5 프로젝트 생성시 폴더구조 및 기능 편 Hello world 까지 완료 하였다면 프로젝트 구조가 자동으로 생성된 상태 입니다.이제 프로젝트 하위에 있는 폴더들과 파일이 어떠한 역할을 하는지 알아봅니다. 1. controller화면을 Control 하는 Controller.js 들이 위치하는 폴더 입니다.대부분 View와 1:1 연동되는 js 형태로 쓰이게 됩니다. 2. csscss 파일이 모이는 경로입니다.기본적으로 style.css 가 생성되며 추가로 css를 만들어 등록 하기만하면 사용이 가능합니다. 3. i18ni18n 이란?(위키참조).기본적으로 i18n.properties 가 생성되며 등록하여 사용합니다. 4. viewXML화면이 있는 경로입니다.controller와 1:1을 이루며 UI5 View를 작성합니다. 5. c.. UI5 Hello Wold 테스트 Step1. Workspace 에서 시작하기모든 작업은 Workspace 위에서 시작합니다. Workspace 위에서 프로젝트 생성을 진행합니다.화면 좌측 클릭 > workspace 우클릭 > New > Project from Template 실행. Template Selection 화면 : 생성 할 화면을 결정합니다 카테고리(Category) 를 선택하여 All categories로 지정전체 사용 가능한 Template들이 보여지며 이 중 SAPUI5 Application 을 선택 합니다. Basic Information : Project Name 을 입력합니다.Project Name에 ZHELLO_WORLD를 입력, Next 버튼을 누릅니다. Template Customization .. 이전 1 다음
