# 지역화

## Content



### ActiveReportsJS 지역화 모듈

ActiveReportsJS에서는 영어(en), 일본어(ja), 중국어(zh)로 번역된 보고서 뷰어 UI 텍스트가 포함된 지역화 모듈을 제공합니다. 이 모듈은 [다운로드 패키지](https://www.grapecity.com/activereportsjs/download)의 `dist\locales` 폴더에서 사용할 수 있습니다. 또한 지역화 모듈은 [@grapecity/activereports-localization](https://www.npmjs.com/package/@grapecity/activereports-localization) 패키지 내에서 배포됩니다.

### 보고서 뷰어 지역화 모듈 가져오기

순수 JavaScript 응용 프로그램에서 지역화 모듈 스크립트는 `script` 태그로 참조할 수 있습니다. 예를 들어 다음과 같습니다.

```html
<script type="text/javascript" src="scripts/ar-js-locales.js"></script>
```

JavaScript 모듈을 사용하는 응용 프로그램에서 `@grapecity/activereports-localization` 패키지에서 현지화 모듈을 가져올 수 있습니다. 예를 들어 다음과 같습니다.

```js
import "@grapecity/activereports-localization";
```

### 보고서 뷰어 UI 언어 설정

순수 JavaScript 응용 프로그램에서 `ActiveReports.Viewer` 구성자가 옵션을 두 번째 매개 변수로 수락하면 해당 옵션을 사용하여 UI 언어를 설정할 수 있습니다. 예를 들어 다음과 같습니다.

```js
var viewer = new ActiveReports.Viewer("#viewer-host", { language: "ja" });
```

JavaScript 응용 프로그램에서 ActiveReportsJS 사용에 대한 자세한 내용은 [순수 JavaScript](/activereportsjs/docs/v2.1/DeveloperGuide/ActiveReportsJSViewer/VanillaJS) 페이지를 참조하십시오.

응용 프로그램에서 React, Angular 또는 Vue 보고서 뷰어 컴포넌트를 사용 중이라고 가정합니다. 이 경우 해당 컴포넌트의 `language` 속성을 통해 언어를 설정할 수 있습니다. 예를 들어 다음은 React 뷰어 컴포넌트에 대해 중국어를 설정하는 코드입니다.

```javascript
import { Viewer as ReportViewer } from "@grapecity/activereports-react";
import "@grapecity/activereports/styles/ar-js-viewer.css";
import "@grapecity/activereports-localization";

function App() {
  return (
    <div className="App">
      <div id="viewer-host">
        <ReportViewer language="zh" />
      </div>
    </div>
  );
}
```

Angular, React 및 Vue 응용 프로그램에서 각각 보고서 뷰어를 사용하는 방법에 대한 자세한 내용은 [Angular 컴포넌트](/activereportsjs/docs/v2.1/DeveloperGuide/ActiveReportsJSViewer/Angular-Component), [React 컴포넌트](/activereportsjs/docs/v2.1/DeveloperGuide/ActiveReportsJSViewer/React-Component) 및 [Vue 컴포넌트](/activereportsjs/docs/v2.1/DeveloperGuide/ActiveReportsJSViewer/Vue-Component) 페이지를 참조하십시오.


### 관련 링크

- [라이브 데모](/activereportsjs/demos/features/viewer-localization)