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가 복잡해질수록..
Front/SAPUI5
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..
