[{"id":"d1ffb4db-74d8-4220-a972-c13d6fa8123b","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"1ea0de02-4d95-4f9a-bd1e-e4f1e58e5146","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"cd911f7e-e532-41c5-b415-fd5a1a83b8d6","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"54a4a5be-ed96-43df-a901-6a53495a4ff7","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"fe055276-b12c-40ab-9569-c2d9ebd4f5b8","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"71be3f0b-8a29-45e8-8d43-4965d3e0897e","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"ea12b649-a786-495c-ad0f-7ef38ce94a9e","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"9582e49d-f693-4f0d-96b3-7f4accc2bb6e","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"a6f863bb-031a-44cc-8a12-fc91219e8c15","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"c5da505a-f378-4333-b85f-2429d057b519","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"7daee9d7-e908-4166-9d62-2ca3e93547fb","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"8659262c-9b4e-4e31-9c6c-b97d1d0e0740","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"966a73cf-5b72-4f4b-8939-e7a06e0863da","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"6c63e26a-a944-4aa9-a190-ecc8ac767287","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"3af6c981-53ee-41ba-8ef7-03efb56a8fff","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"8f1b28f2-c419-43fb-b765-5fde0a36fb08","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"d67bf68e-cb2e-4b6f-9253-68ca0ee46560","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"e23050c1-7dc0-4265-a2d9-eaaf938c2d35","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"c9c6aa74-7d95-41b4-9702-98774683bf0a","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"83a0368a-9a1a-4b31-8081-d2edc554d42f","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"0e562678-2dd4-4972-ab4d-e718f050accb","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"9965a8b8-f6c2-4727-a6d6-4cf12bd5b14f","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"e805fe27-20e5-4468-85b9-078665b18438","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"a1a9a9bc-d0b6-4d18-8abf-5c6f2a7cfa40","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"fdcc0c41-acb5-4465-9b66-7e06200a48c4","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"05d00001-6629-4aea-be2a-ddc570ca6a09","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]}]
        
(Showing Draft Content)

ActiveReportsJS: 설치

ActiveReportsJS는 크로스 플랫폼 디자이너 응용 프로그램과 여러 JavaScript 라이브러리로 구성되어 있습니다. 이 페이지에서는 해당 컴포넌트와 각 컴포넌트에 대한 설치 지침을 대략적으로 설명합니다.

설치 패키지

GrapeCity에서는 Windows, Mac, Linux 설치 패키지를 제공합니다. 사용 중인 운영 체제에 해당하는 패키지를 홈페이지에서 다운로드할 수 있습니다.

독립 실행형 보고서 디자이너 응용 프로그램

독립 실행형 보고서 디자이너는 Electron으로 빌드된 크로스 플랫폼 데스크톱 응용 프로그램입니다. 독립 실행형 디자이너를 사용하여 보고서를 작성할 수 있습니다. 자세한 내용은 보고서 작성자 가이드를 참조하십시오.

설치 프로그램은 다운로드한 설치 패키지의 designer 폴더에 있습니다.

평가 버전은 30일 동안 사용할 수 있습니다.

핵심 라이브러리

이 라이브러리는 핵심 기능을 포함하고 있고 응용 프로그램의 코드 내에서 사용할 수 있는 여러 유형을 제공합니다.

모듈 번들러(예: webpack)를 사용하여 컴파일하는 응용 프로그램에서 ActiveReportsJS를 사용하려고 합니다. 이 경우 @mescius/activereportsjs NPM 패키지를 package.json 파일의 종속성 목록에 추가할 수 있습니다.

순수 JavaScript 응용 프로그램에는 다운로드한 설치 패키지의 dist 폴더에서 찾을 수 있는 ar-js-core.js 스크립트에 대한 참조가 포함될 수 있습니다.

