# ActiveReportsJS: 버전 6.1의 새로운 기능

## Content

## ActiveReportsJS CLI 도구

프로젝트 유지 관리 및 업그레이드를 간소화하기 위해 **ActiveReportsJS CLI**를 도입했습니다. 이 명령줄 유틸리티는 프로젝트 마이그레이션을 비롯한 반복적인 작업을 자동화하도록 설계되었습니다. 더 자세한 정보는 [설치 페이지](/activereportsjs/docs/GettingStarted/Installation#activereportsjs-cli-%EB%8F%84%EA%B5%AC)에서 확인하실 수 있습니다.

## 보고서 디자이너 UI 개선 사항

### 향상된 다중 열(Multi-Column) 보고서 디자인

다중 열(Multi-Column) 보고서 디자인 환경이 크게 개선되었습니다. 이제 디자이너 화면에 열 분할이 직접 표시되어 시각적으로 명확한 피드백을 제공합니다. 레이아웃 정확도를 높이기 위해 기본 열에 컨트롤을 추가할 수 있으며, 이후 열은 콘텐츠 증가에 맞춰 런타임에 자동으로 생성됩니다.
저희 [라이브 데모](https://demo.mescius.co.kr/activereportsjs/demos/Reports/TableWithImage/purejs)를 방문하여 "디자이너에서 편집" 버튼을 클릭하시면 새로운 디자인 워크플로우를 직접 경험하실 수 있습니다.
![Enhanced Multi Column Design](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/a9ec544d-3eb8-40c7-891c-0e9e47f462ea/image01-20260610.05a80c.png)

### 도구 상자 고정(Pin) 기능 추가

ActiveReportsJS 보고서 디자이너에 이제 도구 상자 사이드바 상단에 `고정(Pin)` 버튼이 추가되었습니다. 이 개선 사항을 통해 도구 상자를 고정된 열린 위치에 고하여 보고서 구성 요소를 항상 쉽게 접근할 수 있도록 함으로써 더욱 빠르고 효율적인 드래그 앤 드롭 작업을 할 수 있습니다.
![Pinable Toolbox](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/a9ec544d-3eb8-40c7-891c-0e9e47f462ea/image02-20260610.f9ad12.png)

### OS 지역 설정 기반 리포트 기본값 자동 감지

ActiveReportsJS 보고서 디자이너는 이제 운영 체제의 지역 설정을 자동으로 감지하여 기본 디자인 단위와 페이지 크기를 설정합니다. `미터법(Metric)` 설정을 사용하는 시스템의 경우 앱은 기본적으로 `센티미터(cm)` 단위와 `A4` 용지 크기로 초기화되며, 미국 기반 시스템의 경우 `인치(in)` 단위와 `Letter` 용지 크기로 초기화됩니다.

### 데이터 필드에 대한 자동 "First" 집계

자동 필드 집계 기능 도입으로 데이터 매핑 속도가 향상되었습니다. 데이터 세트 필드를 보고서의 바인딩되지 않은 영역으로 드래그 앤 드롭하면 디자이너에서 기본적으로 `Value` 표현식에 `First` 집계 함수를 적용합니다.

## 보고서 뷰어 개선 사항

### 개선된 표현식 오류 처리

ActiveReportsJS에서 이제 미리 보기 중에 동적 표현식 오류를 더욱 명확하게 강조 표시합니다.

* **인플레이스 오류(In-Place Errors):** 텍스트 상자, 체크 상자, 바코드, 이미지 또는 글머리 기호의 값 속성이 유효하지 않으면 보고서에 `#Error(#오류)` 메시지가 직접 표시됩니다. 이 동작은 [보고서 뷰어 초기화 옵션](/activereportsjs/api/interfaces/ReportViewer.ViewerOptions)에서 `showEvaluationErrors` 속성을 설정하여 애플리케이션에서 구성할 수 있습니다.
* **패널 경고(Panel Warnings):** 다른 컨트롤 속성에 대한 잘못된 표현식은 경고/오류 패널에 나열됩니다. [보고서 뷰어 초기화 옵션](/activereportsjs/api/interfaces/ReportViewer.ViewerOptions)에서 `showExpressionWarnings` 속성을 설정하여 애플리케이션에서 이 동작을 구성할 수 있습니다.

다음 이미지는 보고서 뷰어에서 "TextBox4"의 값 및 색상 속성 모두에 오류가 포함된 보고서를 표시하는 모습입니다.
![Error](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/a9ec544d-3eb8-40c7-891c-0e9e47f462ea/image03-20260610.d03f67.png)

### 고급 툴바 커스터마이징

[보고서 뷰어 API](/activereportsjs/api/interfaces/ReportViewer.Toolbar)가 업데이트되어 툴바 내의 모든 개별 버튼과 컨트롤에 대한 세부적인 접근이 가능해졌습니다. 이 개선 사항을 통해 탐색, 기록 및 확대/축소 그룹 내의 특정 하위 항목을 포함한 기본 제공 항목을 쉽게 업데이트하거나 제거할 수 있으므로 복잡한 해결 방법 없이 사용자 인터페이스를 더욱 정밀하게 제어할 수 있습니다. 자세한 내용과 코드 샘플은 [보고서 뷰어 UI 사용자 지정](/activereportsjs/docs/DeveloperGuide/ActiveReportsJSViewer/Customization) 페이지를 참조하십시오.

### 향상된 상호작용성

[매개변수 적용](/activereportsjs/docs/ReportAuthorGuide/Interactivity#매개변수-적용){:target="_blank"} 액션에 새로운 **대상 책갈피** 속성을 추가하여 보고서 뷰어가 업데이트된 매개변수 값으로 다시 렌더링된 후 특정 보고서 책갈피로 자동으로 이동할 수 있도록 개선했습니다. 이 개선 사항은 복잡한 보고서에서 탐색을 간소화하며, 자세한 내용은 업데이트된 [매개변수 적용](/activereportsjs/docs/ReportAuthorGuide/Interactivity#매개변수-적용){:target="_blank"} 설명서를 참조하십시오.
![Enhanced Interactivity](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/a9ec544d-3eb8-40c7-891c-0e9e47f462ea/image04-20260610.9d2e54.png)

## HTML 내보내기 기능 개선: 글꼴 포함

이제 HTML 내보내기 기능을 사용하면 [등록된 글꼴](/activereportsjs/docs/GettingStarted/FontConfiguration){:target="_blank"} 파일을 포함하는 ZIP 압축 파일을 생성할 수 있습니다. 새로운 `글꼴 포함(Embed Fonts)` 속성을 활성화하면 [registerFont](/activereportsjs/api/modules/Core#fontstore){:target="_blank"} 메서드를 통해 등록된 모든 글꼴이 HTML 문서와 함께 패키징됩니다. 이를 통해 보고서의 서체가 완벽하게 유지되고, 파일을 독립 실행형 환경이나 다른 컴퓨터에서 열 때 브라우저가 기본 글꼴로 대체되는 것을 방지할 수 있습니다.
![Font Embedding](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/a9ec544d-3eb8-40c7-891c-0e9e47f462ea/image05-20260610.4b2e7c.png)