Fiori 개발 90%가 모르는 방식 선택 기준 #shorts #SAP #Fiori
이 글의 목적과 얻어갈 것 SAP Fiori 앱을 만들 때 가장 먼저 부딪히는 갈림길은 "Fiori Elements 템플릿을 쓸 것인가, 아니면 Freestyle UI5로 처음부터 만들 것인가"입니다. 두 방식 모두 SAPUI5 프레임워크 위에서 돌아가지만, 개발 속도·커스터마이징 자유
CAP Node.js 실수 패턴 — 30초 만에 정리 #shorts #SAP #CAPforNode
왜 CAP Node.js 프로젝트에서 같은 실수가 반복되는가 SAP Cloud Application Programming Model(CAP) for Node.js는 convention over configuration 철학을 기반으로 하기 때문에, 초기 진입 장벽은 낮지만 프로덕션에 근
CAP Java vs Node.js 선택 실수 3가지 #shorts #SAP #CAPforJava
1. 왜 런타임 선택이 CAP 프로젝트의 첫 번째 관문인가 SAP Cloud Application Programming Model(CAP)은 하나의 프레임워크지만, 실제 서비스를 구현하는 런타임은 Java와 Node.js 두 가지로 나뉩니다. CDS(Core Data Services)
Cockpit 없이 CF 배포 — 90%가 놓치는 CLI 설정 #shorts #SAP #BTP
개요 및 실전 배포 목표 SAP BTP Cockpit은 시각적으로 편리하지만, 반복 배포·CI/CD·원격 서버 작업에서는 오히려 병목이 됩니다. 이 글은 Cloud Foundry CLI(cf CLI) 하나만으로 로그인부터 서비스 바인딩, 매니페스트 배포, 롤백까지 전체 흐름을 완성하는
Analytical Query에 Fiori Elements ALP, 60초 만에 연결 #shorts #SAP #ABAP
개요 및 학습 포인트 ABAP Analytical Query는 CDS View 위에 다차원 분석(Dimension/Measure) 모델을 얹어, Fiori Elements의 Analytical List Page(ALP)에서 차트와 테이블이 자동 생성되도록 만드는 패턴입니다. 매출/판매량
서비스 직접 호출 그만 — CAP emit/on 이벤트 패턴 #shorts #SAP #CAP
1. 개요 및 이 글에서 다룰 것 CAP(Cloud Application Programming Model) for Node.js의 강력한 기능 중 하나는 이벤트 기반 아키텍처 를 자연스럽게 구현할 수 있다는 점입니다. 이 글에서는 emit 과 on 패턴을 통해 서비스 간 느슨한 결합(l
Proxy Type Internet vs OnPremise — BTP Cloud Connector 연결 핵심 #shorts #SAP #BTP
1. 개요 및 이 글에서 다룰 것 SAP BTP(Business Technology Platform) 위에서 운영되는 클라우드 애플리케이션이 사내 방화벽 뒤편의 On-Premise SAP S/4HANA, ECC, 또는 Non-SAP 시스템 에 안전하게 접근해야 하는 시나리오는 하이브리드
sinon Stub·Spy로 함수 모킹·감시 3단계 #shorts #SAP #UI5
UI5 QUnit 단위 테스트에서 sinon Stub과 Spy를 활용해 외부 의존 없이 함수를 모킹·감시하는 3단계 방법을 다룹니다.
QUnit async 테스트 그만 헤매세요 — done() 패턴 #shorts #SAP #UI5
UI5 QUnit 비동기 테스트 — done() callback 패턴
public vs private — UI5 모듈 API 설계 패턴 #shorts #SAP #UI5
UI5 모듈 API 설계 — public vs private 분리 패턴
Code Splitting 3가지로 UI5 첫 로딩 최적화 #shorts #SAP #UI5
UI5 Code Splitting 튜토리얼 — 곧 업데이트됩니다.
Manifest 동기 로드 아직도? — UI5 Async Manifest #shorts #SAP #UI5
1. 개요 및 핵심 포인트 SAPUI5 / OpenUI5 애플리케이션의 부트스트랩 단계는 사용자가 화면을 보기까지 걸리는 첫 번째 병목입니다. 동기(synchronous) manifest 로드 방식은 코드가 단순하지만 브라우저 메인 스레드를 차단하고, 점차 deprecated 처리되어
ETag vs Cache-Control — UI5 캐시 전략 핵심 #shorts #SAP #UI5
1. 개요 및 핵심 포인트 UI5 애플리케이션을 BTP에 배포하면 사용자가 페이지를 열 때마다 sap-ui-core.js , Component-preload.js , 컨트롤 라이브러리 등 수백 KB의 정적 리소스가 네트워크로 흘러갑니다. 이 트래픽을 줄이고 초기 로딩을 1초 이하로 끌어
Component init vs exit — 라이프사이클 훅 순서 #shorts #SAP #UI5
개요 및 핵심 포인트 SAPUI5/OpenUI5의 UIComponent 는 애플리케이션의 진입점이자 라우팅, 모델, 의존성 관리를 총괄하는 구성 단위입니다. 컴포넌트가 어떤 시점에 살아나고 어떤 시점에 사라지는지를 라이프사이클 훅으로 명확히 다루지 못하면, 라우터가 두 번 등록되거나 타
라우팅하면 이전 뷰는 어디로 가요? — UI5 Cache Lifecycle #shorts #SAP #UI5
개요 및 핵심 포인트 SAPUI5/OpenUI5 애플리케이션에서 라우팅은 단순한 페이지 전환을 넘어 뷰 인스턴스의 생명주기(Lifecycle) 를 직접 제어하는 핵심 메커니즘입니다. 기본적으로 UI5 라우터는 한 번 생성된 뷰를 메모리에 캐시(cache)하여 재방문 시 빠르게 보여주지만
라우트 늘어날수록 이렇게 정리해요? — UI5 Route Group #shorts #SAP #UI5
개요 SAPUI5/OpenUI5 애플리케이션의 규모가 커지면 manifest.json 의 routing 섹션도 빠르게 비대해집니다. 특히 모듈별로 /products/list , /products/detail/{id} , /products/edit/{id} 처럼 동일한 URL 접두어를 공
Flat vs Nested — UI5 Subroutes 중첩 라우팅 #shorts #SAP #UI5
개요 및 달성 목표 SAPUI5에서 Subroutes는 하나의 URL 패턴이 여러 개의 View를 동시에 활성화시키는 중첩 라우팅 메커니즘입니다. 주문 목록과 상세 화면을 한 화면에 나란히 보여주는 Master-Detail 패턴, 또는 좌측 카테고리 트리와 우측 콘텐츠를 동시에 유지하는
:param vs * — UI5 Router 와일드카드 패턴 #shorts #SAP #UI5
개요 및 다룰 내용 SAP UI5 SPA(Single Page Application)에서 URL 하나가 곧 화면의 상태이자 진입점이 됩니다. 주문 상세, 상품 조회, 고객 카드 등 수십~수백 종의 화면을 정적으로 라우팅 테이블에 나열하는 것은 비현실적이기 때문에, sap.m.routin
BTP ABAP vs Embedded Steampunk — 차이가 뭔가 #shorts #SAP #ABAP
왜 Embedded Steampunk가 등장했는가 S/4HANA Cloud Private Edition과 On-Premise 시스템에서 클린코어(Clean Core) 원칙을 강제하기 위해 도입된 개발 모델이 바로 Embedded Steampunk 입니다. 기존의 Classic ABAP은
ObjectStatus vs ObjectIdentifier — UI5 상태 표시 #shorts #SAP #UI5
개요 및 이 글에서 다루는 것 SAPUI5/OpenUI5의 sap.m 라이브러리에는 비즈니스 데이터를 시각적으로 표현하기 위한 두 가지 핵심 컨트롤이 있습니다. ObjectStatus 는 항목의 상태(승인/거절/대기)를 색상과 아이콘으로 직관적으로 표현하고, ObjectIdentifie