페이지 이력

패널

borderColor	#4338ca
bgColor	#4338ca
borderStyle	solidnone

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

표준화된 템플릿 활용 개발부터, 기존 엑셀(MX-Grid)을 활용한 웹 변환까지
원하는 개발 방식을 선택하면 최적의 로드맵을 안내해 드립니다

...

→ 전체 템플릿 갤러리 보기

#bfdbfe

패널

borderColor	#e5e7eb
bgColor	#ffffff
borderStyle	solid

01	화면 제작 방식 선택 어떤 방법으로 화면을 만드시겠습니까? 아래 탭에서 원하시는 방식을 선택해주세요.

정보

icon	true
title	어떤 유형을 선택해야 할까요?

[Unique]

엑셀 활용 (MX-Grid)

기존 엑셀 파일(.xlsx)이 있는 경우
빠른 웹 변환이 필요한 경우

엑셀 수식과 스타일 유지가 필요한 경우

[Standard]

AUD 보고서 템플릿

새로운 화면을 처음부터 만드는 경우
표준화된

디자인과 구조가

디자인이 필요한 경우

다양한 컴포넌트 조합이 필요한 경우

#d1fae5

AUI Tab Group

#d1fae5

엑셀 활용 (MX-Grid)

GreenUnique

엑셀 활용 (MX-Grid)

사용하던 엑셀 파일(.xlsx)을 업로드하여
즉시 웹 화면으로 변환하고 데이터를 매핑합니다

#e5e7eb#ffffffsolid

02

엑셀 파일 업로드

(Import)

기존에

사용하던 엑셀 양식(.xlsx)을 그대로 업로드하세요

주제별 엑셀 샘플 양식

재무/회계

손익계산서

영업/매출

견적서

인사/총무

휴가신청서

생산/재고

작업일보

. (서식/수식 유지)

#f0fdf4none

지원 양식 예시: 손익계산서, 견적서, 휴가신청서, 작업일보 등

GreenTip: 재무/회계 양식 추천

#e5e7eb#ffffffsolid

03

데이터 연결 (

Data

Mapping)

엑셀

데이터

시트에 DB 데이터를

매핑하여 출력합니다#93c5fd#ffffffsolid

연결합니다.

#f0fdf4none

Dataset Manager
SQL

쿼리를 직접 작성하여 데이터를 연결합니다

→ 가이드 보기

#86efac#ffffffsolid

쿼리 작성

#f0fdf4none

DB Bot
No-Code

GUI 환경에서 데이터를 연결합니다

→ 가이드 보기

true변수(Parameter) 처리가 필요하신가요?데이터

연결

시 사용자 조회 조건(날짜, 부서 등)을 처리하는 방법을 확인하세요

→ 사용법 보기

#d1fae5

#e5e7eb#ffffffsolid

04

인터랙션 구현

(Interaction)

버튼 클릭, 팝업

호출 등 동적인 동작을 정의합니다#c084fc#ffffffsolid

등 동적 기능을 설정합니다.

#f0fdf4none

Process Bot & Script Editor

코딩 없이 클릭만으로

이벤트 로직 설정

(No-Code)

→ 가이드 보기

#fb923c#ffffffsolid

Script Editor

JavaScript를 활용해 고도화된 로직 구현 (Pro-Code)

→ 가이드 보기

#cbd5e1#f8fafcsolid

이벤트 실행 순서 및 생명주기

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

→ 상세 보기

AUD 보고서 템플릿

BlueStandard

AUD 보고서 템플릿

AUD의 시각화 컴포넌트가 미리 구성된 템플릿을
활용하여 빠르게 화면을 제작합니다

#bfdbfe

#e5e7eb#ffffffsolid

02	템플릿 선정 및 레이아웃

(Layout)

15가지 표준 템플릿 갤러리에서 화면

목적에 맞는

구조를 선택하세요

업무별 추천 템플릿

전사/경영

종합 상황판형 (L01)
성과 리더보드 (L15)
경영 시뮬레이션 (L14)

재무/회계

결산 리포트형 (L05)
피벗 분석형 (L09)
그리드 대량 입력 (L12)

영업/물류

상품 카탈로그 (L10)
지리 정보 분석 (L06)
공정 흐름도 (L07)

