Infragistics Ultimate 25.2 릴리스 출시: 새로운 기능
이 릴리스는 성능, 일관성 및 현대화에 대한 우리의 약속을 강화하는 동시에 팀이 이전보다 더 빠른 속도, 제어 및 플랫폼 간 일관성으로 설계 및 개발할 수 있도록 지원합니다.
Infragistics Ultimate 25.2 릴리스가 출시되었다는 소식을 전하게 되어 기쁩니다! 기술 스택에 관계없이 응집력 있는 경험을 제공하여 Angular, React, Blazor, Web Components, WPF 및 WinForms를 하나의 현대적인 고성능 기반 아래에 통합합니다. App Builder의 AI 발전 외에도 개발자는 Azure Maps 통합, 고급 차트 작성 기능, Angular 20, React 19 및 .NET 10에 대한 완전한 지원과 같은 동기화된 업데이트를 통해 손상 없이 플랫폼 간에 원활하게 구축할 수 있는 자유를 얻습니다.
이 릴리스는 성능, 일관성 및 현대화에 대한 우리의 약속을 강화하는 동시에 팀이 이전보다 더 빠른 속도, 제어 및 플랫폼 간 일관성으로 설계 및 개발할 수 있도록 지원합니다.
모든 개선 사항과 업데이트를 자세히 살펴보겠습니다.
Grid Performance Improvements
최적화된 분류 성능: 그 어느 때보다 빠름
- Framework: Angular, React, Web Components, Blazor
- 구성 요소: 데이터 그리드, 트리 그리드, 계층적 그리드, 피벗 그리드
Infragistics 에서는 항상 세계에서 가장 빠른 Angular 그리드를 제공하는 데 자부심을 갖고 있으며 이제 성능을 한 단계 끌어올리고 있습니다. 지난 몇 번의 스프린트 동안 개발 팀은 데이터 그리드, 트리 그리드, 계층적 그리드 및 피벗 그리드와 같은 Ignite UI 구성 요소 라이브러리의 핵심을 최적화하는 데 집중했습니다.
중요한 개선 사항은 정렬 파이프라인의 포괄적인 최적화로 Ignite UI for Angular 20.1에서 처음 릴리스되었습니다. 대규모 데이터 세트를 처리하는 애플리케이션의 경우 매 밀리초가 중요하다는 것을 알고 있습니다. 우리의 초기 수락 기준은 그룹화 성능을 벤치마킹하고 10,000개 이상의 행이 있는 데이터 세트에 대해 실행 시간이 최소 25% 향상되었음을 입증하는 야심찬 것이었습니다.
결과는? 우리는 그 벤치마크를 뛰어넘어 다음을 달성했습니다.
- 100,000개의 레코드가 있는 데이터 세트에 대해 3배에서 4배 더 빠르게 정렬합니다.
- 전체 데이터 작업 시간은 100K 행의 애플리케이션 시나리오 내에서 그리드에서 ~35% 감소했습니다.
정렬 성능 업데이트가 영향을 받았습니다.
- Angular Data Grid, Angular Tree Grid, Angular Hierarchical Grid and Angular Pivot Grid
- React Data Grid, React Tree Grid, React Hierarchical Grid and React Pivot Grid
- Web Components Data Grid, Web Components Tree Grid, Web Components Hierarchical Grid and Web Components Pivot Grid
- Blazor Data Grid, Blazor Tree Grid, Blazor Hierarchical Grid and Blazor Pivot Grid
그리드 셀 병합
- Framework: Angular, React, Web Components
- 구성 요소: 데이터 그리드, 트리 그리드, 계층적 그리드, 피벗 그리드
Ignite UI 그리드는 동일한 값을 가진 두 개 이상의 인접한 셀을 하나의 더 큰 셀로 결합하는 셀 병합 기능을 제공합니다. 병합은 열 내에서 세로로 적용되며 중복 값을 줄여 가독성을 향상시키는 데 도움이 됩니다. 이 기능은 기본적으로 데이터 값과 일치하거나 사용자 지정 조건을 적용하여 셀을 병합하도록 구성할 수 있습니다.

