Not ready yet.
현재 최신 버전 : ComponentOne | Wijmo | Spread.NET | SpreadJS | ActiveReports.NET | ActiveReportsJS | Forguncy | GcExcel

  • grapecity logo

  • grapecity logo

ActiveReportsJS는 프론트엔드 어플리케이션에서 데이터를 시각화하기 위한 리포팅 솔루션입니다. ActiveReportsJS의 리포트 디자이너 프로그램을 통해, JSON 데이터만으로 원하는 템플릿의 리포트를 쉽고 빠르게 생성할 수 있습니다. 또한, JavaScirpt 리포트 뷰어 컴포넌트와 라이브러리를 통해, Windows, Web, Mobile에 이르기까지 다양한 환경에서 리포트를 생성하고 배포할 수 있습니다.

ActiveReportsJS Process

아래 화면에서 슬라이더를 조정하여 코드를 확인하실 수 있습니다. 또한, .rdlx-json 파일을 다운로드하여 직접 ActiveReportsJS에서 실행해 보세요.

견적서-샘플.rdlx-json 파일 다운로드

아래 화면에서 슬라이더를 조정하여 코드를 확인하실 수 있습니다. 또한, .rdlx-json 파일을 다운로드하여 직접 ActiveReportsJS에서 실행해 보세요.

세금계산서-샘플.rdlx-json 파일 다운로드

아래 화면에서 슬라이더를 조정하여 코드를 확인하실 수 있습니다. 또한, .rdlx-json 파일을 다운로드하여 직접 ActiveReportsJS에서 실행해 보세요.

성적증명서-샘플.rdlx-json 파일 다운로드

아래 화면에서 슬라이더를 조정하여 코드를 확인하실 수 있습니다. 또한, .rdlx-json 파일을 다운로드하여 직접 ActiveReportsJS에서 실행해 보세요.

고객 리스트-샘플.rdlx-json 파일 다운로드 개발 가이드

왜 ActiveReportsJS를 사용해야 할까요?

ActiveReportsJS는 오랜 시간 동안 개발자 그리고 최종 사용자가 필요로하는 모든 리포팅 기능들을 포함하고 있습니다. JavaScript 기술을 통하여, 이제 플랫폼에 구애 받지 않고 리포트 솔루션을 확장할 수 있습니다.

JavaScript 리포팅 엔진
JavaScript 리포팅 엔진

강력한 리포팅 엔진을 통해 기기에 상관 없이 JavaScript로 보고서를 가져오고 생성할 수 있습니다.

다양한 리포트 타입
유연한 리포트 타입 지원

연속 페이지 레이아웃, 고정 페이지 레이아웃으로 사용자의 요구에 맞는 적합한 형식의 리포트를 작성할 수 있습니다.

자세히 보기
서버 종속성 없음
서버 종속성 없음

서버 측 종속성이 없는 NPM 패키지, CDN 호스팅 또는 앱 호스팅 JavaScript 코드를 사용하여 ActiveReportsJS 보고 엔진을 프론트엔드 애플리케이션에 통합할 수 있습니다.

자세히 보기
클라이언트 측 내보내기 및 인쇄
클라이언트 측 내보내기 및 인쇄

클라이언트 측에서 빠르게 WYSIWYG 리포트를 생성하여 PDF, HTML, Excel 형식으로 내보낼 수 있습니다. 이를 통해, 최종 사용자가 완벽한 JavaScript 리포트를 인쇄할 수 있습니다.

JS 프레임워크 완벽 지원
JS 프레임워크 완벽 지원

Angular, React, Vue 등 인기 있는 JavaScript 프레임워크와 함께 사용하여 생산성을 높여 보세요.

자세히 보기
대화형 JS 리포트 디자인
대화형 JS 리포트 디자인

드릴다운, 드릴스루, 대화형 정렬, 북마크 기능을 사용하여 상호 작용과 최종 사용자를 위한 더욱 구체적인 정보를 제공할 수 있습니다.

복잡하고 무거운 Web 리포트 개발은 NO!

이제 JavaScript와 JSON을 통해 프론트엔드 기반 리포팅 솔루션을 만들어보세요.

리포트 Designer

ActiveReportsJS 디자이너는 REST API, OData, GraphQL과 같은 JSON 형식의 데이터 연결을 지원하며, 드래그 앤 드롭으로 원하는 스타일의 보고서를 쉽고 빠르게 만들 수 있습니다.

  • 모든 OS와 호환
  • 직관적인 드래그앤드롭 GUI
  • JS 리포트로 전환
Quick Start

