원클릭으로 Manus에서 모든 스킬 실행

iaud-project-guide

스타2

포크1

업데이트2026년 3월 6일 07:15

i-AUD Developer Kit 프로젝트 가이드. 프로젝트 구조, 폴더 설명, 개발 환경 설정, VS Code 확장 명령어에 대해 안내합니다. "i-AUD란?", "프로젝트 구조", "폴더 설명", "개발 환경", "AUD 명령어" 등을 물어볼 때 사용하세요.

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

Manus에서 실행

출처

AUD-DEV-TEAM

AUD-DEV-TEAM/i-AUD-Developer-Kit

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Manus에서 실행

i-AUD Developer Kit 프로젝트 가이드

1. 프로젝트 개요

i-AUD란?

AUD Platform은 업무시스템 화면 개발을 위한 통합 UI 개발 플랫폼입니다
BI 툴, 리포팅 툴, 시각화 분석 툴, UI/UX 툴의 기능을 하나로 통합
i-AUD는 AUD Platform의 핵심 도구로 WYSIWYG 방식의 웹 애플리케이션 개발 환경 제공
TypeScript(JavaScript) 단일 언어로 클라이언트/서버 개발 가능

i-AUD Developer Kit이란?

VS Code에서 i-AUD 보고서 및 스크립트를 개발할 수 있는 공식 확장(extension) 도구입니다.

주요 기능:

보고서 다운로드/업로드
TypeScript 기반 클라이언트/서버 스크립트 개발
자동 빌드 및 배포
보고서 컨트롤 코드 자동 생성

2. 프로젝트 폴더 구조

i-AUD-Developer-Kit/
├── .vscode/
│   └── settings.json          # AUD 서버 연결 설정
├── src/
│   ├── com/                    # 서버 스크립트용 API (Rhino JavaScript)
│   │   └── matrix/
│   │       ├── script/         # Matrix, Connection, RecordSet 등
│   │       ├── olap/           # OLAP 관련 API
│   │       └── Excel/          # Excel 처리 API
│   ├── aud/                    # 클라이언트 스크립트용 API
│   │   ├── control/            # UI 컨트롤 (Button, Grid, Chart 등)
│   │   ├── common/             # 공통 유틸리티 (UserInfo, ReportInfo 등)
│   │   ├── data/               # 데이터 관련 (DataSet, DataTable 등)
│   │   └── enums/              # 열거형 타입들
│   └── reports/                # 샘플 보고서 및 개발 보고서
│       ├── samples/            # 샘플 보고서 모음
│       │   ├── MX_GRID/        # MX-GRID 컴포넌트 샘플
│       │   ├── OLAP/           # OLAP 그리드 샘플
│       │   └── ETC/            # 기타 샘플들
│       └── [보고서폴더]/       # 실제 개발 보고서들
├── out/                        # TypeScript 빌드 출력
└── node_modules/               # npm 패키지

3. 보고서(프로그램) 폴더 구조

각 보고서 폴더는 다음과 같은 구조를 가집니다:

[보고서명]/
├── .design.json                # 개발용 화면 정의 (스크립트/SQL은 파일 경로 참조) ★ AI는 이 파일 사용
├── [보고서명].mtsd             # 화면 UI 정의 - 서버 원본 (인라인 콘텐츠 포함)
├── [보고서명].script.ts        # 클라이언트 스크립트 (TypeScript)
├── [보고서명].script.js        # 클라이언트 스크립트 (JavaScript)
├── DataSource/                 # 데이터 조회 SQL 파일들
│   └── *.sql
└── ServerScript/               # 서버 스크립트 (Rhino 엔진 사용)
    ├── *.ts                    # TypeScript 서버 스크립트
    └── *.sql                   # SQL 파일

파일 설명

파일	설명
`.design.json`	개발용 화면 정의 — .mtsd와 동일 구조이나 스크립트/SQL이 파일 경로 참조로 대체됨
`*.mtsd`	화면 UI 배치, 데이터 소스, 서비스가 포함된 JSON 문서 — 서버 원본 (인라인 콘텐츠)
`*.script.ts`	클라이언트 스크립트 소스 (.ts 우선 탐색)
`DataSource/*.sql`	DB 조회용 SQL 파일들
`ServerScript/*.ts`	서버 스크립트 (개별 파일이 서비스가 됨)

4. 개발 환경 설정

4.1 설정 파일 (.vscode/settings.json)