.

#e5e7eb#ffffffsolid

03

컴포넌트

데이터 연결 (Binding)

데이터를 바인딩할 컴포넌트를 선택하고 연결 방식을 결정하세요

1. Select Component

ListGrid - 목록형 그리드

#93c5fd#ffffffsolid

SQL

SQL 쿼리를 직접 작성하여 데이터를 연결합니다

→ 가이드 보기

#86efac#ffffffsolid

SQL

SQL 쿼리를 직접 작성하여 데이터를 연결합니다

→ 가이드 보기

#86efac#ffffffsolid

SQL

SQL 쿼리로 데이터 연결

→ 가이드

#86efac#ffffffsolid

Grid

Grid 데이터 연결

→ 가이드

ComboBox - 드롭다운 목록

#93c5fd#ffffffsolid

SQL

SQL 쿼리를 직접 작성하여 데이터를 연결합니다

→ 가이드 보기

true변수(Parameter) 처리가 필요하신가요?

데이터 연결 시 사용자 조회 조건(날짜, 부서 등)을 처리하는 방법을 확인하세요

→ 사용법 보기

#bfdbfe

바인딩

Chart, Grid 컴포넌트를 선택하고 데이터를 연결합니다.

false

ListGrid, OlapGrid, Chart 등 다양한 컴포넌트를 지원합니다.

#e5e7eb#ffffffsolid

04

인터랙션 구현

(Interaction)

버튼 클릭, 팝업

호출 등 동적인 동작을 정의합니다

#c084fc#ffffffsolid

Process Bot

코딩 없이 클릭만으로 이벤트 로직 설정 (No-Code)

→ 가이드 보기

#fb923c#ffffffsolid

Script Editor

JavaScript를 활용해 고도화된 로직 구현 (Pro-Code)

→ 가이드 보기

#cbd5e1#f8fafcsolid

이벤트 실행 순서 및 생명주기

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

→ 상세 보기

등 동적 기능을 설정합니다.

패널

borderColor	#e5e7eb
bgColor	#ffffff
borderStyle	solid

05	화면 디자인 및 테스트 기업의 브랜드 아이덴티티(CI/BI)를 반영하여

최종 결과물을 완성합니다

디자인 시스템을 적용합니다.

패널

borderColor	#c7d2fe
bgColor	#ffffff#f9fafb
borderStyle	solidnone

UI/UX 디자인 시스템

표준 컬러 팔레트, 폰트 스타일, 컴포넌트 규격을 확인하고 적용하세요

→ 디자인 가이드 보기 (준비 중)

패널

borderColor	#e5e7eb
bgColor	#ffffff
borderStyle	solid

06	완성된 화면 배포하기

개발이

개발 완료된 화면을

다른 사용자가 조회할 수 있도록

포털 메뉴에

등록합니다

등록하고 권한을 부여하여 배포합니다.

패널

borderColor	#c7d2fe
bgColor	#ffffff#f9fafb
borderStyle	solidnone

포털 메뉴 등록 및 배포

저장할 위치를 지정하고, 사용자 그룹별 조회 권한을 부여하여 배포하세요

→ 배포 가이드 보기

패널

borderColor	#1f2937
bgColor	#1f2937
borderStyle	solid

...

페이지 트리

버전 비교

이전 버전 35

새 버전 36

키

화면 제작 방식 선택

엑셀 활용 (MX-Grid)

엑셀 파일 업로드

주제별 엑셀 샘플 양식

데이터 연결 (

Mapping)

인터랙션 구현

버튼 클릭, 팝업

Script Editor

이벤트 실행 순서 및 생명주기

AUD 보고서 템플릿

템플릿 선정 및 레이아웃

15가지 표준 템플릿 갤러리에서 화면

업무별 추천 템플릿

컴포넌트

1. Select Component

SQL

META

SQL

META

SQL

META

Grid

SQL

바인딩

인터랙션 구현

버튼 클릭, 팝업

Process Bot

Script Editor

이벤트 실행 순서 및 생명주기

화면 디자인 및 테스트

UI/UX 디자인 시스템

완성된 화면 배포하기

포털 메뉴 등록 및 배포