페이지 트리

버전 비교

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

...

패널
borderColor#4338ca
bgColor#4338ca
borderStylesolid

AUD 표준 개발 프로세스 가이드

표준화된 템플릿 유형(엑셀 vs AUD보고서)에 따라 최적의 개발 로드맵을 안내해 드립니다

01

템플릿 유형 선택 (Select Template)

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

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

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

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

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

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

기반 개발부터 엑셀(MX-Grid) 활용 웹 전환까지
개발 방식에 따라 최적의 로드맵을 제공합니다


데이터 연결 (Data Mapping)
패널


01

화면 제작 방식 선택

개발 방식을 선택하면 이후 절차가 달라집니다


03
AUI Tab Group

엑셀 활용 (MX-Grid)

02

엑셀 파일 업로드 (Import)

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

Check Point

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

엑셀 기반 화면 생성

기존 엑셀 파일을 업로드하여 웹 화면으로 변환하고
데이터 매핑 및 인터랙션을 설정합니다

02. 엑셀 파일 업로드

기존에 사용하던 엑셀 양식을 그대로 업로드합니다

03. 데이터 연결

Dataset Manager(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(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.

GUI)을 통해
엑셀 시트와 데이터를 매핑합니다

04. 인터랙션 구현

버튼, 팝업, 화면 이동 등 이벤트를 설정합니다
(Process Bot 또는 Script Editor 사용)

AUD 보고서 템플릿

표준 템플릿 기반 화면 제작

사전에 정의된 레이아웃과 컴포넌트를 활용하여
빠르고 일관된 화면을 제작합니다

02. 템플릿 및 레이아웃 선택

업무 목적에 맞는 표준 레이아웃을 선택합니다
(경영, 재무, 영업, 물류 등)

03. 컴포넌트 데이터 바인딩

Grid, Chart, ComboBox 등 컴포넌트에
SQL 또는 META 방식으로 데이터를 연결합니다

04. 인터랙션 구현

조회 조건, 버튼 이벤트, 화면 간 연계를 설정합니다




패널

05. 화면 디자인 및 테스트

기업의 CI/BI를 반영하여 디자인을 조정하고
실제 데이터 기준으로 화면을 검증합니다


패널

06. 화면 배포

포털 메뉴에 등록하고 사용자 권한을 설정하여
다른 사용자에게 화면을 공유합니다


패널
bgColor#1f2937

Copyright © 2024 AUD Platform Partner Center.