# ActiveReportsJS: 소개

## Content



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

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

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

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

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

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

- [React.js 응용 프로그램](/activereportsjs/docs/v2.2/GettingStarted/QuickStart-ARJS-Designer-Component/QuickStart-React)
- [Angular 응용 프로그램](/activereportsjs/docs/v2.2/GettingStarted/QuickStart-ARJS-Designer-Component/QuickStart-Angular)
- [Vue 응용 프로그램](/activereportsjs/docs/v2.2/GettingStarted/QuickStart-ARJS-Designer-Component/QuickStart-Vue)
- [순수 JavaScript 응용 프로그램](/activereportsjs/docs/v2.2/GettingStarted/QuickStart-ARJS-Designer-Component/QuickStart-Vanilla)

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

- [React 컴포넌트](/activereportsjs/docs/v2.2/DeveloperGuide/ActiveReportsJSViewer/React-Component)
- [Angular 컴포넌트](/activereportsjs/docs/v2.2/DeveloperGuide/ActiveReportsJSViewer/Angular-Component)
- [Vue 컴포넌트](/activereportsjs/docs/v2.2/DeveloperGuide/ActiveReportsJSViewer/Vue-Component)
- [순수 JavaScript 컴포넌트](/activereportsjs/docs/v2.2/GettingStarted/QuickStart/QuickStart-Vanilla)

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

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

ActiveReportsJS 컴포넌트는 **TypeScript 선언**과 함께 제공됩니다. 엄격한 입력 덕분에 초기 단계에서 버그를 찾아낼 수 있고 코드 완성 및 자동화된 리팩터링과 같은 기능을 사용할 수 있습니다. 최소한 Typescript 버전 3.7이 필요합니다.

**유연한 라이선싱 모델**을 사용하면 여러 [옵션](https://www.grapecity.com/activereportsjs/licensing) 중에서 선택할 수 있고 여러 매개 변수를 바탕으로 결정할 수 있습니다.