셀 병합 기능은 다음에 사용할 수 있습니다.
- Angular Data Grid, Angular Tree Grid, Angular Hierarchical Grid
- React 데이터 그리드, React 트리 그리드 React 계층적 그리드
- Web Components 데이터 그리드, Web Components 트리 그리드 Web Components 계층적 그리드
양쪽에 그리드 고정
- Framework: Angular, React, Web Components
- 구성 요소: 데이터 그리드, 트리 그리드, 계층적 그리드, 피벗 그리드
이제 각 열 고정 위치를 별도로 지정할 수 있으므로 그리드의 양쪽에 열을 고정하여 더 편리하고 데이터 세트를 더 쉽게 최적화하며 Angular, React, Web Components 또는 Blazor 사용하는 것을 선호하는 것에 관계없이 최신 웹 애플리케이션에 대해 원하는 UX를 달성할 수 있습니다.

양쪽 고정 기능은 다음에 사용할 수 있습니다.
- Angular Data Grid, Angular Tree Grid, Angular Hierarchical Grid
- React 데이터 그리드, React 트리 그리드 React 계층적 그리드
- Web Components 데이터 그리드, Web Components 트리 그리드 Web Components 계층적 그리드
Beautiful New Grid Samples
- Framework: Angular, React, Web Components
- 구성 요소: 데이터 그리드, 트리 그리드, 계층적 그리드, 피벗 그리드
최신 Infragistics Ultimate 릴리스에는 데이터 기반 앱 개발을 재정의하는 실제 사용 사례와 고급 그리드 기능을 보여주는 5가지 강력한 그리드 예제가 도입되었습니다. 계층적 재고 및 ERP 대시보드부터 HR 조직도, 재무 포트폴리오 추적, 판매 분석 및 차량 관리 시스템에 이르기까지 각 샘플은 정렬, 필터링, 내보내기, 실시간 업데이트 및 다단계 데이터 시각화와 같은 기능을 갖춘 고성능 데이터 그리드를 강조합니다. 이러한 예는 함께 Ignite UI의 그리드 구성 요소의 유연성과 속도, 그리고 개발자가 최신 대화형 엔터프라이즈급 웹 애플리케이션을 제공할 수 있도록 지원하는 방법을 보여줍니다.
ERP / 재고

Org Chart / HR Portal

재무 포트폴리오 앱

영업 대시보드

Fleet Management System

Beautiful New Chart Samples
릴리스의 업데이트는 새로워진 차트 경험도 제공하여 데이터 탐색을 그 어느 때보다 빠르고 직관적으로 만드는 새로운 대화형 차트 샘플 제품군을 통해 Ignite UI의 시각적 스토리텔링 기능을 확장합니다. 세로 막대형, 막대형 및 꺾은선형 차트에서 원형, 단계형 및 극좌표에 이르기까지 각 예제는 차트 구성 요소가 복잡한 데이터 세트를 명확하고 역동적인 인사이트로 전환하는 방법을 보여줍니다. 부드러운 애니메이션, 반응형 레이아웃 및 테마 옵션을 통해 성능을 비교하고, 추세를 추적하고, 주요 지표를 정확하고 스타일리시하게 강조하는 대시보드를 쉽게 만들 수 있습니다.

새 Dock Manager 샘플
- Framework: Angular
- 구성 요소: Dock Manager, AI Chat 구성 요소
Infragistics Ultimate 25.2 릴리스의 일부로 개발자가 크기를 조정, 부동, 고정 또는 숨길 수 있는 드래그하기 쉬운 창을 통해 앱 레이아웃을 완전히 제어할 수 있도록 설계된 새로운 Ignite UI for React Dock Manager 샘플도 도입되었습니다. 이 예는 사용자가 작업 공간을 쉽게 재정렬하고, 사용자 정의 레이아웃을 저장하고, 최대한의 유연성으로 풍부한 대시보드를 생성할 수 있는 다중 창, 다중 화면 애플리케이션을 얼마나 쉽게 구축할 수 있는지 보여줍니다.

