...
...
| bgColor | #4338ca |
|---|---|
| borderStyle | none |
...
AUD 표준 개발 프로세스 가이드
표준화된 템플릿 활용 개발부터, 기존 엑셀(MX-Grid)을 활용한 웹 변환까지
원하는 개발 방식을 선택하면 최적의 로드맵을 안내해 드립니다
...
| borderColor | #e5e7eb |
|---|---|
| bgColor | #ffffff |
| borderStyle | solid |
...
...
화면 제작 방식 선택
어떤 방법으로 화면을 만드시겠습니까? 아래 탭에서 원하시는 방식을 선택해주세요.
| 정보 | ||||
|---|---|---|---|---|
| ||||
엑셀 활용 (MX-Grid)
AUD 보고서 템플릿
|
템플릿 유형 선택 (Select Template)
아래 탭에서 원하는 양식을 선택하세요. 유형에 따라 프로세스가 달라집니다.| 정보 | ||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
어떤 유형을 선택해야 할까요?
|
▼ 원하는 유형의 탭을 클릭해 프로세스를 확인하세요 ▼
| AUI Tab Group | ||||||
|---|---|---|---|---|---|---|
02 엑셀 파일 업로드 (Import)다운로드 받은 엑셀 템플릿에 데이터를 연결하거나, 기존 양식(.xlsx) 그대로 업로드하세요. 지원 양식 예시: 손익계산서, 견적서, 휴가신청서, 작업일보 등 작성한 서식과 수식 그대로 엑셀 파일이 웹 화면으로 변환됩니다. 엑셀의 데이터 구조와 기능을 웹 환경에서 그대로 구현할 수 있도록 지원하는 AUD플랫폼의 웹 컴포넌트 도구가 "MX-Grid" 입니다. 03 데이터 연결 (Data Mapping)MX-Grid의 'D시트'에 DB 데이터를 Dataset Manager DB Bot 연결해 출력합니다. 원하는 데이터 연결 방식을 선택하세요. Dataset Manager에서 SQL 쿼리를 직접 작성하여 데이터를 조회합니다. 복잡한 SQL 쿼리 없이 META를 활용해 데이터를 조회합니다. 04 인터랙션 구현 (Interaction)버튼 클릭, 팝업 호출 등 동적인 동작을 정의합니다. 이벤트 로직 설정AUD 보고서 템플릿#e5e7eb#ffffffsolid | ||||||
02 | 템플릿 선정 및 레이아웃15가지 표준 템플릿 갤러리에서 화면 구조를 선택하세요. | |||||
03 | 컴포넌트 바인딩Chart, Grid 컴포넌트를 선택하고 데이터를 연결합니다. | |||||
04 | 인터랙션 구현버튼 클릭, 팝업 등 동적 기능을 설정합니다. | |||||
| 패널 | ||||||
| ||||||
05 | 화면 디자인 및 테스트기업의 브랜드 아이덴티티(CI/BI)를 반영하여 디자인 시스템을 적용합니다. |
| 패널 | ||||
|---|---|---|---|---|
| ||||
UI/UX 디자인 시스템표준 컬러 팔레트, 폰트 스타일, 컴포넌트 규격을 확인하고 적용하세요 → 디자인 가이드 보기 (준비 중) |
| borderColor | #e5e7eb |
|---|---|
| bgColor | #ffffff |
| borderStyle | solid |
완성된 화면 배포하기
개발 완료된 화면을 포털 메뉴에 등록하고 권한을 부여하여 배포합니다.
| 패널 | ||||
|---|---|---|---|---|
| ||||
포털 메뉴 등록 및 배포저장할 위치를 지정하고, 사용자 그룹별 조회 권한을 부여하여 배포하세요 |
| borderColor | #1f2937 |
|---|---|
| bgColor | #1f2937 |
| borderStyle | solid |
코딩 없이 클릭 만으로 이벤트 로직을 설정합니다. (No-Code)
JavaScrpit를 활용해 고도화된 로직을 구현합니다.
화면 디자인 적용
기업의 브랜드 아이덴티티를 반영하여 최종 결과물을 완성합니다.
기본 제공 폰트 외에 추가 폰트를 등록하여 사용할 수 있습니다.
템플릿에 적용된 박스스타일을 변경할 수 있으며, 신규로 등록해 사용할 수 있습니다.
서버에 업로드 된 이미지를 여러 보고서에서 사용할 수 있습니다.
완성된 화면 배포
개발이 완료된 화면을 다른 사용자가 조회할 수 있도록 저장할 위치를 지정하고, 사용자 그룹별 조회 권한을 부여하세요.
컴포넌트 데이터 연결 (Binding)
주로 사용하는 컴포넌트 별 데이터 연결 방법을 안내합니다.
Grid
Chart
ComboBox
인터랙션 구현 (Interaction)
버튼 클릭, 팝업 호출 등 동적인 동작을 정의합니다.
코딩 없이 클릭 만으로 이벤트 로직을 설정합니다. (No-Code)
JavaScrpit를 활용해 고도화된 로직을 구현합니다.
화면 디자인 적용
기업의 브랜드 아이덴티티를 반영하여 최종 결과물을 완성합니다.
기본 제공 폰트 외에 추가 폰트를 등록하여 사용할 수 있습니다.
템플릿에 적용된 박스스타일을 변경할 수 있으며, 신규로 등록해 사용할 수 있습니다.
서버에 업로드 된 이미지를 여러 보고서에서 사용할 수 있습니다.
완성된 화면 배포
개발이 완료된 화면을 다른 사용자가 조회할 수 있도록 저장할 위치를 지정하고, 사용자 그룹별 조회 권한을 부여하세요.