{
    "aud.config": {
        "SourcePath": "D:\\aud_report\\src\\reports\\",
        "OutputPath": "D:\\aud_report\\out\\reports\\",
        "ServiceURL": "http://server.com:8080",
        "UserName": "{계정명}",
        "ApiKey": "{API 키}",
        "AutoBuild": false,
        "MX_GRID_BACKUP": true,
        "MX_GRID_JSON_PRETTY": true,
        "QueryResultLimit": 100,
        "QueryResultFileName": "QueryResult.txt"
    }
}

4.2 TypeScript 빌드 설정

# 패키지 설치
npm install

# TypeScript watch 모드 실행 (자동 빌드)
tsc --w

5. VS Code 명령어 (Command Palette)

명령어	단축키	설명
`AUD: Download Report`	-	서버에서 프로그램 다운로드
`AUD: Download Folder`	-	특정 폴더 하위 모든 보고서 다운로드
`AUD: Pull Report`	-	서버 최신 정보로 업데이트
`AUD: Publish Script`	`Ctrl+Alt+S`	스크립트를 서버에 배포
`AUD: Run Designer`	`Ctrl+Alt+D`	브라우저로 프로그램 실행
`AUD: Deploy Report`	-	디자인 정보 포함 전체 배포
`AUD: Generate Starter Code`	-	TypeScript 기본 구조 생성
`AUD: Execute Query`	`Ctrl+F5`	선택한 SQL 실행
`AUD: Generate Control Variables`	-	보고서 내 컨트롤 변수 선언 생성

6. 개발 워크플로우

i-AUD Designer에서 새 보고서 생성 및 컴포넌트 배치
VS Code에서 AUD: Download Report로 다운로드
pull_report 실행 (서버 최신 상태 동기화)
.script.js → .script.ts로 확장자 변경
AUD: Generate Starter Code로 기본 구조 생성
tsc --w로 TypeScript watch 모드 실행
스크립트 개발 후 save_report로 서버에 배포 (또는 AUD: Publish Script Ctrl+Alt+S)
run_designer로 브라우저에서 테스트 (또는 AUD: Run Designer Ctrl+Alt+D)

MCP 도구 (AI 사용)

VS Code 명령	MCP 도구	설명
`AUD: Pull Report`	`pull_report`	서버 → 로컬 동기화
`AUD: Publish Script` / `AUD: Deploy Report`	`save_report`	로컬 → 서버 배포
`AUD: Run Designer`	`run_designer`	브라우저에서 Designer 실행

7. API 참조 위치

클라이언트 API: types/aud/ 폴더의 TypeScript 인터페이스 참조
서버 API: types/com/ 폴더의 TypeScript 인터페이스 참조
샘플 코드: src/reports/samples/ 폴더의 예제 참조

이 저장소의 다른 Skills

같은 저장소

iaud-grid-guide

AUD-DEV-TEAM/i-AUD-Developer-Kit

i-AUD DataGrid, GroupGrid, TreeGrid 개발 가이드. 그리드 컨트롤의 데이터 바인딩, CRUD, 이벤트, 필터/정렬, 멀티헤더, 셀 스타일, 행 추가/삭제, 서버 데이터 전송, 자동 쿼리 생성 등을 안내합니다. "DataGrid", "GroupGrid", "TreeGrid", "그리드", "행 추가", "셀 값", "CRUD", "필터", "정렬", "멀티헤더", "셀 서식", "행 삭제", "페이징", "트리", "그룹", "소계", "병합", "고정 컬럼", "그리드 이벤트", "OnCellClick", "OnEndEdit", "GetCRUDJSON" 등을 물어볼 때 사용하세요.

2026-03-182

iaud-olapgrid-guide

AUD-DEV-TEAM/i-AUD-Developer-Kit

i-AUD OlapGrid(OLAP 피벗 그리드) 개발 가이드. 필드 관리, 필터/정렬, Write-Back(CRUD), 이벤트, 멀티헤더, 디멘젼 그룹, 계층 그룹, 커스텀 디멘젼, 스타일링, 내보내기, 서버 스크립트 저장 등을 안내합니다. "OlapGrid", "피벗 그리드", "Write-Back", "CRUD 저장", "OlapGrid 필터", "OlapGrid 이벤트", "OlapGrid 필드", "멀티헤더", "디멘젼 그룹", "Hierarchy 그룹", "OlapGrid 내보내기", "OlapGrid 스타일", "OlapGrid 정렬", "OlapGrid API", "배분", "피벗", "OLAP 셀", "드릴" 등을 물어볼 때 사용하세요.