AI 채팅 구성 요소
Framework: React, Web Components
Ignite UI Chat 구성 요소는 애플리케이션에서 대화형 인터페이스를 구축하기 위한 완벽한 솔루션을 제공합니다. 고객 지원 도구, 협업 작업 공간 또는 챗봇 도우미를 만드는 경우 채팅 구성 요소는 문자 메시지 보내기 및 받기, 첨부 파일 업로드, 제안에 대한 빠른 답장 표시, 다른 참가자가 응답을 작성할 때 입력 표시기 표시 등 필요한 구성 요소를 제공합니다.
정적 메시지 목록과 달리 구성 요소는 Chat 대화형이며 실시간 통신을 위해 설계되었습니다. 입력, 렌더링 및 사용자 상호 작용을 관리하는 동시에 메시지와 첨부 파일이 표시되는 방식을 완전히 제어할 수 있습니다. 또한 레이아웃 또는 시각적 개체의 모든 부분을 재정의할 수 있는 광범위한 렌더링 API를 노출합니다.

Date Range Picker Component
- Framework: React, Web Components
- Already available in: Angular
Ignite UI 날짜 범위 선택기는 텍스트 입력과 달력 팝업을 포함하는 경량 구성 요소로, 사용자가 시작 날짜와 종료 날짜를 쉽게 선택할 수 있습니다. 다양한 애플리케이션 요구 사항에 맞게 사용자 정의가 가능하며 날짜 범위 제한, 구성 가능한 날짜 형식 등과 같은 기능을 제공합니다.
툴팁 컴포넌트
- Framework: React, Web Components, Blazor
- Already available in: Angular
Ignite UI for Web Components Tooltip 구성 요소는 특정 요소에 대한 도구 설명을 표시하는 방법을 제공합니다. 툴팁은 요소와 관련된 정보를 표시하는 팝업으로, 일반적으로 요소가 키보드 포커스를 받거나 마우스가 그 위로 마우스를 가져갈 때 표시됩니다.

타일 관리자 컴포넌트
- Framework: React, Blazor
- 이미 사용 가능: Angular, Web Components
Ignite UI 타일 관리자 구성 요소를 사용하면 개별 타일에 콘텐츠를 표시할 수 있습니다. 이를 통해 사용자는 타일을 재정렬하고 크기를 조정하여 이러한 타일과 상호 작용할 수 있으므로 원하는 대로 콘텐츠의 레이아웃과 모양을 자유롭게 사용자 정의할 수 있습니다. 이러한 유연성은 콘텐츠를 보고 관리하는 보다 개인화되고 효율적인 방법을 가능하게 하여 사용자 경험을 향상시킵니다.

마스크 입력 컴포넌트
- Framework: Blazor
- 이미 사용 가능: Angular, React, Web Components
Ignite UI for Blazor 마스크 입력은 개발자가 구성 가능한 규칙에 따라 사용자 입력을 제어하고 표시되는 값의 형식을 지정할 수 있는 입력 필드입니다. 다양한 입력 옵션과 사용 및 구성 용이성을 제공합니다.
Divider Component
- Framework: Blazor
- 이미 사용 가능: Angular, Web Components
Ignite UI for Blazor 구분선을 사용하면 컨텐츠 작성자가 컨텐츠 사이의 구분으로 가로/세로 규칙을 쉽게 만들어 페이지의 정보를 더 잘 구성할 수 있습니다.
App Builder의 새로운 기능
Infragistics Ultimate에 포함된 App Builder는 필요한 모든 구성 요소, 도구 및 기능을 사용하여 디자인에서 코드까지 앱 개발을 간소화하는 유일한 로우코드 도구입니다. 최신 업데이트는 이제 강력한 AI 향상, 확장된 그리드 기능 및 성능 향상 업그레이드에 중점을 둡니다. 목표는 지속적인 혁신을 촉진하여 팀과 회사가 경쟁에서 앞서 나갈 수 있도록 지원하는 동시에 그 어느 때보다 빠르게 앱을 구축하는 것입니다.
다음은 하이라이트입니다.
이미지에서 보기 생성
- 이제 하나 이상의 이미지를 업로드 하고 AI가 해당 앱 보기를 자동으로 생성하도록 할 수 있습니다.
- 이 기능은 디자인 워크플로를 간소화하여 시각적 자산을 몇 초 만에 기능적인 앱 레이아웃으로 변환합니다.
Smarter Data Source Generation
이제 AI는 그리드 및 데이터 차트와 같은 구성 요소에 대해 보다 정확한 데이터 소스를 생성하여 설정 시간을 줄이고 생성된 앱을 즉시 사용할 수 있도록 합니다.
Pivot Grid Enhancements

