# ActiveReportsJS: 혁신적인 변경 사항

## Content



ActiveReportsJS 버전 2.0에서는 여러 가지 혁신적인 변경 사항을 제공합니다.

### 보고서 뷰어 컴포넌트 패키징

ActiveReportsJs v1.2에서는 다음 코드를 사용하여 보고서 뷰어 컴포넌트 인스턴스를 초기화할 수 있었습니다.

```js
import { Viewer } from "@grapecity/activereports/viewer"

const viewer = new Viewer("#viewer-host");
```

또는

```js
const viewer = new GC.ActiveReports.Viewer.Viewer("#viewer-host");
```

또는

```js
const viewer = ActiveReports.Viewer("#viewer-host");
```

v2.0에서 패키징을 변경했기 때문에 동일한 코드를 다음과 같이 작성해야 합니다.

```js
import { Viewer } from '@grapecity/activereports/reportviewer';
const viewer = new Viewer("#viewer-host");
```

또는 

```js
const viewer = new GC.ActiveReports.ReportViewer.Viewer("#viewer-host");
```

또는

```js
const viewer = new ActiveReports.Viewer("#viewer-host"); 
```

### 보고서 뷰어 컴포넌트 스타일시트

보고서 뷰어 컴포넌트 스타일시트에는 이제 파일이 한 개가 아니라 두 개 포함되어 있습니다. 자세한 내용은 [보고서 뷰어 테마 페이지](/activereportsjs/docs/v2.2/DeveloperGuide/ActiveReportsJSViewer/Themes)를 참조하십시오.


### 사용되지 않는 메서드

다음 API는 더 이상 사용되지 않으므로 다음 버전에서는 제거됩니다.

* [Core.PageReport.LicenseKey](@api/classes/core.pagereport.html#licensekey). 대신 [Core.setLicenseKey](@api/modules/core.html#setlicensekey) 메서드를 사용할 수 있습니다. 자세한 내용은 [라이선싱](/activereportsjs/docs/v2.2/GettingStarted/Licensing) 페이지를 참조하십시오.
* [Core.registerFont](@api/modules/core.html#registerfont), [Viewer.registerFont](@api/classes/reportviewer.viewer.html#registerfont), [registerPdfFont](@api/modules/exports.pdf.html#registerpdffont). 대신 [Core.FontStore.registerFonts](@api/modules/core.html#fontstore) 메서드를 사용할 수 있습니다.