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
navTo Push vs Replace — 언제 쓰나 #shorts #SAP #UI5
UI5 Routing이 왜 중요한가 SAP UI5에서 화면 전환은 Router와 navTo로 처리합니다. 단순히 화면을 이동할 때 Push와 Replace 중 어떤 방식을 쓰느냐에 따라 뒤로가기 동작이 완전히 달라집니다. manifest.json Routing 설정 먼저 manifest
아직도 기본 포맷만? — Custom Formatter 작성 #shorts #SAP #UI5
Formatter란? UI5 Formatter는 모델 데이터를 화면에 표시하기 전에 변환하는 함수입니다. 날짜 포맷 변경, 상태 코드 → 라벨 변환, 조건부 색상 적용 등 다양한 뷰 로직을 처리합니다. 기본 타입의 한계 sap.ui.model.type.Date 같은 빌트인 타입은 단순
아직도 setItems? Aggregation Binding 끝 #shorts #SAP #UI5
아직도 수동 setItems 쓰시나요? List에 데이터를 채우려고 forEach 돌리며 addItem 하고 계신가요? 데이터가 바뀔 때마다 removeAllItems → 다시 채우기를 반복하면 코드가 금세 지저분해집니다. UI5는 이런 반복을 Aggregation Binding으로 한
F4 Value Help 30초 만에 완성 #shorts #SAP #Fiori
Value Help가 뭔가요? SAP Fiori에서 입력 필드 옆 아이콘을 클릭하면 팝업 검색창이 뜨는 기능이 Value Help(F4 Help)입니다. 사용자가 코드나 ID를 외울 필요 없이 검색해서 선택할 수 있어, UX를 크게 개선합니다. UI5에서 ValueHelpDialog 연
Approuter 잘못 설정하면 큰일 — xs-app.json 라우트 구성 #shorts #SAP #CAP
CAP for Node.js 앱의 Approuter(xs-app.json) 라우트 설정 실수가 어떻게 인증을 통째로 우회시키는지 분석하고, 안전한 authenticationType·destination·csrfProtection 구성 패턴을 실전 코드로 정리합니다.