또는 이 스크립트는 CDN 참조(https://cdn.mescius.com/activereportsjs/5.latest/dist/ar-js-core.js)를 통해 사용할 수 있습니다.

PDF 내보내기 라이브러리

이 라이브러리에는 보고서를 PDF 형식으로 내보낼 수 있는 코드가 포함되어 있습니다. 이 항목에 대한 자세한 내용은 보고서 내보내기 페이지를 참조하십시오.

모듈 번들러(예: webpack)를 사용하여 컴파일하는 응용 프로그램에서 ActiveReportsJS를 사용하려고 합니다. 이 경우 PDF 내보내기 기능이 포함된 @mescius/activereportsjs NPM 패키지를 package.json 파일의 종속성 목록에 추가할 수 있습니다.

순수 JavaScript 응용 프로그램에는 다운로드한 설치 패키지의 dist 폴더에서 찾을 수 있는 ar-js-pdf.js 스크립트에 대한 참조가 포함될 수 있습니다. 또는 이 스크립트는 CDN 참조(https://cdn.mescius.com/activereportsjs/5.latest/dist/ar-js-pdf.js)를 통해 사용할 수 있습니다.

HTML 내보내기 라이브러리

이 라이브러리에는 보고서를 HTML 형식으로 내보낼 수 있는 코드가 포함되어 있습니다. 이 항목에 대한 자세한 내용은 보고서 내보내기 페이지를 참조하십시오.

모듈 번들러(예: webpack)를 사용하여 컴파일하는 응용 프로그램에서 ActiveReportsJS를 사용하려고 합니다. 이 경우 HTML 내보내기 기능이 포함된 @mescius/activereportsjs NPM 패키지를 package.json 파일의 종속성 목록에 추가할 수 있습니다.

순수 JavaScript 응용 프로그램에는 다운로드한 설치 패키지의 dist 폴더에서 찾을 수 있는 ar-js-html.js 스크립트에 대한 참조가 포함될 수 있습니다. 또는 이 스크립트는 CDN 참조(https://cdn.mescius.com/activereportsjs/5.latest/dist/ar-js-html.js)를 통해 사용할 수 있습니다.

표 형식 데이터 내보내기 라이브러리

이 라이브러리에는 보고서를 표 형식 데이터(CSV) 형식으로 내보낼 수 있는 코드가 포함되어 있습니다. 이 항목에 대한 자세한 내용은 보고서 내보내기 페이지를 참조하십시오.

모듈 번들러(예: webpack)를 사용하여 컴파일하는 응용 프로그램에서 ActiveReportsJS를 사용하려고 합니다. 이 경우 테이블 형식 데이터 내보내기 기능이 포함된 @mescius/activereportsjs NPM 패키지를 package.json 파일의 종속성 목록에 추가할 수 있습니다.

순수 JavaScript 응용 프로그램에는 다운로드한 설치 패키지의 dist 폴더에서 찾을 수 있는 ar-js-tabular-data.js 스크립트에 대한 참조가 포함될 수 있습니다. 또는 이 스크립트는 CDN 참조(https://cdn.mescius.com/activereportsjs/5.latest/dist/ar-js-tabular-data.js)를 통해 사용할 수 있습니다.

보고서 뷰어 라이브러리

이 라이브러리에는 JavaScript 보고서 뷰어 컴포넌트가 포함되어 있습니다.

모듈 번들러(예: webpack)를 사용하여 컴파일하는 응용 프로그램에서 ActiveReportsJS를 사용하려고 합니다. 이 경우 보고서 뷰어 컴포넌트가 포함된 @mescius/activereportsjs NPM 패키지를 package.json 파일의 종속성 목록에 추가할 수 있습니다.

순수 JavaScript 응용 프로그램에는 다운로드한 설치 패키지의 dist 폴더에서 찾을 수 있는 ar-js-viewer.js 스크립트에 대한 참조가 포함될 수 있습니다. 또는 이 스크립트는 CDN 참조(https://cdn.mescius.com/activereportsjs/5.latest/dist/ar-js-viewer.js)를 통해 사용할 수 있습니다.

보고서 디자이너 라이브러리

이 라이브러리에는 JavaScript 보고서 디자이너 컴포넌트가 포함되어 있습니다.

모듈 번들러(예: webpack)를 사용하여 컴파일하는 응용 프로그램에서 ActiveReportsJS를 사용하려고 합니다. 이 경우 보고서 디자이너 컴포넌트가 포함된 @mescius/activereportsjs NPM 패키지를 package.json 파일의 종속성 목록에 추가할 수 있습니다.

순수 JavaScript 응용 프로그램에는 다운로드한 설치 패키지의 dist 폴더에서 찾을 수 있는 ar-js-designer.js 스크립트에 대한 참조가 포함될 수 있습니다. 또는 이 스크립트는 CDN 참조(https://cdn.mescius.com/activereportsjs/5.latest/dist/ar-js-designer.js)를 통해 사용할 수 있습니다.

Angular NPM 패키지

이 패키지에는 Angular 보고서 뷰어Angular 보고서 디자이너 컴포넌트가 포함되어 있습니다.

Angular 응용 프로그램에서 사용하려면 @mescius/activereportsjs-angular NPM 패키지를 응용 프로그램의 종속성 목록에 추가하십시오.

기본 자습서를 보려면 Angular 보고서 뷰어 시작하기Angular 보고서 디자이너 시작하기 페이지를 참조하십시오.

React NPM 패키지

이 패키지에는 React 보고서 뷰어React 보고서 디자이너 컴포넌트가 포함되어 있습니다.

React 응용 프로그램에서 사용하려면 @mescius/activereportsjs-react NPM 패키지를 응용 프로그램의 종속성 목록에 추가하십시오.

기본 자습서를 보려면 React 보고서 뷰어 시작하기React 보고서 디자이너 시작하기 페이지를 참조하십시오.

Vue NPM 패키지

이 패키지에는 Vue 보고서 뷰어Vue 보고서 디자이너 컴포넌트가 포함되어 있습니다.

Vue 응용 프로그램에서 사용하려면 @mescius/activereportsjs-vue NPM 패키지를 응용 프로그램의 종속성 목록에 추가하십시오.

기본 자습서를 보려면 Vue 보고서 뷰어 시작하기Vue 보고서 디자이너 시작하기 페이지를 참조하십시오.

Svelte NPM 패키지

이 패키지에는 Svelte 보고서 뷰어Svelte 보고서 디자이너 컴포넌트가 포함되어 있습니다.

Svelte 응용 프로그램에서 사용하려면 @mescius/activereportsjs-svelte NPM 패키지를 응용 프로그램의 종속성 목록에 추가하십시오.

기본 자습서를 보려면 Svelte 보고서 뷰어 시작하기Svelte 보고서 디자이너 시작하기 페이지를 참조하십시오.

보고서 뷰어 지역화 라이브러리

ActiveReportsJS에는 보고서 뷰어 사용자 인터페이스의 중국어, 일본어, 한국어, 네덜란드어, 독일어, 이탈리아어 및 브라질 포르투갈어로 번역이 포함되어 있습니다.

모듈 번들러(예: webpack)를 사용하여 컴파일하는 응용 프로그램에서 ActiveReportsJS를 사용할 계획이라고 가정해 보겠습니다. 이 경우 해당 번역이 포함된 @mescius/activereportsjs-i18n NPM 패키지를 package.json 파일의 종속성 목록에 추가할 수 있습니다.

순수 JavaScript 응용 프로그램에는 다운로드한 설치 패키지의 dist\locales 폴더에서 찾을 수 있는 ar-js-locales.js 스크립트에 대한 참조가 포함될 수 있습니다.

또는 이 스크립트는 CDN 참조(https://cdn.mescius.com/activereportsjs/5.latest/dist/locales/ar-js-locales.js)를 통해 사용할 수 있습니다.

보고서 디자이너 지역화 라이브러리

ActiveReportsJS에는 보고서 디자이너 사용자 인터페이스의 중국어, 한국어 및 일본어 번역이 포함되어 있습니다.

모듈 번들러(예: webpack)를 사용하여 컴파일하는 응용 프로그램에서 ActiveReportsJS를 사용하려고 합니다. 이 경우 해당 번역이 포함된 @mescius/activereportsjs-i18n NPM 패키지를 package.json 파일의 종속성 목록에 추가할 수 있습니다.

순수 JavaScript 응용 프로그램에는 다운로드한 설치 패키지의 dist\locales\designer 폴더에서 찾을 수 있는 ja-locale.js, ko-locale.jszh-locale.js 스크립트에 대한 참조가 포함될 수 있습니다. 또는 해당 스크립트는 CDN 참조를 통해 사용할 수 있습니다.

보고서 뷰어 UI 테마

ActiveReportsJS에는 보고서 뷰어 컴포넌트를 위한 여러 가지 UI 테마가 포함되어 있습니다. 자세한 내용은 보고서 뷰어 테마 페이지를 참조하십시오.

모듈 번들러(예: webpack)를 사용하여 컴파일하는 응용 프로그램에서 ActiveReportsJS를 사용하려고 합니다. 이 경우 이러한 테마가 포함된 @mescius/activereportsjs NPM 패키지를 package.json 파일의 종속성 목록에 추가할 수 있습니다.

순수 JavaScript 응용 프로그램은 다운로드한 설치 패키지의 styles 폴더에서 찾을 수 있는 ar-js-ui.css, ar-js-viewer.css 파일에 대한 참조가 포함될 수 있습니다. 또는 해당 스크립트는 CDN 참조를 통해 사용할 수 있습니다.

보고서 디자이너 UI 테마

ActiveReportsJS에는 보고서 디자이너 컴포넌트를 위한 여러 가지 UI 테마가 포함되어 있습니다. 자세한 내용은 보고서 디자이너 테마 페이지를 참조하십시오.

모듈 번들러(예: webpack)를 사용하여 컴파일하는 응용 프로그램에서 ActiveReportsJS를 사용하려고 합니다. 이 경우 이러한 테마가 포함된 @mescius/activereportsjs NPM 패키지를 package.json 파일의 종속성 목록에 추가할 수 있습니다.

순수 JavaScript 응용 프로그램에는 다운로드한 설치 패키지의 styles 폴더에서 찾을 수 있는 ar-js-ui.css, ar-js-designer.css 파일에 대한 참조가 포함될 수 있습니다. 또는 해당 스크립트는 CDN 참조를 통해 사용할 수 있습니다.