2026-03-182

iaud-base-control

AUD-DEV-TEAM/i-AUD-Developer-Kit

i-AUD BaseControl Add-in 컴포넌트 가이드. HTML과 CSS로 자유롭게 UI를 개발할 수 있는 사용자 정의 컨트롤입니다. "HTML 컨트롤", "BaseControl", "사용자 정의 UI", "커스텀 레이아웃", "HTML 패널", "UserComponent", "AddIn HTML" 등을 요청할 때 사용하세요.

2026-03-172

iaud-boxstyle-guide

AUD-DEV-TEAM/i-AUD-Developer-Kit

i-AUD BoxStyle 활용 가이드. BoxStyle은 CSS처럼 서버에서 공통 관리되는 스타일 세트입니다. 배경색, 테두리, 폰트를 하나의 키(Name)로 묶어 여러 보고서에서 일관된 디자인을 적용할 수 있습니다. "BoxStyle", "스타일 적용", "공통 스타일", "테마 스타일", "Style.Type", "버튼 스타일", "그리드 스타일", "OLAP 스타일" 등을 요청할 때 사용하세요.

2026-03-172

iaud-client-script

AUD-DEV-TEAM/i-AUD-Developer-Kit

i-AUD 클라이언트 스크립트 개발 가이드. 브라우저에서 실행되는 TypeScript 스크립트 작성법을 안내합니다. "클라이언트 스크립트", "버튼 이벤트", "그리드 조작", "UI 컨트롤", "Matrix API", "화면 개발" 등을 물어볼 때 사용하세요.

2026-03-172

iaud-extcomponent

AUD-DEV-TEAM/i-AUD-Developer-Kit

ExternalComponent 개발 가이드. 외부 JS 라이브러리(ECharts 등)를 래핑하여 i-AUD 보고서에서 사용할 수 있는 플러그인 컴포넌트를 만드는 방법을 안내합니다. "ExternalComponent 만들기", "차트 컴포넌트", "IComponentBridge", "컴포넌트 manifest", "extcomponent" 등을 물어볼 때 사용하세요.

2026-03-172

name	iaud-project-guide
description	i-AUD Developer Kit 프로젝트 가이드. 프로젝트 구조, 폴더 설명, 개발 환경 설정, VS Code 확장 명령어에 대해 안내합니다. "i-AUD란?", "프로젝트 구조", "폴더 설명", "개발 환경", "AUD 명령어" 등을 물어볼 때 사용하세요.

i-AUD Developer Kit 프로젝트 가이드

1. 프로젝트 개요

i-AUD란?

AUD Platform은 업무시스템 화면 개발을 위한 통합 UI 개발 플랫폼입니다
BI 툴, 리포팅 툴, 시각화 분석 툴, UI/UX 툴의 기능을 하나로 통합
i-AUD는 AUD Platform의 핵심 도구로 WYSIWYG 방식의 웹 애플리케이션 개발 환경 제공
TypeScript(JavaScript) 단일 언어로 클라이언트/서버 개발 가능

i-AUD Developer Kit이란?

VS Code에서 i-AUD 보고서 및 스크립트를 개발할 수 있는 공식 확장(extension) 도구입니다.

주요 기능:

보고서 다운로드/업로드
TypeScript 기반 클라이언트/서버 스크립트 개발
자동 빌드 및 배포
보고서 컨트롤 코드 자동 생성

2. 프로젝트 폴더 구조

i-AUD-Developer-Kit/
├── .vscode/
│   └── settings.json          # AUD 서버 연결 설정
├── src/
│   ├── com/                    # 서버 스크립트용 API (Rhino JavaScript)
│   │   └── matrix/
│   │       ├── script/         # Matrix, Connection, RecordSet 등
│   │       ├── olap/           # OLAP 관련 API
│   │       └── Excel/          # Excel 처리 API
│   ├── aud/                    # 클라이언트 스크립트용 API
│   │   ├── control/            # UI 컨트롤 (Button, Grid, Chart 등)
│   │   ├── common/             # 공통 유틸리티 (UserInfo, ReportInfo 등)
│   │   ├── data/               # 데이터 관련 (DataSet, DataTable 등)
│   │   └── enums/              # 열거형 타입들
│   └── reports/                # 샘플 보고서 및 개발 보고서
│       ├── samples/            # 샘플 보고서 모음
│       │   ├── MX_GRID/        # MX-GRID 컴포넌트 샘플
│       │   ├── OLAP/           # OLAP 그리드 샘플
│       │   └── ETC/            # 기타 샘플들
│       └── [보고서폴더]/       # 실제 개발 보고서들
├── out/                        # TypeScript 빌드 출력
└── node_modules/               # npm 패키지

