새로운 기능: Ignite UI for React 24.1 릴리스

새로운 기능: Ignite UI for React 24.1 릴리스

최신 Ignite UI for React 24.1의 새로운 기능을 모두 확인해 보세요. 새로운 그리드, 게이지 및 기능 - 이 모든 것은 지속적인 릴리스의 일부입니다. 여기에서 더 읽어보세요.

5min read

Ignite UI for React가 지속적인 릴리스의 일환으로 기능과 성능을 향상시키는 새로운 기능을 도입하여 많은 중요한 개선 사항을 받았다는 소식을 전하게 되어 기쁩니다. 주요 업데이트 중 일부에는 Hierarchical Grid, Button Group, 더 나은 데이터 시각화를 위한 몇 가지 게이지 등과 같은 여러 구성 요소가 포함됩니다. 이 모든 것은 개발자가 고품질의 반응형 웹 애플리케이션을 쉽게 만들 수 있도록 맞춤화되어 있습니다. 그러나 그것들을 자세히 살펴 보겠습니다.

Version 18.4

Changelog 18.4

그리드 구성 요소에 대한 상태 지속성 기능

Ignite UI for React 상태 지속성 안으로 React 데이터 그리드, React 트리 그리드 그리고 React Hierarchical Grid (계층적 그리드) 개발자가 그리드 상태를 쉽게 저장하고 복원할 수 있습니다. 때 IgrGridState React에 적용됩니다. IgrGrid, 노출됩니다. GetState, GetStateAsString, ApplyState 그리고 ApplyStateFromString 개발자가 모든 시나리오에서 상태 지속성을 달성하는 데 사용할 수 있는 메서드입니다. 지원되는 기능은 다음과 같습니다.

React Grid State Persistence 기능의 예

Version 18.5

Changelog 18.5

Chart Highlight filter feature

​Ignite UI for React 차트 구성 요소는 플롯된 데이터의 하위 집합을 볼 수 있도록 하여 해당 차트에 그려진 계열의 시각화를 향상시킬 수 있는 데이터 강조 오버레이를 지원합니다. 이 기능을 활성화하면 데이터의 하위 집합이 강조 표시되며 열 및 영역 계열 유형의 경우 불투명도가 감소된 전체 집합이 표시되고 선 계열 유형의 경우 파선이 표시됩니다. 이렇게 하면 데이터 세트를 사용하여 목표 값 대 실제 값과 같은 항목을 시각화하는 데 도움이 될 수 있습니다. 이 기능은 다음 예제에 설명되어 있습니다.

React 차트 하이라이트 필터 기능의 예

Version 18.6

Changelog 18.6

새로운 Hierarchical Grid 컴포넌트

​React Hierarchical Data Grid의 Ignite UI는 계층적 테이블 형식 데이터를 표시하고 조작하는 데 사용됩니다. 아주 적은 코드로 데이터를 빠르게 바인딩하거나 다양한 이벤트를 사용하여 다양한 동작을 사용자 지정할 수 있습니다. 이 구성 요소는 데이터 선택, Excel 스타일 필터링, 정렬, 페이징, 템플릿, 열 이동, 열 고정, Excel 및 CSV로 내보내기 등과 같은 다양한 기능 집합을 제공합니다. 계층적 그리드(Hierarchical Grid)는 플랫 그리드 컴포넌트(Flat Grid Component)를 기반으로 하며, 더 자세한 정보가 필요할 때 사용자가 부모 그리드의 행을 확장하거나 축소하여 해당 자식 그리드를 표시할 수 있도록 하여 기능을 확장합니다.

React Hierarchical Data Grid 구성 요소의 예

New Radial Gauge

​React 방사형 계기 구성 요소는 미리 정의된 모양과 눈금을 만들기 위해 바늘, 눈금, 범위 및 레이블과 같은 다양한 시각적 요소를 제공합니다. IgrRadialGauge 또한 애니메이션 전환에 대한 지원이 내장되어 있습니다. 이 애니메이션은 속성을 설정하여 쉽게 사용자 지정할 수 있습니다 transitionDuration.

React 방사형 게이지의 예

New Linear Gauge

​React 선형 게이지 구성 요소에 대한 Ignite UI 사용하면 선형 게이지 형태로 데이터를 시각화할 수 있습니다. 는 IgrLinearGauge 척도 및 하나 이상의 범위와 비교된 값에 대한 간단하고 간결한 보기를 제공합니다. 하나의 척도, 하나의 눈금 표시 세트 및 하나의 레이블 세트를 지원합니다. 이 구성 요소에는 애니메이션 전환에 대한 기본 제공 지원도 있습니다. 이 애니메이션은 속성을 설정하여 쉽게 사용자 지정할 수 있습니다 transitionDuration. 선형 게이지 구성 요소의 기능에는 구성 가능한 방향 및 방향, 바늘과 같은 구성 가능한 시각적 요소 등이 포함됩니다.

React 선형 계기의 예

New Bullet Graph Gauge

​React Bullet Graph 구성 요소를 사용하면 척도와 비교하여 측정값을 선형적이고 간결하게 볼 수 있습니다.

Ignite UI for React bullet graph 구성 요소는 대시보드에서 사용되는 미터와 게이지를 간단하면서도 직관적이고 명확한 막대 차트로 대체하여 매력적인 데이터 프레젠테이션을 만들 수 있는 기능을 제공합니다. bullet graph는 목표에 대한 진행 상황, 양호/더 좋음/최고 범위를 표시하거나 가능한 한 적은 수평 또는 수직 공간에서 여러 측정값을 비교하는 가장 효과적이고 효율적인 방법 중 하나입니다.

React Bullet Graph Gauge의 예

새 텍스트 영역 구성 요소

​React Text Area 구성 요소에 대한 Ignite UI는 여러 줄로 된 일반 텍스트 편집 컨트롤을 나타냅니다. 이 기능은 사용자가 검토 또는 피드백 양식에 대한 주석과 같은 상당한 양의 자유형 텍스트를 입력할 수 있도록 허용하려는 경우에 유용합니다.

React Text Area Component의 예

New Button Group 컴포넌트

​React Button Group 구성 요소는 s를 가로/세로 정렬, 단일/다중 선택 및 토글을 통해 스타일이 지정된 버튼 그룹으로 구성하는 IgrToggleButton 데 사용됩니다.

React Button Group 구성 요소의 예

요약하자면...

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

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

또한

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

Ignite UI for React

React Product Updates
데모 요청