# 미리 정의된 리소스 사용

## Content

보고서 디자인 프로세스 중에는 사용자에게 미리 정의된 리소스 목록을 제공하는 것이 좋은 여러 지점이 있습니다.

1. **공유 탭에 있는 이미지 컨트롤의 이미지 속성** \- 자세한 내용은 [이미지 컨트롤](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Data-Visualizers/Image) 페이지를 참조하십시오.
2. **하위 보고서 컨트롤의 보고서 이름 속성** \- 자세한 내용은 [하위 보고서 컨트롤](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Supplemental-Report-Items/Subreport)을 참조하십시오.
3. **보고서로 이동 작업 매개 변수** \- 자세한 내용은 [드릴스루](/activereportsjs/docs/ReportAuthorGuide/Interactivity) 페이지를 참조하십시오.
4. **마스터 보고서 설정 및 마스터 보고서 변경을 위한 마스터 보고서 목록** \- 애플리케이션 바의 '보고서' 탭에서 확인할 수 있습니다\. 자세한 내용은 [마스터 보고서](/activereportsjs/docs/ReportAuthorGuide/마스터-보고서) 페이지를 참조하세요.

Angular, React 및 Vue Designer 컴포넌트는 리소스 관리를 위한 여러 속성을 제공합니다.
* `imageList` 속성은 `[ImageResourceInfo](/activereportsjs/api/modules/ReportDesigner#imageresourceinfo)` 객체 배열을 허용하여 사용 가능한 이미지를 관리할 수 있도록 합니다.
* `reportList` 및 `masterReportList` 속성을 사용하면 디자이너 UI에서 사용 가능한 보고서를 관리할 수 있습니다.

각 리소스에는 `ID`(식별 가능한 URL)가 있어야 합니다. 선택적으로 UI에 표시할 1displayName`을 제공할 수 있습니다.

순수 자바스크립트 애플리케이션에서 [setResourceProvider 메서드](@api/classes/reportdesigner.designer.html#setresourceprovider)는 이미지나 보고서 같은 사용 가능한 리소스를 동적으로 관리할 수 있도록 도와줍니다. `getImageList`, `getMasterReportList`, `getreportsList` 메서드가 포함된 [ResourceProvider](@api/interfaces/reportdesigner.resourceprovider.html) 객체를 전달하여 리소스를 등록할 수 있으며, 이 메서드들은 각각 해당하는 리소스 배열로 반환되는 `Promise` 객체를 반환합니다.

Angular, React, Vue 및 순수 JavaScript 응용 프로그램에 대한 전체 샘플은 [라이브 데모 페이지](/activereportsjs/demos/features/designer-resources)를 참조하십시오.