전체 글

TL;DRrenderType="Bare"로 바꿨더니 라벨만 가운데로 몰렸다. text-align을 줘도 안 먹는다.Bare는 감싸는 div를 생략한다. 글자 요소가 곧 flex 항목이 되면서 자고 있던 .sapMText { align-self: center }가 깨어났다.align-self: stretch로 상자를 늘린 뒤에야 text-align이 의미를 갖는다.환경항목값SAPUI51.108.7테마sap_belize컨트롤sap.m.VBox, sap.m.FlexBox, sap.m.Text상황기존 프로젝트에서 이식해 온 공통 CSS가 깔려 있음🚨 문제 상황라벨과 값이 세로로 쌓인 입력 블록이 열 개쯤 있다.불필요한 div를 줄이려고 renderType="Bare"로 바꿨다. DOM이 가벼워지는 것 말곤 달..

TL;DR같은 코드표인데 Select와 ComboBox의 드롭다운 폭이 다르다. 긴 항목이 Select에서만 잘린다.belize 테마가 Select 피커에만 max-width:600px를 건다.드롭다운을 한 컨트롤로 통일한다. 못 바꾸면 테마 상한을 명시적으로 푼다.환경항목값SAPUI51.108.7테마sap_belize컨트롤sap.m.Select, sap.m.ComboBox확인한 파일테마의 library.css🚨 문제 상황조회 조건 줄에 드롭다운 두 개가 나란히 있다. 하나는 Select, 하나는 ComboBox다.입력칸 폭은 같게 맞췄는데 펼친 목록의 폭이 다르다.항목 글자가 짧을 땐 안 보인다. 긴 항목이 들어오면 한쪽은 쭉 늘어나고, 한쪽은 600px에서 잘려 뒷글자가 사라진다.원인 추적처음 의심..

TL;DR날짜 칸을 비워 둔 건만 저장하면 서버가 500을 뱉는다. 메시지에 단서가 없다.빈 날짜의 기본값이 19000101이었다. 1908년 이전 한국은 표준시가 아니라 지방 평균시 +08:27:52였다.UTC로 바꾸면 32분 8초가 붙는다. 빈 날짜엔 기본값을 주지 않거나 moment.utc로 만든다.환경항목값프론트SAPUI5 1.108.7, moment.js백엔드OData v2 Gateway필드 형식Edm.DateTime, Edm.Time브라우저 시간대Asia/Seoul🚨 문제 상황신청 화면에서 저장을 누르면 대부분 잘 된다. 그런데 어떤 건만 500이 떨어진다.HTTP/1.1 500 Internal Server Error{"error":{"code":"SY/530", "message":{"va..

TL;DR드롭다운 자리표시를 넣었는데 ComboBox 칸이 빈 채로 열린다.Select는 forceSelection 기본값이 true라 첫 항목을 자동으로 고른다. ComboBox엔 그 속성이 없다.자리표시 키를 'ALL' 같은 실제 값으로 주고, 서버로 보낼 때만 빈 값으로 되돌린다.환경항목값SAPUI51.108.7 (운영) / 1.136.0 (빌드)테마sap_belize컨트롤sap.m.ComboBox, sap.ui.core.ListItem모델JSONModel 양방향 바인딩🚨 문제 상황드롭다운 맨 앞에 「- 선택 -」 같은 자리표시를 넣는 건 흔한 요구사항이다.아무것도 안 고른 상태를 화면에 보여 줘야 하고, 그 상태는 서버로 빈 값으로 보내야 한다. 그래서 키를 빈 문자열로 뒀다. oModel.s..

SAPUI5 JSONModel과 Data Binding JSONModel이란?JSONModel은 SAPUI5에서 가장 많이 사용하는 데이터 모델이다.주로 다음과 같은 상황에서 사용된다.화면 상태 관리사용자 입력 데이터 저장API 응답 데이터 저장임시 데이터 관리검색 조건 관리예를 들어 사용자 정보가 있다면 다음과 같이 관리할 수 있다.{ "user": { "name": "Amy", "department": "Development" }}JSONModel은 JavaScript 객체를 그대로 사용할 수 있기 때문에 학습 난이도가 낮고 활용도가 높다. JSONModel 생성하기Controller에서 생성sap.ui.define([ "sap/ui/model/json/JSONModel"],..