What's New: Ignite UI for Angular 24.1

새로운 기능: Ignite UI for Angular

Ignite UI의 최신 릴리스가 출시되었으며 Angular를 위한 수많은 새로운 기능과 구성 요소를 제공합니다. 업데이트에 대해 자세히 알아보고 새로운 기능을 사용해 보세요.

4min read

출시 시기와 지난 몇 달 동안 Ignite UI for Angular에 대한 최신 업데이트를 통해 웹 개발자의 앱 구축 경험을 간소화하고 개선하도록 설계된 광범위한 새로운 기능과 개선 사항을 도입했습니다.

이 지속적인 업데이트는 주요 개선 사항부터 사용자가 데이터를 시각화하는 방식, 성능 최적화, 새로운 구성 요소 등에 이르기까지 다양합니다. 그러나 주요 하이라이트는 무엇입니까? 그들 모두를 탐험해 봅시다.

Version 17.1

변경내역 17.1

향상된 패키지 트리 쉐이킹

트리 쉐이킹은 사용하지 않는 코드를 제거하여 최종 번들 크기를 최적화하는 데 도움이 되기 때문에 Angular 구성 요소 라이브러리에 매우 중요합니다. 트리 쉐이킹은 사용하지 않는 코드를 제거함으로써 브라우저에서 다운로드하고 실행해야 하는 JavaScript의 양을 줄입니다. 이를 통해 로드 시간이 빨라지고 사용자 경험이 향상됩니다. 향상된 패키지 트리 쉐이킹의 몇 가지 이점은 다음과 같습니다.

  • 성능 향상
  • Efficient Resource Utilization
  • Simplified Codebase
  • Enhanced Security

New: Icon Button

​Angular Icon Button 지시문에 대한 Ignite UI는 모든 아이콘을 완전한 기능의 단추로 바꾸기 위한 것입니다. 세 igxIconButton 가지 유형이 있습니다 – 평면, 윤곽선, 포함이 기본 유형입니다.

Angular Icon Button 구성 요소의 예

Version 17.2

Changelog 17.2

캘린더 업데이트 – 스타일링 및 테마 지정

UX Ignite UI 개선하고 고객 피드백을 해결하기 위해 일정의 모양과 느낌이 업데이트되었습니다. 기본 Angular 구성 요소로 개발된 Ignite UI for Angular Calendar 구성 요소는 날짜 정보를 표시하거나, 날짜를 활성화하거나, 달력 비활성화 날짜 모드를 적용할 Angular 쉽고 직관적인 방법을 제공합니다. 사용자는 단일 선택, 다중 선택 또는 범위 선택의 세 가지 선택 모드 중에서 선택할 수 있습니다.

Example for Angular Calendar Component

Button improvements

Angular Button 구성 요소의 예

외부 아이콘 세트 지원

이제 Ignite UI for Angular 구성 요소에서 사용하는 일부 또는 모든 아이콘을 비재질 아이콘 세트로 바꿀 수 있습니다. Ignite UI Icon Service를 사용하면 개발자가 사용자 지정 SVG 이미지를 쉽게 포함하고 IgxIconComponent와 함께 사용할 수 있습니다. 또한 주어진 font-family에 따라 IgxIconComponent에 적용할 사용자 정의 클래스를 연결하는 데 사용할 수 있습니다.

Angular 구성 요소의 비재질 아이콘에 대한 예

날짜, 날짜/시간 및 시간 편집기 형식 업데이트

Version 18.0

Changelog 18.0

Support of Angular 18

피벗 그리드에 대한 헤더 템플릿

버전 18.0.0부터 Ignite UI for Angular 행 차원 값 헤더는 옵션을 통해 pivotUI 활성화할 수 있습니다.

피벗 그리드를 내보낼 때 Excel에서 볼 수 있도록 행 차원에 대한 헤더를 노출합니다.

Deprecate of ‘displayDensity’ property

Version 18.1

Changelog 18.1

Pivot Grid에 대한 수평 행 차원 확장

Headers focus and keyboard navigation for Pivot Grid, Row, Dimension, Headers

Pivot Grid에 대한 Header template 및 Horizontal row dimension 확장의 예:

Angular Pivot Grid 구성 요소의 예

Grid Toolbar updates

Angular 그리드 도구 모음 구성 요소의 예

Complete CHANGELOGS:

요약하자면...

호환성을 위해 매끄럽게 제작된 Ignite UI for Angular는 최신 기술과 주요 릴리스의 기능을 활용할 수 있도록 지원하는 라이브러리입니다. 최고의 Angular UI 툴킷 및 관련 인사이트를 제공하기 위해 최선을 다하고 있으며, 더 많은 노하우, 새로운 기능, 향상된 성능 및 향상된 안정성을 제공하는 것이 목표입니다. Ignite UI for Angular GitHub 리포지토리를 통해 여러분과 같은 사용자의 요청 덕분에 일부 개선 사항이 추가되었습니다. 이를 염두에 두고 우리는 항상 제안과 피드백에 열려 있습니다 – 이를 통해 우리는 성장하고 귀하의 개발 요구에 더 잘 대응할 수 있습니다.

자세한 내용이 필요한 경우 다음을 확인하는 것이 좋습니다.

또한

​Medium의 Ignite UI for Angular 팔로우하여 최신 정보를 얻고 현재 진행 중인 최신 Angular 관련 프로젝트에 대해 알아보세요. GitHub에서 별을 제공하고 문제 섹션에서 우려 사항, 질문 또는 기능 요청을 해결하여 제품을 계속 개선할 수 있도록 도와주세요.

Ignite UI for Angular

Angular Product Updates
데모 요청