페이지 트리

버전 비교

  • 이 줄이 추가되었습니다.
  • 이 줄이 삭제되었습니다.
  • 서식이 변경되었습니다.

...

01

템플릿 유형 선택 (Select Template)

원하는 양식을 선택하세요. 선택한 유형에 따라 프로세스가 달라집니다.


정보
title어떤 유형을 선택해야 할까요?

엑셀 템플릿 (MX-Grid) Cell-based

  • 추천: 정형 리포트, 데이터 입력/수정 화면, 경영계획
  • 장점: 엑셀 수식/서식 그대로 활용, 빠른 개발 속도

AUD 보고서 템플릿 (Web Component) Free-form

  • 추천: 임원용 대시보드(Dashboard), 시각화, 모바일
대응
자유로운 레이아웃 구성
  • 장점: 자유로운 디자인 배치, 화려한 차트/지도 구현


AUI Tab Group


엑셀 활용 (MX-Grid)


02

엑셀 파일 업로드 (Import)

기존 엑셀

양식을 업로드합니다.

양식(.xlsx)을 업로드하면 셀 스타일이 자동 변환됩니다.


Check Point

업로드 시 엑셀의 셀 병합, 배경색, 테두리 정보가 그대로 웹 화면 스타일로 변환됩니다.
함수(Sum, Avg 등)가 포함된 경우 자동으로 계산 로직이 적용됩니다.


03

데이터 연결 (Data Mapping)

Dataset Manager

또는 DB Bot으로 데이터 연결

(SQL) 또는 DB Bot(No-Code)으로 데이터를 연결합니다.


#93c5fd#ffffffsolid

Dataset Manager (SQL)

SQL 쿼리를 직접 작성하여 연결

가이드 보기 →



#86efac#ffffffsolid

DB Bot (No-Code)

GUI 환경에서 데이터 연결

가이드 보기 →



true잠깐! 조회 조건 변수(Parameter) 및 파일 업로드

변수 처리: 데이터 연결 시 날짜, 부서 등 사용자 조회 조건을 처리하는 방법 → 사용법 보기

DB가 준비되지 않았나요? 엑셀/CSV 파일을 직접 업로드하여 데이터를 연결할 수 있습니다.



AUD 보고서 템플릿


02

컴포넌트 데이터 연결 (Binding)

그리드, 차트

컴포넌트에 데이터 바인딩

등 컴포넌트를 선택하고 데이터를 바인딩합니다.


ListGrid - 목록형 그리드

SQL 또는 META를 이용하여 데이터를 연결하세요.

가이드 보기 →


Chart - 차트/그래프

SQL, META 또는 Grid 데이터를 연결하세요.

가이드 보기 →


trueTip: 조회 조건 및 파일 업로드

변수(Parameter): 조회 조건 처리 방법 → 확인하기

파일 업로드: DB 없이 엑셀/CSV 파일로 연결 가능합니다.




04

인터랙션 구현 (Interaction)

Process Bot

또는 Script Editor로 이벤트 정의

(No-Code) 또는 Script Editor(JS)로 동적 동작을 정의합니다.


패널
borderColor#c084fc
bgColor#ffffff
borderStylesolid

Process Bot (No-Code)

클릭만으로 이벤트 로직 설정

가이드 보기 →



패널
borderColor#fb923c
bgColor#ffffff
borderStylesolid

Script Editor (Pro-Code)

JS를 활용한 고도화된 로직 구현

가이드 보기 →


패널
borderColor#cbd5e1
bgColor#f8fafc
borderStylesolid

이벤트 실행 순서 및 생명주기 (Event Lifecycle)

보고서 실행 및 조회 시 발생하는 이벤트의 순서를 확인하세요.

상세 보기 →


05

화면 디자인 적용

CI/BI를 반영하여 폰트, 박스 스타일,

이미지 조정

이미지를 최종 조정합니다.


패널
borderColor#e5e7eb
bgColor#ffffff
borderStylesolid

폰트 추가

파일 서버 경로에서 폰트 파일을 직접 추가/변경합니다.

가이드 보기 →



패널
borderColor#e5e7eb
bgColor#ffffff
borderStylesolid

박스스타일 변경

템플릿에 적용된 박스스타일을 변경하며, 즉시 적용됩니다.

준비 중



패널
borderColor#e5e7eb
bgColor#ffffff
borderStylesolid

이미지 변경

서버 경로의 이미지 파일을 교체하여 로고 등을 변경합니다.

준비 중


06

완성된 화면 배포

권한 설정 후 포털에 배포

저장 위치를 지정하고 사용자 권한을 부여하여 포털에 등록합니다.

배포 가이드 보기 →


패널
borderColor#1f2937
bgColor#1f2937
borderStylesolid

Copyright © 2026 AUD Platform Partner Center. All rights reserved.