SAPUI5 JSONModel과 Data Binding JSONModel이란?JSONModel은 SAPUI5에서 가장 많이 사용하는 데이터 모델이다.주로 다음과 같은 상황에서 사용된다.화면 상태 관리사용자 입력 데이터 저장API 응답 데이터 저장임시 데이터 관리검색 조건 관리예를 들어 사용자 정보가 있다면 다음과 같이 관리할 수 있다.{ "user": { "name": "Amy", "department": "Development" }}JSONModel은 JavaScript 객체를 그대로 사용할 수 있기 때문에 학습 난이도가 낮고 활용도가 높다. JSONModel 생성하기Controller에서 생성sap.ui.define([ "sap/ui/model/json/JSONModel"],..
전체 글
SAPUI5 Event Handling 가이드 1. Event Handling이란?Event Handling(이벤트 처리)은 사용자의 행동에 반응하여 특정 로직을 실행하는 기능이다.예를 들어 다음과 같은 행동이 모두 이벤트가 될 수 있다.버튼 클릭입력값 변경체크박스 선택리스트 항목 선택테이블 행 클릭화면 로딩 완료SAPUI5에서는 이러한 이벤트를 Controller에서 처리하는 것이 기본 원칙이다. 2. SAPUI5 이벤트 처리 구조SAPUI5는 MVC 패턴을 기반으로 이벤트를 처리한다.동작 흐름은 다음과 같다.사용자 ↓View(Control) ↓Event 발생 ↓Controller 함수 호출 ↓비즈니스 로직 수행 ↓Model 변경 ↓View 자동 갱신예를 들어 사용자가 버튼을 클릭하면Control..
SAPUI5 XML View 가이드 1. XML View란?SAPUI5에서 View는 사용자에게 보여지는 화면(UI)을 정의하는 영역이다.SAPUI5는 다양한 View 유형을 지원한다.View 유형설명XML View가장 많이 사용JS ViewJavaScript 기반HTML ViewHTML 기반JSON ViewJSON 기반현재 SAPUI5 및 SAP Fiori 프로젝트에서는 XML View가 사실상 표준으로 사용된다.XML View는 UI 구조를 선언적으로 작성할 수 있어 유지보수성과 가독성이 뛰어나다. 2. XML View를 사용하는 이유과거 JavaScript View 방식은 UI를 코드로 직접 생성해야 했다.예시:new sap.m.Button({ text: "Save"});UI가 복잡해질수록..
SAPUI5 MVC 구조 이해하기 1. MVC란 무엇인가?MVC(Model-View-Controller)는 애플리케이션을 역할별로 분리하여 관리하는 대표적인 소프트웨어 설계 패턴이다.MVC는 다음 세 가지 구성 요소로 이루어진다.구성 요소역할Model데이터 관리View화면(UI) 표시Controller사용자 이벤트 및 로직 처리SAPUI5는 기본적으로 MVC 패턴을 기반으로 설계되었으며, 모든 애플리케이션이 MVC 구조를 따르는 것을 권장한다. 2. SAPUI5에서 MVC를 사용하는 이유초기 웹 개발에서는 HTML, JavaScript, 데이터 처리 코드가 하나의 파일에 섞여 있는 경우가 많았다.예를 들어 다음과 같은 문제가 발생한다.유지보수 어려움코드 중복 증가기능 추가 시 영향 범위 확대협업 효율..
SAPUI5 프롤로그: SAPUI5 시작하기 1. 개요SAPUI5는 SAP에서 제공하는 엔터프라이즈 웹 애플리케이션 개발 프레임워크이다. HTML, CSS, JavaScript를 기반으로 하며 SAP Fiori 디자인 시스템을 적용한 비즈니스 애플리케이션을 개발할 수 있다.일반적인 프론트엔드 프레임워크인 React, Vue, Angular가 범용 웹 개발을 목표로 한다면 SAPUI5는 SAP ERP, SAP S/4HANA, SAP BTP와 같은 SAP 생태계에 최적화되어 있다.SAPUI5를 사용하면 다음과 같은 기능을 쉽게 구현할 수 있다.반응형 UI데이터 바인딩MVC 아키텍처OData 연동국제화(i18n)라우팅 및 네비게이션SAP Fiori UX 적용SAP의 대부분의 Fiori 애플리케이션은 SAPUI..