커스텀 위젯 구성

커스텀 위젯을 만드려면 다음과 같은 파일들이 필요하다.

File	필수/선택	설명
Custom Widget JSON	필수	커스텀 위젯을 정의하는 파일
Web Component JavaScript	필수	커스텀 위젯의 구성 요소(웹컴포넌트)
Web Component JavaScript of Styling Panel	선택	커스텀 위젯의 스타일 패널을 구현하는 파일(웹컴포넌트)
Web Component JavaScript of BuilderPanel	선택	커스텀 위젯의 빌더 패널을 구현하는 파일(웹컴포넌트)
Icon	선택	커스텀 위젯의 아이콘(16*16 픽셀)
기타..	선택	JS,CSS,이미지 등 커스텀 위젯에 필요한 추가 파일

커스텀 위젯 업로드

업로드 결과

Githup에 공유된 파일로 업로드 하여 테스트 해 보았다.
SAP Sample Github

SAC는 Trial 버전 이용

커스텀 위젯으로 아래와 같은 custom pie 차트를 생성하였다.

아래는 커스텀 위젯과 기본 제공 차트 비교
확실히 커스텀 위젯이 예쁠 수 밖에 없는..

업로드 방법

Analytic Application - Custom Widgets - +버튼

JSON파일 업로드후 ZIP파일 업로드
: 리소스 파일을 별도 웹서버에 업로드할경우엔 zip파일 필요 없음.
나는 SAC에 업로드 할거기 때문에 zip파일 생성

스토리에서 사용하기
Custom Widget 하위에 우리가 추가한 커스텀 위젯이 조회 된다.
기본 위젯 처럼 Drag&Drop하여 데이터 할당후 사용하면 된다!

다음 글에는 각 파일이 어떻게 구성되어있는지 알아보겠다.