Angular 17일에 맞춰 –Ignite UI 17.0.0입니다!

Angular 17일에 맞춰 –Ignite UI 17.0.0입니다!

Angular 17은 새로운 브랜딩, 새로운 웹사이트, 학습 리소스 등을 제공합니다. 그러나 Ignite UI 17.0.0도 있습니다. 새로운 기능을 확인하세요.

7min read

Angular 17이 여기에 있으며 많은 사람들이 그것을 르네상스라고 부릅니다 Angular! 새로운 기능, 새로운 브랜딩, 새로운 웹사이트, 새로운 미래 지향적인 아이덴티티 – 이러한 흥미로운 요소들이 이 게임을 정말 특별하게 만듭니다. 그리고 Angular 17에 맞춰 Ignite UI 17.0.0도 있습니다.

Try Ignite UI for Angular

하지만 이 모든 흥분은 무엇에 관한 것일까요?새로운 기능을 살짝 살펴보겠습니다.

  • ​Angular.dev에서 다시 작성된 학습 여정, 더 나은 문서 및 자습서를 통해 모든 사람이 자신의 속도에 맞게 학습을 시작하고 이전보다 훨씬 더 쉽게 프로젝트에 프레임워크를 사용할 수 있습니다.
  • 개발자가 *ngIf, *ngSwitch 및 *ngFor를 처리하고 "기본 제공 제어 흐름 루프를 통해 최대 90% 더 빠른 런타임"을 달성할 수 있도록 지원하는 것을 목표로 하는 새로운 기본 제공 제어 흐름 입니다.
  • "전례 없는 인체 공학"을 통해 선언적이고 강력한 지연 로딩을 가능하게 하는 새로운 지연 가능한 보기로 Angular 그 어느 때보다 빠르고 성능이 뛰어납니다.
  • 하이드레이션(Hydration), 하이브리드 렌더링 지원, SSR – 모두 개발자 경험과 앱 성능을 모두 향상시킵니다.
  • Vite 및 esbuild는 이제 새 프로젝트에 대해 기본적으로 활성화됩니다.
  • 또한 Angular 17 릴리스 블로그 –Angular v17 소개에서 자세히 살펴볼 수 있습니다. 

Google의 제품 및 DevRel Angular 책임자인 Minko Gechev는 다음과 같이 지적합니다. "Angular의 르네상스는 지난 몇 가지 버전 동안 전속력으로 진행되었습니다. 우리는 신호 기반 반응성, 하이드레이션, 독립형 구성 요소, 지시문 구성 및 기타 수십 가지 기능과 같은 개선으로 추진력을 얻고 있습니다."

이것을 Ignite UI for Angular 팀이 하는 일과 비교하자면, 7년 동안 Angular, 13개의 주요 버전에서 새로운 모든 것을 중앙값으로 7일 이내에 따라잡는 것입니다. 이 모든 것은 우리가 혁신의 최전선에 서기 위해 최선을 다하고 있기 때문입니다. 이제 Angular 17 릴리스에 이어 프레임워크의 가장 새롭고 흥미로운 업데이트와 호환되는 향상된 Ignite UI for Angular 라이브러리로 개발 프로세스를 향상시킬 수 있습니다.

Angular VersionRelease dateIgnite UI for AngularRelease dateTurnaround time in days
4.0.013-Dec-164.0.018-April-17126
5.0.01-Nov-175.0.03-Nov-172
6.0.04-May-186.0.021-May-1817
7.0.018-Oct-187.0.026-Nov-1839
8.0.028-May-198.0.019-Jun-1922
9.0.06-Feb-209.0.011-Feb-205
10.0.024-Jun-2010.0.025-Jun-201
11.0.011-Nov-2011.0.013-Nov-202
12.0.012-May-2112.0.014-May-212
13.0.04-Nov-2113.0.023-Nov-2119
14.0.02-Jun-2214.0.09-Jun-227
15.0.016-Nov-2215.0.023-Nov-227
16.0.03-May-2316.0.015-May-2312
17.0.08-Nov-2317.0.09-Nov-231

