Communitygithub.com

sap-fiori-add-visual-filter

SAP Fiori 애플리케이션에 시각적 필터를 추가하기 위한 에이전트 스킬입니다.

sap-fiori-add-visual-filter란 무엇인가요?

이 스킬은 SAP Fiori 애플리케이션 개발 과정에서 시각적 필터(Visual Filter)를 손쉽게 통합할 수 있도록 지원합니다. 시각적 필터는 사용자 경험을 향상시키는 대화형 데이터 필터링 구성 요소로, 차트나 슬라이더 형태로 데이터를 시각화하여 직관적인 탐색을 가능하게 합니다. 주로 SAP Fiori 요소 라이브러리와 SAPUI5 프레임워크를 기반으로 작동하며, 개발자는 이 스킬을 통해 복잡한 필터 로직을 코드 몇 줄로 구현할 수 있습니다. 이 스킬은 SAP BTP(비즈니스 테크놀로지 플랫폼) 환경과 온프레미스 시스템 모두에서 사용 가능하며, 다양한 데이터 소스와의 호환성을 제공합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/cline/skills/tree/main/skills/sap-fiori-add-visual-filter

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

sap-fiori-add-visual-filter은(는) 무엇을 하나요?

cline/skills의 에이전트 스킬 'sap-fiori-add-visual-filter'입니다.

이 스킬은 SAP Fiori 애플리케이션에 시각적 필터(Visual Filter)를 추가하는 방법을 제공합니다. 시각적 필터는 사용자가 데이터를 대화형으로 필터링할 수 있게 해주는 UI 구성 요소로, 차트, 슬라이더, 드롭다운 등의 형태로 제공됩니다.

주요 기능

  • 대화형 필터링: 사용자가 시각적 요소를 조작하여 데이터를 실시간으로 필터링할 수 있습니다.
  • 다양한 시각화 유형: 막대 차트, 파이 차트, 슬라이더, 체크박스 등 여러 형태의 시각적 필터를 지원합니다.
  • 쉬운 통합: SAPUI5 애플리케이션에 간단한 코드 추가만으로 시각적 필터를 통합할 수 있습니다.
  • 데이터 바인딩: OData 서비스 등 다양한 데이터 소스와 자동으로 바인딩됩니다.

지원 플랫폼

  • SAP Fiori 요소 기반 애플리케이션
  • SAPUI5 프레임워크
  • SAP BTP 및 온프레미스 환경

사용 방법

  1. SAP Fiori 프로젝트에서 시각적 필터를 추가할 뷰 또는 컨트롤러를 엽니다.
  2. 필요한 라이브러리를 가져옵니다.
  3. XML 뷰 또는 JavaScript 코드에서 시각적 필터 구성 요소를 정의합니다.
  4. 데이터 모델을 필터에 바인딩합니다.
  5. 필요에 따라 필터 동작을 사용자 정의합니다.

예제 코드

<mac:VisualFilter id="visualFilter"
    filterType="Chart"
    visualFilterData="{/VisualFilterData}">
</mac:VisualFilter>

참고 자료

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

관련 스킬