데브허브 | DEVHUB | Finally a chance to catch some breath!Finally a chance to catch some breath!
- Angular 20은 이전 버전의 혁신보다는 안정성에 중점을 두며, 이는 생태계의 파편화를 방지하는 중요한 단계입니다. 🧘♀️
- 새로운 Angular 프로젝트의 파일 및 클래스 명명 규칙이 간소화되었습니다(예:
app.component.ts 대신 app.ts). 기존 프로젝트는 영향을 받지 않으며, CLI 설정을 통해 이전 방식을 유지할 수 있습니다. 🏷️
- 성능 최적화를 위한 Zoneless 모드가 '실험적' 단계에서 '개발자 프리뷰'로 승격되었으며, 새 프로젝트 생성 시 사용 여부를 묻습니다. 이 모드는 Zone JS 의존성을 제거하여 성능을 향상시키지만, 시그널 사용이 필수적입니다. ⚡
effect, linkSignal, toSignal 함수와 서버 사이드 렌더링(SSR) 관련 기능(예: 점진적 하이드레이션)들이 '안정적'으로 분류되어, 향후 근본적인 변경 없이 사용할 수 있게 되었습니다. ✅
- 시그널 값 변경 시 데이터 페칭을 위한 새로운 실험적 시그널 API인
resource 함수와 HTTP 요청에 특화된 HTTP resource 함수가 도입되었습니다. 이는 데이터 로딩 로직을 간소화할 수 있습니다. 🧪
createComponent 함수를 사용하여 동적으로 컴포넌트를 생성할 때 디렉티브 및 바인딩을 제공하는 과정이 더 쉬워졌습니다. ⚙️
- 템플릿에서 지수 연산자(
**)와 객체 내 키 존재 여부를 확인하는 in 연산자를 직접 사용할 수 있게 되어 개발 편의성이 향상되었습니다. ✨
NgIf, NgFor, NgSwitch와 같은 기존 구조 디렉티브들이 사용 중단(deprecated)되었으며, 대신 Angular 17에서 도입된 @if, @for와 같은 새로운 템플릿 제어 흐름 블록 사용이 권장됩니다. 🚫
- Vitest를 통한 테스트가 공식적으로 지원됩니다. 🚀