티스토리

ZeroSD 개발노트

검색하기

블로그 홈

ZeroSD 개발노트

zerosd.tistory.com/m

Web 개발 관련 개발노트 공유 블로그 입니다 ^^

구독자: 5

방명록 방문하기

주요 글 목록

SAP UI5 시작하기 6편. 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. onAfterRenderingXml View가 브라우저.. 공감수 2 댓글수 0 2020. 12. 16.
SAP UI5 시작하기 5편. UI5 모델바인딩 UI5 모델바인딩에 대해 알아봅시다 ^^ 모델 바인딩에는 단방향 / 양방향 바인딩이 있습니다. 단방향(one-way) 처음모델의 값을 뷰에 보여주는 수직적인 구조입니다. 양방향(two-way) 뷰에 바인딩한 모델이 실시간으로 뷰의 값이 바뀔경우 모델에 즉시 반영되는 수평적인 구조입니다. 두 바인딩을 코드실습으로 알아봅시다 ^^ Step1.프로젝트 생성 먼저 ZBindingTEST 라는 프로젝트를 생성합니다. (프로젝트 만들기 참조) Project Name : ZBindingTEST View Type : XML View Name : BindingTest Step2.Controller 작성 Controller 아래 경로의 BindingText.controller.js를 선택하여 _oBindingModel: .. 공감수 0 댓글수 0 2020. 11. 8.
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이 최신버.. 공감수 0 댓글수 0 2020. 10. 14.
SAP UI5 시작하기 4편. UI5 프로젝트 구조 UI5 프로젝트 생성시 폴더구조 및 기능 알아보기!! 3편 Hello world 까지 완료 하였다면 프로젝트 구조가 자동으로 생성된 상태 입니다. 이제 프로젝트 하위에 있는 폴더들과 파일이 어떠한 역할을 하는지 알아봅니다. 1. controller 화면을 Control 하는 Controller.js 들이 위치하는 폴더 입니다. 대부분 View와 1:1 연동되는 js 형태로 쓰이게 됩니다. 2. css css 파일이 모이는 경로입니다. 기본적으로 style.css 가 생성되며 추가로 css를 만들어 등록 하기만하면 사용이 가능합니다. 3. i18n i18n 이란?(위키참조). 기본적으로 i18n.properties 가 생성되며 등록하여 사용합니다. 4. view XML화면이 있는 경로입니다. control.. 공감수 0 댓글수 0 2020. 9. 27.
SAP UI5 시작하기 3편. Hello World !! Wed-IDE 설치가 완료 되었다면 프로그램의 시작!! UI5 Hello Wold 띄우기를 진행 해보겠습니다. ※ UI5 Web-IDE 실행 하기 시작 후 진행 합니다. Step1. Workspace 에서 시작하기 모든 작업은 Workspace 위에서 시작합니다. Workspace 위에서 프로젝트 생성을 진행합니다. 화면 좌측 클릭 > workspace 우클릭 > New > Project from Template 실행. Template Selection 화면 : 생성 할 화면을 결정합니다 카테고리(Category) 를 선택하여 All categories로 지정 전체 사용 가능한 Template들이 보여지며 이 중 SAPUI5 Application 을 선택 합니다. Basic Information : Pr.. 공감수 0 댓글수 0 2020. 9. 21.
SAP UI5 시작하기 2편. Web-IDE 실행 하기 Web-IDE 환경 구성 후 실행하는 법 입니다 . 매번 개발 시작시 활용되는 부분이라 따로 정리 합니다. ^^ Step1. Web-IDE Orion 서버 실행 항상 여기서 부터 시작을 합니다 폴더경로 eclipse > orion.exe 를 실행 로컬 orion 서버를 통해서 Web-IDE 가 실행됩니다. Step2. 브라우저 경로입력 Web 브라우저(Chrome을 추천드립니다) 실행 후 주소창에 ( URL ) : localhost:8080/webide/index.html 을 입력합니다. Step3. Web-IDE 로그인 주사위 3 모양을 눌러줍니다 ( 로그인 페이지 이동 ) . Web-IDE 설치 하기 에서 생성 한 ID와 PassWord를 입력. 접속을 확인 합니다. Note Page 2 - End 공감수 0 댓글수 0 2020. 9. 21.
SAP UI5 시작하기 1편. 개발환경 구축 SAP UI5 On-premise 환경에서 개발환경 구축 UI5 Web-IDE 설치 하기 UI5 란 무엇일까요? GitHub-SAP/UI5 설명 에 따르면 JavaScript를 기반으로하며 jQuery를 기초로 사용하며 웹 표준을 따릅니다. 풍부한 컨트롤 세트를 포함하는 클라이언트 측 HTML5 렌더링 라이브러리로 개발을 용이하게하고 다양한 데이터 모델 (JSON, XML 및 OData)에 대한 데이터 바인딩을 지원합니다. 라는 문구가 있네요. 한마디로 UI5개발 UI5 혹은 Fiori 라고 불리는 SAP-Web UX/UI 프레임워크 입니다 . UI5의 특징으로는 첫째, SAP-UI5에서 제공하는 다양한 UI Sample 과 기능들을 사용하여 반응형 기반의 WEB을 손쉽게 구성이 가능합니다. 둘째, An.. 공감수 1 댓글수 0 2020. 9. 20.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.