SAPUI5 개발가이드 번역 2

HTML5기반의 SAPUI5는 자바스트립트 Open Ajax와 호환되는 RIA 라이브러리입니다.

SAPUI5는 SAP 제품 표준을 완벽하게 지원하는 클라이언트 기반 ria 요소를 포함하고 있습니다. 이것과 별개로 확장성 있는 커스텀 컨트롤러와 어플리케이션 서비스, 기본 테마 또는 사용자가 개발한 테마도 지원합니다. 

해당 프레임워크는 경량 프레임워크이며 사용하기 쉽기 때문에 다양한 외부 어플리케이션 및 서버 플랫폼과 쉽게 연동 할 수 있습니다.

프레임워크가 지원하는 아티팩트

최상위 레벨의 Object(객체) 단위를 'UI Library'라고 부릅니다. 

Library는 확장성 개념의 Object(객체)라고 할 수 있다. 아이브러리는 Controller와 과계된 Type들을 Category로 묶어줌으로써  Web Aplication에서 쉽게 사용할 수 있도록 해줍니다.

'sap.ui.commons'와 같이 많이 사용되는 Controller들을 이미 개발해 놓은 표준 Liblary가 있다. 동시에 SAPUI5는 Custom UI Liblary들을 손쉽게 개발할 수 있도록 지원합니니다.

UI  Element는 SAPUI5의 기본 요소입니다. UI Element는 재사용이 가능한 요소이며 등록정보, 이벤트 , 메소드등이 포함되어 있습니다.

대부분 중요한 요소들은 다른 요소들과 관계를 맺을수 있으며 이러한 이유로 요소들을 Tree구조로 만들 수 있습니다.

개발자 관점에서 버튼, 레이블, 택스트 필드 등의 Controller는 가장 중요한 요소입니다. 해당 Object들은 Application의 모양과 사용자 입력과 관련된 요소들입니다.

이것은 해당 트리구조의 Application을 구성하는 특별한 종류의 UI요소입니다.

Controller의 종류중 하나로 Contrller가 아닌 요소도 있습니다. 해당 요소는 Tree구조의 기본 요소로 사용될 수 없으며, 보조 요소로만 사용됩니다. (TableRow, TableCell)

Propertiy는 이름과 Data Type이 정해져 있습니다. Property는 상수로 정해진 Default값을 가지고 있습니다.

Property는 Getter Setter API를 이용해 값을 가져오고 설정 할 수 있습니다. 또한 Read Only로 사용할 수 있습니다.

Data Type은 MetaData Model에서 기본이 되는 Class 요소입니다.  DataType을 Library전체의 재사용이 가능하며 Type System이 가능하며 Type System의 확장성도 가집니다. Core Library (기술적으로 이것은 sap.ui.core Library 입니다)는 다른 Library에서 사용할 수 있는 기본 TypeSet을 포함하고 있습니다.

SAPUI5로 만든 엘리먼트 API는 집합을 사용하기 위한(예를 들어 대상 Object를 Get혹은 Set을 한다던지 Delete 할때) Method를 제공합니다. 예를 들어 table row라던지 table cells또는 table cell의 내용 같은 것들입니다.

'연계'는 위에서 이야기한 부모/자식간에 종속적인 두개의 UI Element Type과 관계를 맺어주는 또 다른 타입니다. 지원된 대상 요소 외부 연계를 가리킵니다. 연계는 대상 엘리먼트의 instance id를 대상으로한 느슨한 연관성을 보여줍니다. 가장 주용한 예제는 레이블과 레이블의 필드의 관계입니다.

Event는 이름뿐만 아니라 파라미터의 번호를 가지고 있습니다. Element의 API는 이벤트 예역어를 지원합니다.

어플리케이션은 어떻게 만드는가??

Application개발자로서  Framework 초기화 Script를 포함한 UI Library List를 만들 필요가 있습니다.

이중 하나또는 그이상의  Controller Tree를 만들고 html 페이지에 해당 Tree를 넣으면 됩니다. 또한 해당 Library가 지원하는 모든 Controller를 이용할 수 있습니다.

해당 FrameWork는 Controller를 초기화 하는데, 또한 JSON Type Data를 지원함으로써 타이핑 하는 일을 줄여줍니다.

물론 Event Handler에서 Contrller의 상태를 수정하는것 또한 가능합니다.

Rendering은 FrameWork가 알아서 처리해줍니다.

다음 방법을 이용할 경우 간단한 어플리케이션을 단 20초만에 만들 수 있습니다.

Eclips용 SAPUI5도구는 SAPUI5 Application을 쉽게 만들 수 있는 마법사를 제공합니다. 해당 도구는 Application을 만들 수 있는 기본적인 틀을 만들어 줍니다.

UI Controll을 만드는 방법

Controller 개발자로서 당신은 UI Library나 해당 Library의 일부분을 추가하거나 수정할 수 있습니다. 

property, Controller, Event 집합등을 만들 수 있습니다. 

가장 기본적인 작업은 특정 Contrller에 대한 구현체를 만들수 있다는 것입니다. 해당 기능은 주어진 Controller instance를 만드는 기능입니다.

해당 구현체는 Javascript로 작성 되었으며 Html5로 구현됩니다. 이러한 이유로 해당 구현체는 CSS Style로 적용할 수 있습니다. 

해당 StyleSheet는 UI Library의 중요한 부분입니다.