- 이제 피벗 그리드 구성이 그 어느 때보다 쉬워졌습니다. 행, 차원 및 값을 수동으로 정의하는 대신 App Builder 연결하는 데이터 원본을 기반으로 피벗 뷰를 자동으로 생성합니다.
- 피벗 그리드를 캔버스에 놓고 데이터에 바인딩하기만 하면 레이아웃이 생성됩니다.
- 나중에 언제든지 레이아웃을 다듬을 수 있지만 자동 생성은 시간을 절약하고 생산성을 높이는 기능적 시작점을 제공합니다.
Master-Detail Templates
- App Builder의 마스터-세부 사항 템플릿은 데이터 그리드에 강력한 상호 작용을 제공합니다.
- 확장 가능한 행을 활성화하면 사용자가 고객의 최근 주문, 직원의 성과, 차량의 여행 기록 등 각 레코드에 연결된 자세한 내용을 그리드 내에서 바로 표시할 수 있습니다.
- App Builder의 직관적인 디자인 타임 지원을 통해 카드 또는 텍스트 블록과 같은 구성 요소를 확장된 세부 정보 영역으로 끌어다 놓고 현재 행의 데이터 컨텍스트에 바인딩할 수 있습니다. 플랫 테이블을 뛰어넘는 유익한 UI를 구축하는 빠르고 유연한 방법입니다.
- 이를 사용하려면 속성 패널에서 그리드 세부 정보 옵션을 활성화하고 구성 요소를 추가한 다음 행 데이터에 바인딩하기만 하면 됩니다.

AI 기반 테마 관리

- 이제 AI 지원을 통해 테마를 만들고 업데이트하는 것이 더 쉬워졌습니다.
- App Builder 입력을 기반으로 테마를 생성, 수정 및 삭제할 수 있으므로 애플리케이션 전체에서 일관된 브랜딩과 스타일을 유지하는 데 도움이 됩니다.
여기에서 더 읽어보세요:
새로운 기능: 더 스마트한 AI 기능, 피벗 그리드 향상 등을 갖춘 App Builder
새로운 기능: 조건부 데이터 작업, 그리드 마스터-세부 정보 등을 사용한 App Builder
Azure Maps에서 이미지 표시
최신 릴리스에서는 최신 웹 프레임워크와 WPF 및 Windows Forms에서 새로운 지도 구성 요소 클래스를 사용하여 Azure Maps의 지리적 이미지를 표시하기 위한 지원을 도입했습니다. 이 통합을 통해 개발자는 Microsoft® Azure Maps에서 직접 고품질 타일 기반 이미지로 지도 시각화를 쉽게 강화할 수 있습니다. 지리 공간 대시보드를 빌드하든 위치 인식 앱을 빌드하든 이제 Azure의 다양한 맵 스타일을 맵 구성 요소의 배경 콘텐츠로 오버레이하여 사용자 지정 통합 코드를 작성하지 않고도 컨텍스트, 시각적 명확성 및 사용자 참여를 향상시킬 수 있습니다.
싸다...
모든 릴리스에서 우리는 현대 웹 개발에서 가능한 것의 한계를 뛰어넘고 이번 릴리스도 예외는 아닙니다. 최신 Ignite UI 업데이트는 Angular, React, Web Components 및 Blazor 전반에 걸쳐 비교할 수 없는 속도, 최첨단 새 구성 요소 및 놀라운 새 샘플을 제공합니다.
계속해서 새로운 기능을 사용해 보고 최신 앱 개발에 필요한 도구를 사용하여 더 우수하고 기능이 풍부한 애플리케이션을 구축해 보세요.