최신 Angular 릴리스와 일치하는 Ignite UI for Angular 평균 처리 시간은 7일입니다!

Ignite UI for Angular 17.0.0의 새로운 기능

Angular 17 compatibility

Improved tree-shaking capability

버전 16.1.0부터 제품의 나무 흔들기 기능을 개선하기 위해 노력해 왔습니다. 다음과 같은 변경 작업을 수행했습니다.

  • 애니메이션: 이제 'igniteui-angular/animations' 아래의 새 진입점에서 내보냅니다. 사용하지 않는 애니메이션은 더 이상 제품과 함께 번들로 제공되지 않습니다.
  • 지역화: 특정 구성 요소를 사용하는지 여부에 관계없이 더 이상 모든 기본 지역화 리소스를 가져오지 않습니다. 응용 프로그램에서 사용하는 구성 요소에 대해서만 문자열을 가져옵니다.
  • 체험판 워터마크: 체험판 워터마크가 사용되지 않았더라도 라이선스가 부여된 패키지를 사용할 때 더 이상 번들에 체험판 워터마크를 받을 수 없습니다.
  • Material Icons Extended: 번들에서 사용하지 않는 아이콘을 더 이상 얻을 수 없습니다.

공식 독립 실행형 구성 요소

독립 실행형 구성 요소 지원은 이제 미리 보기에서 제외되었습니다. 모든 igniteui-angular 구성 요소는 독립 실행형 구성 요소로 내보내집니다. 각 구성 요소에 대한 유틸리티 지시문 배열도 있습니다.이 문서에서 독립 실행형 구성 요소에 대해 자세히 알아보세요.

전체 Ignite UI for Angular 17.0.0 변경 내역

주목할 만한 변경 사항은 다음과 같습니다.

  • `IgxCard`
  • **주요 변경 사항** 'type' 속성은 더 이상 사용되지 않으며 향후 버전에서 제거될 예정입니다. 카드 구성 요소의 기본 보기는 이제 '윤곽선'으로 표시됩니다. 사용자는 새로 생성된 '상승된' 속성을 카드에 추가하여 '상승된' 보기로 전환할 수 있습니다.
  • '독립형 구성 요소' 지원이 이제 공식화되었습니다.
  • added `IGX_RADIO_GROUP_DIRECTIVES` for `IgxRadioGroupDirective` and `IgxRadioComponent`
  • 이제 'animations'를 'igniteui-angular/animations'/'@infragistics/igniteui-angular/animations'에서 가져옵니다.
  • 제품의 나무 흔들림이 개선되었습니다.
  • 'igniteui-angular-i18n'은 이제 트리를 흔들 수 있습니다.
  • 'igniteui-angular/animations'는 이제 트리를 흔들 수 있습니다.
  • 'igniteui-angular' 구성 요소가 트리 쉐이킹을 개선했습니다.
  • **호환성이 손상되는 변경** 'getCurrentResourceStrings'가 제거되었습니다. 대신 특정 구성 요소 문자열 가져오기를 사용합니다.
  • 예를 들어 EN 문자열은 'igniteui-angular'에서 가져옵니다. 'import { GridResourceStringsEN } from 'igniteui-angular';'
  • 예를 들어 DE 또는 기타 언어 문자열은 'igniteui-angular-i18n'에서 가져옵니다. 'igniteui-angular-i18n'에서 { GridResourceStringsDE } 가져오기;'
  • DisplayDensity 토큰 및 입력은 더 이상 사용되지 않으며 '-ig-size' 테마로 사용됩니다.
  • 라이브러리 크기를 줄이기 위해 노력하고 있습니다
  • 'IgxRadioComponent' 크기가 절반으로 감소했습니다.
  • 'IgxSwitchComponent' 크기가 절반으로 줄었습니다.
  • `IgxRadioComponent`
  • **호환성이 손상되는 변경** 'IChangeRadioEventArgs'는 이제 'IChangeCheckboxEventArgs'입니다. 'ng update'를 '17.0.0'으로 변경하면 자동으로 마이그레이션됩니다.
  • ** 주요 변경 사항** 'RadioLabelPosition'은 이제 'LabelPosition'입니다. 'ng update'를 '17.0.0'으로 변경하면 자동으로 마이그레이션됩니다.
  • `IgxSwitchComponent`
  • **호환성이 손상되는 변경** 'IChangeSwitchEventArgs'는 이제 'IChangeCheckboxEventArgs'입니다. 'ng update'를 '17.0.0'으로 변경하면 자동으로 마이그레이션됩니다.
  • **호환성이 손상되는 변경** 'SwitchLabelPosition'은 이제 'LabelPosition'입니다. 'ng update'를 '17.0.0'으로 변경하면 자동으로 마이그레이션됩니다.
  • `IgxCombo`
  • **호환성이 손상되는 변경** 'IComboSelectionChangingEventArgs' 속성, 'newSelection' 및 'oldSelection'의 이름이 각각 'newValue' 및 'oldValue'로 바뀌어 해당 기능을 더 잘 반영했습니다. Combo의 'value'와 마찬가지로 'valueKey'의 설정 여부에 따라 지정된 속성 값 또는 전체 데이터 항목을 방출합니다. 자동 마이그레이션이 가능하며 'ng update'에 적용됩니다.
  • 'IComboSelectionChangingEventArgs'는 더 이상 'valueKey'의 영향을 받지 않고 Combo의 'data'에서 항목을 일관되게 내보내는 이전 속성 대신 'newSelection' 및 'oldSelection'이라는 두 개의 새로운 속성을 노출합니다.