리포트 Viewer

모든 보고서는 JSON 형식으로 작성되어, 기기에 상관 없이 JavaScript 리포트 뷰어만으로 보고서를 웹 상에 제약 없이 렌더링 할 수 있습니다.

  • 브라우저에서 리포트 렌더링
  • 커스터마이징
  • 경량 리포트 처리 및 보기
JavaScript 뷰어 Angular 뷰어 React 뷰어 Vue 뷰어

복잡하고 무거운 Web 리포트 개발은 NO!

이제 JavaScript와 JSON을 통해 프론트엔드 기반 리포팅 솔루션을 만들어보세요.

ActiveReportsJS 워크플로우

리포트 Designer

ActiveReportsJS 디자이너는 REST API, OData, GraphQL과 같은 JSON 형식의 데이터 연결을 지원하며, 코딩 없이도 드래그 앤 드롭으로 원하는 스타일의 보고서를 쉽고 빠르게 만들 수 있습니다.

  • Windows, Mac, Linux OS 지원
  • 직관적인 드래그앤드롭 GUI
  • JS 리포트로 전환
Quick Start

리포트 Viewer

모든 보고서는 JSON 형식으로 작성되어, 기기에 상관 없이 JavaScript 리포트 뷰어만으로 보고서를 웹 상에 제약 없이 렌더링 할 수 있습니다.

  • 브라우저에서 리포트 렌더링
  • 커스터마이징
  • 경량 리포트 처리 및 보기
JavaScript 뷰어 Angular 뷰어 React 뷰어 Vue 뷰어

ActiveReportsJS 주요 기능

강력한 데이터 바인딩

강력한 데이터 바인딩

향상된 데이터 바인딩 기능을 통해 리포트를 쉽고 빠르게 REST API, OData, GraphQL에 바인딩할 수 있습니다.

유연한 리포트 레이아웃

유연한 리포트 레이아웃

두가지 유형의 레이아웃과 다양한 컨트롤 중에서 선택하여 더욱 완벽한 리포트를 생성할 수 있습니다.

데이터 시각화

데이터 시각화

다양한 JSON 데이터 소스를 사용하여 여러분의 웹 어플리케이션에 고성능 JavaScript 리포트를 생성해 보세요. 표, 리스트, 차트를 통해 더 많은 인사이트를 얻을 수 있습니다.

Tablix

Tablix

Tablix 컨트롤은 고급 기능이 포함된 표 레이아웃을 제공하여, 다양한 관점에서 분석이 가능합니다.

하위 리포트

하위 리포트

다양한 데이터 소스로 이루어진 여러개의 리포트를 하나의 파일로 결합해 보세요. 또한, 메인 리포트에서 하위 리포트로 매개 변수를 넘겨 데이터를 필터링할 수 있습니다.

바코드

바코드

기본 제공되는 바코드를 사용하여 시간을 절약하고 생산성과 효율성을 높여 보세요. 여러분의 바코드 라이브러리를 통합할 필요가 없습니다.

ActiveReportsJS 튜토리얼

Preview 모드
ActiveReportsJS 튜토리얼
Designer 모드
ActiveReportsJS 튜토리얼

ActiveReportsJS로 만들어진 다양한 리포트를 확인해 보세요. 해당 데모 갤러리는 최신 버전의 ActiveReportsJS와 JavaScript 리포트 뷰어로 만들어 졌습니다.

데모 실행하기
ActiveReportJS를 사용하여 웹 리포팅 애플리케이션 개발하기
[Webinar] 웹 리포팅 애플리케이션 개발하기

웹 기반 리포트를 생성하고, 웹 앱에 적용하는 방법에 대해 알아보세요.

ActiveReportsJS 시작하기
ActiveReportsJS 시작하기

ActiveReportsJS의 각 항목을 사용하는 방법과 보고서를 만드는 방법에 대해 알아 보세요.

리포트 템플릿 + 런타임 데이터 바인딩
리포트 템플릿 + 런타임 데이터 바인딩

원하는 데이터를 런타임에 불러와 리포트를 생성하는 방법에 대해 설명합니다.

ActiveReportsJS 라이선스 적용 방법
ActiveReportsJS 라이선스 적용 방법

ActiveReportsJS 라이선스 종류와 라이선스를 올바르게 적용하는 방법에 대해 설명합니다.

ActiveReportsJS에서 사용자 정의 폰트를 사용하는 방법
ActiveReportsJS에서 사용자 정의 폰트를 사용하는 방법

ActiveReportsJS의 기본 제공 폰트에 더해 사용자 정의 폰트를 사용하는 방법에 대해 설명합니다.

