직접 호출 없이 — EventBus 30초 만에 컴포넌트 통신 #shorts #SAP #UI5
이 글이 답하는 질문 여러 Component로 쪼개진 UI5 앱에서, 서로를 직접 참조하지 않고 데이터를 주고받으려면 어떻게 해야 하나? EventBus의 channelId와 eventId는 어떤 단위로 설계해야 충돌 없이 운영할 수 있나? subscribe를 걸어 둔 뒤 뷰가 dest
formatter 없이 한 줄로 #shorts #SAP #UI5
Expression Binding이란? UI5의 Expression Binding은 XML View 안에서 JavaScript 표현식을 직접 실행할 수 있는 기능입니다. {= ... } 문법을 사용하며, 단순한 조건 처리나 문자열 조합을 위해 Controller에 formatter 함수
백엔드 없이 UI5 개발 가능할까요? — Mock Server 활용
UI5 개발 시 백엔드 API 없이도 개발 가능한 Mock Server 활용법. mockdata 폴더 구성, Component.js 초기화, 프로덕션 분리까지.
SAP 개발 VSCode 셋업 — 30초면 됩니다 #shorts #SAP #QnA
이 글이 답하는 질문 SAP 개발을 VSCode에서 시작하려면 뭘 설치해야 하나요? CAP, Fiori, ABAP 각각 어떤 확장이 필요한가요? Eclipse ADT 없이 SAP 개발이 가능한가요? 직접 해보기 1. CAP 개발 — CDS Language Support # VSCode
Fiori 필수 표시 실수 3가지 #shorts #SAP #Fiori
Fiori 필수 입력 표시란? 사용자가 반드시 입력해야 하는 폼 필드에 빨간 별표(*)를 표시하는 기능입니다. UI5에서는 Label 의 required 속성 하나로 즉시 적용할 수 있어 별도 CSS 작업이 필요 없습니다. Label에 required 적용 가장 기본적인 방법입니다. L
Fiori 필수 별표 — required 금지, 90% 실수 원인 #shorts #SAP #Fiori
이 글이 답하는 질문 Fiori 폼에서 필수 입력 별표(*)는 어떻게 표시하나? Label required 속성만으로 충분한가, 아니면 Input도 건드려야 하나? 저장 버튼 클릭 시 빈 필수 필드를 어떻게 잡나? 직접 해보기 1. XML View — required 한 줄 추가 <
아직도 SAPGUI? — Fiori 마이그레이션 그만 미뤄 #shorts #SAP #Fiori
이 글이 답하는 질문 SAPGUI에서 Fiori로 언제, 어떻게 전환해야 하나? 전면 마이그레이션 vs 공존 방식 중 어느 것이 맞나? 실무에서 Fiori 마이그레이션 시 빠지기 쉬운 함정은? SAPGUI를 아직 쓰는 이유 많은 기업이 익숙함 때문에 SAPGUI를 유지한다. 하지만 S/
백엔드 없이 UI5 개발 — Mock Server 실수 4가지 #shorts #SAP #UI5
이 글이 답하는 질문 백엔드 없이 UI5 앱을 어떻게 실행할 수 있나? Mock Server를 어디에, 어떻게 붙이나? 왜 내 Mock 데이터가 화면에 안 보이지? 직접 해보기 1. 디렉토리 구조 만들기 webapp/ localService/ mockdata/ Products.json
Fiori 필수 표시 — 90%가 Label required 빼먹는다 #shorts #SAP #Fiori
이 글이 답하는 질문 Input에 required=true 줬는데 왜 별표(*)가 안 보일까? Label과 Input 중 어디에 required를 걸어야 할까? SmartForm에서는 왜 required를 직접 안 써도 될까? Fiori 필수 표시 실수 3가지 1. Input에만 req
SAPGUI에서 Fiori 전환 실수 3가지 #shorts #SAP #QnA
아직도 SAPGUI 쓰고 있나요? SAP Fiori는 더 이상 선택이 아닙니다. 많은 기업이 여전히 SAPGUI의 복잡한 트랜잭션 화면에 의존하고 있지만, SAP는 Fiori를 표준 UX로 공식 전환했습니다. 마이그레이션을 미루는 사이 기술 부채가 쌓입니다. Fiori 마이그레이션 핵심
Fiori Elements vs Freestyle — 어떤 걸 골라야? #shorts #SAP #UI5
Fiori Elements vs Freestyle SAP UI5 개발에서 가장 먼저 결정해야 할 것은 Fiori Elements를 쓸지, Freestyle UI5를 쓸지입니다. 선택에 따라 개발 방식이 완전히 달라집니다. Fiori Elements OData 어노테이션 기반으로 UI를
Mock Server 30초 — JSON이 OData 서버로 #shorts #SAP #UI5
이 글이 답하는 질문 백엔드 없이 UI5 앱을 개발하고 싶다면? MockServer.simulate()이 실제로 어떻게 동작하나? 직접 해보기 1. MockServer 초기화 // webapp/localService/mockserver.js sap.ui.define([ "sap/ui/c
ProgressIndicator 90%가 state 고정 — 포매터로 해결 #shorts #SAP #UI5
ProgressIndicator란? SAP UI5의 sap.m.ProgressIndicator 는 작업 진행률을 % 로 시각화하는 컨트롤입니다. 파일 업로드, 온보딩 단계, 예산 소진율처럼 수치로 표현 가능한 상태에 바로 사용할 수 있습니다. XML 선언 — 3줄이면 충분 <Pro
백엔드 없이 OData? — Mock Server 3단계 설정 #shorts #SAP #UI5
이 글이 답하는 질문 백엔드 API가 없는 상황에서도 UI5 앱을 실행할 수 있나? Mock Server는 어떻게 설정하고 OData를 어디서 흉내 내나? 운영 배포 코드에 Mock이 섞이지 않게 하려면? 직접 해보기 1. 디렉토리 구조 잡기 webapp/ localService/ me
OData V2 vs V4 — 성능 차이 #shorts #SAP #UI5
이 글이 답하는 질문 UI5에서 V2 모델과 V4 모델, 코드가 얼마나 다른가? V2 앱을 V4로 바꿀 때 뭐가 달라지나? 언제 V4로 넘어가야 하나? 핵심 차이 한눈에 V2 V4 모델 클래스 odata.v2.ODataModel odata.v4.ODataModel CRUD model.c
Dialog 매번 새로 만든다면? — Fragment 재사용 패턴 #shorts #SAP #UI5
Fragment란 무엇인가 UI5에서 Fragment 는 자체 Controller를 갖지 않는 순수 UI 조각입니다. View와 동일한 XML 문법을 사용하지만, 독립적인 컨트롤러가 없기 때문에 호출하는 View의 Controller에 이벤트 핸들러를 위임합니다. Dialog, Popo
Dialog vs MessageBox — 언제 어느 걸 쓰나 #shorts #SAP #UI5
MessageBox — 확인·알림에 쓴다 단순 확인, 경고, 에러 팝업처럼 버튼 1~2개만 쓰는 경우엔 MessageBox 가 적합합니다. 한 줄로 끝납니다. MessageBox.confirm("저장할까요?", { onClose: (sAction) => { if (sAction ===
Push vs Replace — 히스토리 남기지 말 것 #shorts #SAP #UI5
navTo는 기본으로 히스토리를 쌓는다 UI5 라우팅에서 navTo() 를 호출하면 기본적으로 브라우저 히스토리에 새 항목을 push 합니다. 뒤로 가기 버튼을 누르면 이전 화면으로 돌아갈 수 있습니다. // 기본값 — push 모드 this.getRouter().navTo("detai
Dialog 매번 만들고 있다면? — Fragment 재사용 패턴 #shorts #SAP #UI5
이 글이 답하는 질문 XML Fragment로 재사용 가능한 Dialog를 어떻게 만드나요? Dialog를 매번 새로 생성하면 안 되는 이유는? 직접 해보기 1. ConfirmDialog.fragment.xml <core:FragmentDefinition xmlns="sap.m"
history 쌓기 vs 지우기 #shorts #SAP #UI5
UI5 라우팅 — navTo 두 가지 모드 UI5에서 화면 전환 시 navTo 를 사용하지만, 세 번째 인자 하나로 동작이 완전히 달라집니다. 바로 Push 와 Replace 의 차이입니다. 어떤 걸 써야 뒤로가기가 되고, 어떤 걸 쓰면 막히는지 알아봅니다. Push — history