데브허브 | DEVHUB | Ng-News 25-47: Angular 21Ng-News 25-47: Angular 21
- Angular 21이 출시되었으며,
@angular/aria, Vitest, 그리고 Signal Forms 세 가지 주요 신기능이 돋보입니다. ✨
- Signal Forms는 템플릿 기반 및 반응형 폼의 후속작으로, 거의 모든 요소가 시그널로 작동하며, 간결한 API와 최소한의 템플릿 지시문(
Field)으로 폼 관리를 통합합니다. 🚀
- Signal Forms는 현재 실험적 상태로 출시되었으며, 개발자가 직접 디자인을 추가할 수 있는 최소한의 빌딩 블록 트렌드를 따릅니다. 🧪
@angular/aria는 접근성 레이어만을 제공하여, 개발자가 UI를 완전히 제어하고 자신만의 디자인을 구축할 수 있도록 돕는 극단적인 최소주의 접근 방식을 취합니다. ♿
- Vitest는 Angular 21의 새로운 안정적인 테스트 프레임워크로,
ng new 시 기본으로 제공되며, Jasmine에서 Vitest로의 마이그레이션 스크립트가 실험적으로 제공됩니다. 🛠️
- Vitest는 Jasmine과 유사한 API를 가지지만, 모킹(vitest.fn vs spies) 및 시간 처리(fake timers vs clock)에서 차이가 있으며,
fakeAsync 및 waitForAsync는 더 이상 작동하지 않습니다. ⏰
- Angular CLI가 Vitest를 래핑하므로 모든 Vitest 기능, 플러그인 또는 IDE 통합이 지원되지 않을 수 있으며, 전체 Vitest 경험을 위해서는 Analog.js 플러그인이나 Nx를 고려할 수 있습니다. 🧩
- Angular Material 및 CDK는 여전히 사용 가능하지만, 스타일링 측면에서 더 많은 의견을 제시하며,
@angular/aria는 이와 대조적으로 최소한의 접근성을 제공합니다. 🎨
- Angular 21 릴리스 비디오는 고전 비디오 게임 스타일로 제작되었으며, 공식 블로그와 커뮤니티 콘텐츠를 통해 더 많은 정보를 얻을 수 있습니다. 🎮