ActiveReportsJS에서 사용자 정의 테마를 사용하는 방법
ActiveReportsJS에서 사용자 정의 테마를 사용하는 방법

ActiveReportsJS 테마 에디터 샘플을 소개하며, 테마를 만들어 어플리케이션에 추가하는 방법에 대해 설명합니다.

분야별 다양한 샘플과 템플릿을 확인해 보세요.

교육
교육 | Education
회계
회계 | Finance
보건 의료
보건·의료 | Healthcare
제조
제조 | Manufacturing
인사
인사 | HR
영업
영업 | Sales
서비스
서비스 | Service

프레임워크 지원

ActiveReportsJS는 개발자가 빠른 웹 개발과 효율적인 코드 유지 관리를 쉽게 할 수 있도록 JavaScript 프레임 워크에 대한 지원을 제공합니다.

ActiveReportsJS 뷰어 컴포넌트
ActiveReportsJS 뷰어 컴포넌트

ActiveReportsJS 뷰어 컴포넌트와 다른 프레임워크 도구들을 함께 사용할 수 있습니다. 여러분의 애플리케이션에 ActiveReportsJS Viewer 컴포넌트를 삽입해 보세요.

Angular React Vue JavaScript
NPM에서 설치하기
NPM에서 설치하기

간단한 npm 명령을 입력하여 npm 패키지를 설치할 수 있습니다.

npm install /@grapecity/activereports
Angular React Vue JavaScript
템플릿 사용 방법
템플릿 사용 방법

각 프레임워크의 템플릿은 템플릿 바인딩 및 interpolation과 같은 기능을 제공합니다. ActiveReportsJS 뷰어를 Angular, React, Vue, PureJS 어플리케이션에 통합할 때 이러한 기능을 활용해 보세요.

Angular React Vue JavaScript

GrapeCity 개발자 포럼

ActiveReportsJS 블로그&Tips
ActiveReportsJS 블로그&Tips
ActiveReportsJS를 유용하게 활용할 수 있도록 다양한 정보를 제공합니다.
ActiveReportsJS Q&A
ActiveReportsJS Q&A
질문/답변 공간을 통해, 시티즌 여러분들의 고민과 개발지식을 함께 공유해주세요.
ActiveReportsJS FAQ
ActiveReportsJS FAQ
자주 묻는 질문에 대한 답변을 확인하실 수 있습니다.
시티즌 인사이트
시티즌 인사이트
업무 중 피로나 스트레스를 조금이라도 덜어드리고자 만든 공간입니다. 자유롭게 소통하세요.
시티즌 지식인
시티즌 지식인
GrapeCity 제품 관련 질문 외에도, 개발/기술과 관련하여 모든 분들이 자유롭게 질문하고 소통할 수 있는 공간입니다.
IT 세미나/모임
IT 세미나/모임
개발자분들이나 개발에 관심이 있으신 분들을 위해, 함께 발전할 수 있도록 만들어진 만남의 공간입니다.

ActiveReportsJS 새로운 기능

ActiveReportsJS 새로운 기능
최신 프론트 엔드 프레임워크 지원
  • Vite
  • Next.js
  • Nuxt.js
  • Svelte