참고: 'valueKey'가 설정된 원격 데이터 시나리오에서 현재 로드된 데이터 청크의 일부가 아닌 선택한 항목은 'valueKey' 속성을 사용하여 부분 항목 데이터 개체를 내보냅니다.

  • **호환성이 손상되는 변경** – 'added' 및 'removed' 속성에 'IComboSelectionChangingEventArgs' 속성은 이제 'valueKey' 설정에 관계없이 항상 데이터 항목을 포함합니다. 이렇게 하면 위에서 설명한 원격 데이터에 대한 동일한 제한을 포함하여 업데이트된 'newSelection' 및 'oldSelection' 속성에 맞게 조정됩니다.
  • `IgxSimpleCombo`
  • **호환성이 손상되는 변경** – 'ISimpleComboSelectionChangingEventArgs' 속성, 'newSelection' 및 'oldSelection'의 이름이 각각 'newValue' 및 'oldValue'로 바뀌어 해당 기능을 더 잘 반영합니다. Combo의 'value'와 마찬가지로 'valueKey'의 설정 여부에 따라 지정된 속성 값 또는 전체 데이터 항목을 방출합니다. 자동 마이그레이션이 가능하며 'ng update'에 적용됩니다.
  • 'ISimpleComboSelectionChangingEventArgs'는 더 이상 'valueKey'의 영향을 받지 않고 Combo의 'data'에서 항목을 일관되게 내보내는 이전 속성 대신 'newSelection' 및 'oldSelection'이라는 두 개의 새로운 속성을 노출합니다.

참고: 'valueKey'가 설정된 원격 데이터 시나리오에서 현재 로드된 데이터 청크의 일부가 아닌 선택한 항목은 'valueKey' 속성을 사용하여 부분 항목 데이터 개체를 내보냅니다.

  • **주요 변경 사항** 'value' 및 'selection' 속성은 이제 선택 이벤트에서 방출된 값과 일치하고 'formControlName'/'ngModel' 지시문으로 작업할 때 빈 배열 대신 'undefined'로 래핑된 동일한 대신 단일 값 또는 데이터 항목을 올바르게 반환합니다.
  • `IgxCombo`,`IgxSimpleCombo`
  • **주요 변경 사항** 'displayValue' 속성은 이제 배열에 값을 표시하는 대신 예상대로 표시 텍스트를 반환합니다.

요약하자면...

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

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

또한

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

Ignite UI for Angular

Angular
데모 요청