2. FrontEnd / / 2024. 8. 12. 16:05

[ActiveReportsJS] 레포팅 솔루션이란?

728x90

▪️ 레포팅 솔루션이란?

레포팅 솔루션은 File, DBMS 등에서 제공한 정량적 데이터를 그래프, 차트, 표 등의 다양한 문서로 시각화하여 사용자에게 보여주는 도구입니다.

정부24 사이트에서 등본을 출력하거나, 쿠팡에서 결제한 내역을 영수증으로 출력하는 경우들이 우리가 일상에서 레포트 솔루션을 사용하는 사례입니다.

등본 출력 쿠팡 영수증 출력

시스템 프로세스 관점으로 본다면 다음과 같이 생각할 수 있습니다.

1. 쿠팡 서비스를 이용하는 사용자가 결제 영수증 출력을 위해 영수증 출력 화면에 접근합니다.
2. 사용자에게 보여지는 영역을 담당하는 Presentation Service는 Report Service로 레포트 생성 요청을 전송합니다.
3. Report Service에서는 라우터에서 해당 요청을 받은 뒤에 데이터 가공 및 레포트를 생성하는 내부 모듈을 이용하여 레포트를 생성합니다.
4. 완성된 레포트를 다시 Presentiation Service로 반환합니다.
5. Presentation Service에서는 반환된 레포트 정보를 화면에 출력하여 사용자에게 보여줍니다.

 

▪️ 왜 사용하는것인가?

Q : 웹 자체가 브라우저에서 HTML 문서로 그려지는데, 굳이 솔루션을 사용해서 별도 문서를 생성할 필요가 있을까요?

실제로 ES6 이후의 개발된 Javascript 라이브러리들로 다양한 시각화 문서를 개발할 수 있는 것은 맞습니다. 그러나 문서 디자인, 데이터 연동, 다양한 포맷 대응 등에서 많은 개발 공수가 발생하여 쉽게시도하기가 어렵습니다.

그에 반해 레포트 솔루션은 아래와 같은 편의기능들 기본적으로 제공하여 빠른 개발 생산성을 보여줍니다.

1. 대부분의 유료 레포팅 솔루션들은 문서를 쉽게 디자인 할 수 있는 자체 개발툴을 제공한다.(뛰어난 생산성)
2. 문서를 Pdf, Hwp 등 다양한 포맷으로 빠르게 변환할 수 있다.
3. 자체 뷰어를 제공하여 피벗, 계산식 등의 부가 기능을 사용할 수 있다.

 특히 ERP나 관공서 서비스 등 많은 양의 문서가 요구되는 시스템에서는 필수적인 솔루션으로 자리 잡았습니다.

 

 

▪️ 왜 ActiveReport를 선택한 이유?

ActiveReport는 모든 기능이 Front 환경에서 작동하기 때문에 다른 경쟁 솔루션들과 다르게 별도 Report Service를 위한 서버 구축이 필요 없다는 장점이 있습니다. 

또한 레포트 역시 Json 형태로 디자인 및 관리되어 웹 친화적인 개발이 가능합니다.

https://www.mescius.co.kr/activereportsjs

 

ActiveReportsJS | JavaScript기반 프론트엔드 리포팅 컴포넌트

ActiveReportsJS는 Javascript, React, Vue, Angular를 지원하는 프론트엔드 리포팅 컴포넌트입니다. ActiveReportsJS의 리포트 디자이너 프로그램을 통해, JSON 데이터만으로 원하는 템플릿의 리포트를 쉽고 빠르

www.mescius.co.kr

 

▪️ 가이드

https://www.mescius.co.kr/docs#activereportsjs

 

MESCIUS 개발자 가이드 | 제품별 개발자 문서

MESCIUS 제품 사용에 필요한 모든 지식을 개발자 문서를 통해 확인해 보세요. 웹, JavaScript 개발자 - SpreadJS, Wijmo, ActiveReportsJS | .NET 개발자 - ComponentOne, Spread.NET, ActiveReports.NET | API - DsExcel Java, DsExcel .N

www.mescius.co.kr

 


이제 이것을 사용하여 발주서, 거래명세서, 현품표(운송장), 입출고서, 기타 차트문서를 만들고 시스템에 적용시켜야 하는일이 남았다!
두근두근.. 새로운 기능을 배울때마다 신기하고 짜릿하다!

페이지에서 보던 영수증 페이지들을 직접만든다는게 신난다~

 

 

  • 네이버 블로그 공유
  • 네이버 밴드 공유
  • 페이스북 공유
  • 카카오스토리 공유