ComboBox vs Select — 입력 가능 vs 선택만 #shorts #SAP #UI5
이 글이 답하는 질문 UI5 ComboBox와 Select, 언제 어느 걸 써야 하나? 사용자가 새 값을 입력해야 한다면? 결정적 차이 1가지 ComboBox — 입력 가능 ComboBox는 드롭다운 목록에서 선택할 수도 있고, 리스트에 없는 값을 직접 타이핑해서 입력할 수 있습니다.
UI5 면접 암기 없이 통과? #shorts #SAP #QnA
시니어 UI5 면접에서 자주 나오는 함정 UI5 시니어 포지션 면접에서는 단순 사용법이 아닌, 내부 동작 원리 를 묻는 질문이 핵심입니다. 합격자와 불합격자를 가르는 3가지 포인트를 정리했습니다. ① OData 바인딩 모드 — 언제 어떤 걸 쓰나요? 면접관이 "왜 Two-way 바인딩을
UI5 시니어 면접 실수 5가지 #shorts #SAP #QnA
UI5 시니어 면접, 이 질문에서 막힌다 UI5 경력 3년 차도 막히는 시니어 면접 질문이 있습니다. 단순 API 암기가 아닌 설계 의도와 트레이드오프 를 묻는 질문들입니다. 실수 1: MVC와 MVVM 혼동 UI5는 MVC 기반이지만 데이터 바인딩 방식은 MVVM에 가깝습니다. "UI
destroy 안 부르면 큰일 — UI5 메모리 누수 #shorts #SAP #UI5
왜 destroy()가 필요한가 SAPUI5는 자체 ManagedObject 레지스트리로 모든 컨트롤을 추적합니다. 컨트롤을 DOM에서 제거하거나 부모에서 detach해도 이 레지스트리 참조는 그대로 남습니다. 이벤트 핸들러, 모델 바인딩, 프래그먼트 캐시까지 메모리에 계속 쌓입니다.
OData V4 vs V2 — RAP 30초 선택 기준 #shorts #SAP #ABAP
OData V2 vs V4 — Service Binding 선택의 차이 ABAP RAP에서 Service Binding을 생성할 때 OData 버전을 선택해야 합니다. V2 는 오래된 Fiori 앱과 호환성이 높고, V4 는 최신 기능과 성능이 더 우수합니다. 언제 어느 버전을 선택해야
직접 참조 없이 — EventBus 2줄로 앱 연결 #shorts #SAP #UI5
컴포넌트 간 통신, 왜 까다로울까요? UI5 앱이 커지면 부모→자식 모델 바인딩만으로는 부족합니다. 형제 뷰나 독립된 컨트롤러 간 데이터 전달 시 직접 참조를 남발하면 의존성 지옥에 빠집니다. EventBus는 이 문제를 Publish/Subscribe 패턴으로 해결합니다. 발행(Pub
Object Page 실수 3가지 #shorts #SAP #Fiori
Object Page란? Fiori 상세 화면의 표준 패턴입니다. 구조는 Header Area 와 Content Area 로 나뉘고, Content Area는 Section → SubSection → Facet 계층을 따릅니다. 이 계층을 잘못 이해하면 레이아웃이 무너지거나 내용이 통째
Fiori 개발자 80%가 놓치는 ARIA 접근성 속성 #shorts #SAP #Fiori
Fiori에서 ARIA가 없으면 벌어지는 일 SAP Fiori 앱에 ARIA 속성을 빠뜨리면 스크린 리더 사용자는 버튼이 존재하는지조차 알 수 없습니다. 단순한 권고 사항이 아닙니다. 유럽 EAA(European Accessibility Act) 2025, 미국 Section 508 등
직접 호출 없이 — 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