페이지 이력

패널

borderColor	#4338ca
bgColor	#4338ca
borderStyle	nonesolid

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

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

...

패널

borderColor	#e5e7eb
bgColor	#ffffff
borderStyle	solid

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

.

정보

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

📊 엑셀 활용 (MX-Grid)

기존 엑셀 파일(.xlsx)이 있는 경우
빠른 웹 변환이 필요한 경우
엑셀 수식과 스타일 유지가 필요한 경우

🎨 AUD 보고서 템플릿

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

디자인이

디자인과 구조가 필요한 경우
다양한 컴포넌트 조합이 필요한 경우

AUI Tab Group

📊 엑셀 활용 (MX-Grid)

#e5e7eb

GreenUnique

📊

엑셀 활용 (MX-Grid)

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

#d1fae5#ffffffsolid

02	엑셀 파일 업로드 (Import) 기존에 사용하던 엑셀 양식(.xlsx)을 그대로 업로드하세요

. (서식/수식 유지)

#f0fdf4none

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

GreenTip: 재무/회계 양식 추천

#e5e7eb

📥 주제별 엑셀 샘플 양식

📄

재무/회계

손익계산서

📄

영업/매출

견적서

📄

인사/총무

휴가신청서

📄

생산/재고

작업일보

#d1fae5#ffffffsolid

03	데이터 연결 (Data Mapping) 엑셀 데이터 시트에

DB

데이터를

연결합니다.#f0fdf4none

매핑하여 출력합니다

#93c5fd#ffffffsolid

🗄 Dataset Manager

SQL

쿼리 작성#f0fdf4none

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

→ 가이드 보기

#86efac#ffffffsolid

🤖 DB Bot

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

→ 가이드 보기

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

데이터 연결

#e5e7eb

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

→ 사용법 보기

#d1fae5#ffffffsolid

04	인터랙션 구현 (Interaction) 버튼 클릭, 팝업

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

#f0fdf4none

Process Bot & Script Editor
이벤트 로직 설정

AUD 보고서 템플릿#e5e7eb

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

#c084fc#ffffffsolid

🤖 Process Bot

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

→ 가이드 보기

#fb923c#ffffffsolid

💻 Script Editor

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

→ 가이드 보기

#cbd5e1#f8fafcsolid

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

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

→ 상세 보기

🎨 AUD 보고서 템플릿

BlueStandard

🎨

AUD 보고서 템플릿

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

#bfdbfe#ffffffsolid

02	템플릿 선정 및 레이아웃 (Layout) 15가지 표준 템플릿 갤러리에서 화면 목적에 맞는 구조를 선택하세요

.#e5e7eb

🎨 업무별 추천 템플릿

📊 전사/경영

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

💼 재무/회계

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

🚚 영업/물류

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

→ 전체 템플릿 갤러리 보기

#bfdbfe#ffffffsolid

03

컴포넌트

바인딩

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

false

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

#e5e7eb

데이터 연결 (Binding)

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

1️⃣ Select Component

🗃 ListGrid - 목록형 그리드

#93c5fd#ffffffsolid

🗄 SQL

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

→ 가이드 보기

#86efac#ffffffsolid

🤖 META

GUI 환경에서 마우스 클릭으로 데이터를 연결합니다

→ 가이드 보기

📊 OlapGrid - 피벗 그리드

#93c5fd#ffffffsolid

🗄 SQL

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

→ 가이드 보기

#86efac#ffffffsolid

🤖 META

GUI 환경에서 마우스 클릭으로 데이터를 연결합니다

→ 가이드 보기

📈 Chart - 차트/그래프

#93c5fd#ffffffsolid

🗄 SQL

SQL 쿼리로 데이터 연결

→ 가이드

#86efac#ffffffsolid

🤖 META

GUI로 데이터 연결

→ 가이드

#d8b4fe#ffffffsolid

📑 Grid

Grid 데이터 연결

→ 가이드

📝 ComboBox - 드롭다운 목록

#93c5fd#ffffffsolid

🗄 SQL

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

→ 가이드 보기

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

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

→ 사용법 보기

#bfdbfe#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	#f9fafb#ffffff
borderStyle	nonesolid

🎨 UI/UX 디자인 시스템

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

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

패널

borderColor	#e5e7eb
bgColor	#ffffff
borderStyle	solid

06	완성된 화면 배포하기

개발

개발이 완료된 화면을 다른 사용자가 조회할 수 있도록 포털 메뉴에

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

등록합니다

패널

borderColor	#c7d2fe
bgColor	#f9fafb#ffffff
borderStyle	nonesolid

🚀 포털 메뉴 등록 및 배포

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

→ 배포 가이드 보기

패널

borderColor	#1f2937
bgColor	#1f2937
borderStyle	solid

...

페이지 트리

버전 비교

이전 버전 36

새 버전 37

키

화면 제작 방식 선택

엑셀 활용 (MX-Grid)

엑셀 파일 업로드 (Import)

📥 주제별 엑셀 샘플 양식

데이터 연결 (Data Mapping)

🗄 Dataset Manager

🤖 DB Bot

인터랙션 구현 (Interaction)

🤖 Process Bot

💻 Script Editor

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

AUD 보고서 템플릿

템플릿 선정 및 레이아웃 (Layout)

🎨 업무별 추천 템플릿

컴포넌트

데이터 연결 (Binding)

1️⃣ Select Component

🗄 SQL

🤖 META

🗄 SQL

🤖 META

🗄 SQL

🤖 META

📑 Grid

🗄 SQL

인터랙션 구현 (Interaction)

🤖 Process Bot

💻 Script Editor

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

화면 디자인 및 테스트

🎨 UI/UX 디자인 시스템

완성된 화면 배포하기

🚀 포털 메뉴 등록 및 배포