새로운 레이아웃 기능
  • 다중 섹션 연속 페이지 레이아웃
  • 목록에 대한 고급 레이아웃 옵션
    • 고급 상호작용
    새로운 API 및 표현식
  • IndexOf 함수
  • Viewer.showParametersOnOpen 속성
  • Designer.documentChanged 이벤트
    • UI 개선
    자세히 보기

    Our Customers

    고객사2 고객사1

    ActiveReportsJS 무료 체험판

    다운로드

    ActiveReportsJS 가격 및 라이선스

    ActiveReportsJS를 활용하여 JavaScript 기반 리포팅 솔루션을 만들고자 하시는 경우, 개발자 라이선스와 배포 라이선스를 모두 구매하셔야 합니다.

    온라인 견적 신청 제품 상담 신청

    * 모든 금액은 VAT 제외 금액입니다.

    Developer License

    개발자 라이선스(디자이너) 개발자 1명, 1년 라이선스

    ActiveReportsJS 데스크톱 디자이너 앱을 사용하기 위해 필요한 라이선스 입니다.

    • 개발자 1명 당 1copy를 구매하셔야 합니다.
    • 구매하신 메인 버전에 대해서 1년간 사용이 가능합니다.
    • 1년 후에는 자동으로 라이선스가 만료되며, 1년 단위로 추가 라이선스를 구매할 수 있습니다.
    Developer License

    배포 라이선스

    ActiveReportsJS 컨트롤을 서버에 배포하기 위해 필요한 라이선스로, 최종적으로 서비스하는 도메인 주소 또는 IP 주소 각각에 대해서 구매가 필요합니다.

    • 보유하고 계신 개발자 라이선스 버전에 대해서만 배포키 생성이 가능합니다.
    • 한번 등록된 도메인 및 IP는 수정이 불가합니다.
    • 요청 전에 반드시 최종 확인을 해주세요.

    배포 키 | Distribution key 발급 신청

    ActiveReportsJS 컨트롤을 서버에 배포하기 위해서는 배포 라이선스를 구매한 후 배포 키를 발급 받으셔야 합니다. 배포 키 발급 포털을 통해 배포 키를 신청해 주세요.

    도입 문의

    ActiveReportsJS 도입 시 더욱 자세한 제품 및 구매 상담이 필요하신 경우 편하신 방법으로 연락 바랍니다.

    구매 절차

    구매 절차의 각 단계에 대한 자세한 내용을 보시려면 각 버튼을 클릭해주세요.

      견적서 요청

      아래의 방법 중 편하신 방법으로 견적서를 요청하실 수 있습니다.

      발주 요청

      하기 세가지 항목을 Email로 발송해주세요.

      1. 서명 완료된 견적서 (담당자 사인 또는 회사 직인)
      2. 사업자 등록증 사본 (회사일 경우)
      3. End-User 정보 양식 확인하기

        아래의 양식을 복사하여 정보를 입력하신 후, 이메일로 전달 부탁 드립니다.

        1. 회사명 (한글) :
        2. 회사명 (영문) :
        3. 우편번호 :
        4. 주소 (한글) :
        5. 주소 (영문) :
        6. 담당자 (한글/영문) :
        7. 전화번호 :
        8. E-mail :

      발주 요청을 주시면 이메일을 통해 인보이스를 발송해드립니다.

      결제

      은행 입금
      받으신 인보이스에 표기되어 있는 계좌 번호로 입금해주세요.
      카드 결제
      카드 결제는 유선상으로 진행됩니다. 결제에 필요한 결제 전용 전화번호와 납부번호는 메일로 따로 전달 드리며, 전달 받으신 결제 전용 전화번호로 직접 전화를 하시어, 카드 결제를 진행하실 수 있습니다.

      라이선스 발급 & 세금 계산서 발행

      결제 확인 후 라이선스 발급 안내 메일을 발송해 드립니다.

      * ActiveReportsJS 컨트롤을 서버에 배포하기 위해서는 배포 라이선스를 구매한 후 배포 키를 발급 받으셔야 합니다. 배포 키 발급 포털을 통해 배포 키를 신청해 주세요.

    Web 개발자를 위한 컨트롤

    SpreadJS

    순수 JavaScript 기반 Web-Excel 컴포넌트
    • Excel 가져오기/내보내기 지원
    • 450+ Excel 함수 지원
    • Angular, React, VueJS 지원
    더 알아보기

    Wijmo

    JavaScript 기반 Chart, Grid, Input 등 UI 컨트롤
    • 그리드, 차트, 리포트, 입력 폼, OLAP 등 80+ UI 컨트롤
    • Angular, React, VueJS 완벽 지원
    • 필터, 그룹화, 정렬 기능
    더 알아보기

    Forguncy

    코딩 없이 Excel로 만드는 비즈니스 웹 개발 솔루션
    • Excel 기능으로 쉽고 빠르게 웹 구현
    • HTML & CSS 없이 시작하는 웹 개발
    • 데이터 취합 및 통합 솔루션
    더 알아보기

    GcExcel

    고성능 Java&Kotlin / .NET 기반 Excel 스프레드시트 API 라이브러리
    • 스프레드시트 생성, 로드, 편집, 저장
    • 스프레드시트 구문 분석, 변환, 공유
    • 수식 계산 및 셀 서식 지정
    GcExcel Java 알아보기
    GcExcel .NET 알아보기
    X

    카카오톡 채널 추가를 통해 GrapeCity의 최신 정보를 빠르게 받아 보세요!

    제품
    Web 개발자 컴포넌트
    .NET 개발자 컴포넌트
    엔터프라이즈 솔루션
    고객 서비스
    개발자 문서
    개발자 포럼
    페이스북
    그레이프시티 정보
    그레이프시티 알아보기
    그레이프시티 채용
    정책(Policy)
    최종 사용자 라이선스 동의
    Footer 이미지