# ActiveReportsJS: 소개

## Content

**ActiveReportsJS**는 프런트 엔드 응용 프로그램에서 데이터를 시각화하기 위한 보고 솔루션입니다. 이 제품에는 다음을 비롯한 여러 컨트롤을 사용하여 보고서 템플릿을 작성할 수 있는 독립 실행형 다중 플랫폼 [디자이너 응용 프로그램](/activereportsjs/docs/ReportAuthorGuide/QuickStart/Get-Started-With-Designer-App)이 포함되어 있습니다.

* [표](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Data-Regions/Table)
* [목록](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Data-Regions/List)
* [차트](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Data-Regions/Chart/plot/line-chart) 및 [스파크라인](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Data-Regions/Sparkline)
* [피벗 테이블](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Data-Regions/Tablix)
* [바코드](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Data-Visualizers/Barcode)
* [목차](/activereportsjs/docs/ReportAuthorGuide/Report-Items/Supplemental-Report-Items/TableOfContents)

보고서 템플릿은 개발자가 선택한 JSON 데이터에 [바인딩](/activereportsjs/docs/ReportAuthorGuide/Databinding)할 수 있습니다.

* 포함된 정적 데이터
* REST API 끝점
* OData 끝점
* GraphQL 끝점
* 웹 서비스

다양한 API를 사용하면 환경 설정에 따라 런타임에 [데이터 바인딩](https://demo.mescius.co.kr/activereportsjs/demos/features/viewer-runtime-data-binding/purejs)을 수정할 수 있습니다.

**보고서 디자이너 컴포넌트**를 웹 응용 프로그램 내에서 사용하면 최종 사용자에게 런타임에 보고서를 사용자 정의할 수 있는 기능을 제공할 수 있습니다. 다음 링크에서 보고서 디자이너 컴포넌트 사용에 대한 빠른 가이드와 온라인 데모를 참조하십시오.

* [React.js 응용 프로그램](/activereportsjs/docs/GettingStarted/QuickStart-ARJS-Designer-Component/QuickStart-React)
* [Angular 응용 프로그램](/activereportsjs/docs/GettingStarted/QuickStart-ARJS-Designer-Component/QuickStart-Angular)
* [Vue 응용 프로그램](/activereportsjs/docs/GettingStarted/QuickStart-ARJS-Designer-Component/QuickStart-Vue)
* [Svelte 응용 프로그램](/activereportsjs/docs/GettingStarted/QuickStart-ARJS-Designer-Component/svelte)
* [Vite.js 응용 프로그램](/activereportsjs/docs/GettingStarted/QuickStart-ARJS-Designer-Component/vitejs)
* [Next.js 응용 프로그램](/activereportsjs/docs/GettingStarted/QuickStart-ARJS-Designer-Component/nextjs)
* [Nuxt.js 응용 프로그램](/activereportsjs/docs/GettingStarted/QuickStart-ARJS-Designer-Component/nuxtjs)
* [순수 JavaScript 응용 프로그램](/activereportsjs/docs/GettingStarted/QuickStart-ARJS-Designer-Component/QuickStart-Vanilla)

**보고서 뷰어 컴포넌트**는 광범위한 프런트 엔드 솔루션으로 통합을 지원합니다.

* [React 컴포넌트](/activereportsjs/docs/DeveloperGuide/ActiveReportsJSViewer/Integration/React-Component)
* [Angular 컴포넌트](/activereportsjs/docs/DeveloperGuide/ActiveReportsJSViewer/Integration/Angular-Component)
* [Vue 컴포넌트](/activereportsjs/docs/DeveloperGuide/ActiveReportsJSViewer/Integration/Vue-Component)
* [Vite.js 컴포넌트](/activereportsjs/docs/GettingStarted/QuickStart/QuickStart-Vitejs)
* [Svelte 컴포넌트](/activereportsjs/docs/GettingStarted/QuickStart/svelte)
* [Next.js 컴포넌트](/activereportsjs/docs/GettingStarted/QuickStart/nextjs)
* [Nuxt.js 컴포넌트](/activereportsjs/docs/GettingStarted/QuickStart/nuxtjs)
* [순수 JavaScript 컴포넌트](/activereportsjs/docs/GettingStarted/QuickStart/QuickStart-Vanilla)

**보고서 뷰어 인터페이스**는 응용 프로그램 사용자를 위해 보고서 출력을 표시하고 보고서를 [활용](/activereportsjs/docs/DeveloperGuide/ActiveReportsJSViewer/Interface-Elements)할 수 있는 다음과 같은 다양한 방법을 제공합니다.

* 페이지 매김
* 여러 보기 모드
* 마스터 세부 정보 보고서에 대한 드릴스루 및 드릴다운
* 런타임 정렬
* 책갈피 및 목차
* PDF, HTML 및 TabluarData 형식으로 내보내기
* 인쇄

ActiveReportsJS 컴포넌트는 **TypeScript 선언**과 함께 제공됩니다. 엄격한 입력 덕분에 초기 단계에서 버그를 찾아낼 수 있고 코드 완성 및 자동화된 리팩터링과 같은 기능을 사용할 수 있습니다. 최소한 Typescript 버전 5.3이 필요합니다.
`Flexible licensing model`을 통해 여러 옵션 중에서 선택할 수 있으며, 다양한 기준에 따라 결정을 내릴 수 있습니다.