3. 보고서(프로그램) 폴더 구조

각 보고서 폴더는 다음과 같은 구조를 가집니다:

[보고서명]/
├── .design.json                # 개발용 화면 정의 (스크립트/SQL은 파일 경로 참조) ★ AI는 이 파일 사용
├── [보고서명].mtsd             # 화면 UI 정의 - 서버 원본 (인라인 콘텐츠 포함)
├── [보고서명].script.ts        # 클라이언트 스크립트 (TypeScript)
├── [보고서명].script.js        # 클라이언트 스크립트 (JavaScript)
├── DataSource/                 # 데이터 조회 SQL 파일들
│   └── *.sql
└── ServerScript/               # 서버 스크립트 (Rhino 엔진 사용)
    ├── *.ts                    # TypeScript 서버 스크립트
    └── *.sql                   # SQL 파일

파일 설명

파일	설명
`.design.json`	개발용 화면 정의 — .mtsd와 동일 구조이나 스크립트/SQL이 파일 경로 참조로 대체됨
`*.mtsd`	화면 UI 배치, 데이터 소스, 서비스가 포함된 JSON 문서 — 서버 원본 (인라인 콘텐츠)
`*.script.ts`	클라이언트 스크립트 소스 (.ts 우선 탐색)
`DataSource/*.sql`	DB 조회용 SQL 파일들
`ServerScript/*.ts`	서버 스크립트 (개별 파일이 서비스가 됨)

4. 개발 환경 설정

4.1 설정 파일 (.vscode/settings.json)

{
    "aud.config": {
        "SourcePath": "D:\\aud_report\\src\\reports\\",
        "OutputPath": "D:\\aud_report\\out\\reports\\",
        "ServiceURL": "http://server.com:8080",
        "UserName": "{계정명}",
        "ApiKey": "{API 키}",
        "AutoBuild": false,
        "MX_GRID_BACKUP": true,
        "MX_GRID_JSON_PRETTY": true,
        "QueryResultLimit": 100,
        "QueryResultFileName": "QueryResult.txt"
    }
}

4.2 TypeScript 빌드 설정

# 패키지 설치
npm install

# TypeScript watch 모드 실행 (자동 빌드)
tsc --w

5. VS Code 명령어 (Command Palette)

명령어	단축키	설명
`AUD: Download Report`	-	서버에서 프로그램 다운로드
`AUD: Download Folder`	-	특정 폴더 하위 모든 보고서 다운로드
`AUD: Pull Report`	-	서버 최신 정보로 업데이트
`AUD: Publish Script`	`Ctrl+Alt+S`	스크립트를 서버에 배포
`AUD: Run Designer`	`Ctrl+Alt+D`	브라우저로 프로그램 실행
`AUD: Deploy Report`	-	디자인 정보 포함 전체 배포
`AUD: Generate Starter Code`	-	TypeScript 기본 구조 생성
`AUD: Execute Query`	`Ctrl+F5`	선택한 SQL 실행
`AUD: Generate Control Variables`	-	보고서 내 컨트롤 변수 선언 생성

6. 개발 워크플로우

i-AUD Designer에서 새 보고서 생성 및 컴포넌트 배치
VS Code에서 AUD: Download Report로 다운로드
pull_report 실행 (서버 최신 상태 동기화)
.script.js → .script.ts로 확장자 변경
AUD: Generate Starter Code로 기본 구조 생성
tsc --w로 TypeScript watch 모드 실행
스크립트 개발 후 save_report로 서버에 배포 (또는 AUD: Publish Script Ctrl+Alt+S)
run_designer로 브라우저에서 테스트 (또는 AUD: Run Designer Ctrl+Alt+D)

MCP 도구 (AI 사용)

VS Code 명령	MCP 도구	설명
`AUD: Pull Report`	`pull_report`	서버 → 로컬 동기화
`AUD: Publish Script` / `AUD: Deploy Report`	`save_report`	로컬 → 서버 배포
`AUD: Run Designer`	`run_designer`	브라우저에서 Designer 실행

7. API 참조 위치

클라이언트 API: types/aud/ 폴더의 TypeScript 인터페이스 참조
서버 API: types/com/ 폴더의 TypeScript 인터페이스 참조
샘플 코드: src/reports/samples/ 폴더의 예제 참조