View XML 없이 — 어노테이션 3가지 #shorts #SAP #Fiori

어노테이션 기반 Fiori UI란?

SAP Fiori의 Annotation Driven UI는 별도 View XML 없이 OData 메타데이터 어노테이션 한 줄로 리스트·폼·필터를 자동 렌더링합니다. Fiori Elements가 메타데이터를 해석해 UI를 생성하므로 반복 코딩이 사라집니다.

핵심 어노테이션 3가지

@UI.lineItem은 테이블 컬럼, @UI.selectionField는 필터 바, @UI.headerInfo는 Object Page 헤더를 정의합니다.

// CAP CDS 어노테이션 예시
annotate ProductService.Products with @(
  UI.lineItem: [
    { Value: productId, Label: "ID"    },
    { Value: name,      Label: "상품명" },
    { Value: price,     Label: "가격"   }
  ],
  UI.selectionField: [
    { Value: category },
    { Value: price    }
  ],
  UI.headerInfo: {
    TypeName: "상품",
    Title: { Value: name }
  }
);

metadata.xml 직접 수정 시

CAP CDS가 없는 환경에서는 OData metadata.xml에 <Annotation Term="UI.LineItem"> 블록을 직접 작성합니다. CDS 어노테이션이 유지보수 면에서 훨씬 유리합니다.

Fiori Elements vs 직접 개발

어노테이션 방식은 표준 Fiori 패턴(List Report, Object Page)에 최적화되어 있습니다. 커스텀 레이아웃이 필요하면 Extension Point를 추가하되, 어노테이션 기반을 유지해야 업그레이드 안전성을 보장합니다.

핵심 한 줄

어노테이션 한 줄이 View XML 수백 줄을 대체한다.