# ActiveReportsJS 보고서 디자이너: 개요

## Content



ActiveReportsJS 보고서 디자이너는 광범위한 프런트 엔드 솔루션에 통합할 수 있는 JavaScript 컴포넌트로, 사용자가 새 보고서를 만들고 기존 보고서를 수정하도록 합니다. [보고서 뷰어](/activereportsjs/docs/v2.1/DeveloperGuide/ActiveReportsJSViewer/Overview) 컴포넌트와 함께 보고서 디자이너는 프런트 엔드 응용 프로그램을 위한 완전한 보고 솔루션입니다. 여러 interop 컴포넌트는 Angular, React 및 Vue 응용 프로그램과의 즉각적인 원활한 통합을 보장합니다. 이러한 항목에 대해 자세히 알아보려면 다음 자습서를 확인하십시오.

- [지원되는 환경](/activereportsjs/docs/v2.1/GettingStarted/Product-Requirements)
- [사용자 인터페이스](/activereportsjs/docs/v2.1/ReportAuthorGuide/Report-Designer-Interface)
- [통합](/activereportsjs/docs/v2.1/DeveloperGuide/ActiveReportsJSDesignerComponent/Integration)
- [작업 처리기](/activereportsjs/docs/v2.1/DeveloperGuide/ActiveReportsJSDesignerComponent/Action-Handlers)
- [보고서 로드](/activereportsjs/docs/v2.1/DeveloperGuide/ActiveReportsJSDesignerComponent/Create-New-Report)
- [보고서 저장](/activereportsjs/docs/v2.1/DeveloperGuide/ActiveReportsJSDesignerComponent/Save-Reports)
- [보고서 미리 보기](/activereportsjs/docs/v2.1/DeveloperGuide/ActiveReportsJSDesignerComponent/Preview-Reports)
- [미리 정의된 데이터 소스 사용](/activereportsjs/docs/v2.1/DeveloperGuide/ActiveReportsJSDesignerComponent/Add-Predefined-Datasources-Datasets)
- [미리 정의된 리소스 사용](/activereportsjs/docs/v2.1/DeveloperGuide/ActiveReportsJSDesignerComponent/Use-Shared-Resources)
- [지역화](/activereportsjs/docs/v2.1/DeveloperGuide/ActiveReportsJSDesignerComponent/Localization)
- [테마](/activereportsjs/docs/v2.1/DeveloperGuide/ActiveReportsJSDesignerComponent/Themes)