CWN(CHANGE WITH NEWS) - 앵귤러 16, 내년 5월 배 예고...서버 측 렌더링·런타임 개선 기대

구글에서 운용, 유지 중인 자바스크립트 웹 프레임워크 앵귤러 16(Angular 16)이 내년 5월 출시된다.

IT 전문 매체 인포월드는 “구글에서 만든 타입스크립트(TypeScript) 기반 웹 프레임워크의 개발자는 앵귤러 16 배포를 앞두고 서버 측 렌더링과 런타임 성능 개선에 주목하고 있다”며, “앵귤러 16은 인기 있는 웹 프레임워크로 계획된 업그레이드에 주의를 기울여야 하는 런타임 성능과 비동기 활동을 포함하고 있다”고 보도했다.

앵귤러는 React, Vue.js와 함께 프론트엔드 3대장으로 불린다. React가 일반적으로 프레임워크라고 불리지만 실제로는 자바스크립트 라이브러리에 가까운 구성이다. 반면, 앵귤러는 프론트 개발에 필요한 모든 요소를 다 갖추고 있는 프레임워크다.

앵귤러 16은 수화, 서버 측 렌더링 사용성을 개선한다. 서버 측 DOM의 재사용을 허용하고 다시 렌더링하는 대신 이벤트 리스너만 연결하고 앵귤러 런타임에 필요한 데이터 구조를 생성한다.

또한 부분 수화와 재개 가능성의 역동적으로 진화하는 공간에 대한 추가 탐색도 가능하다. 각 접근 방식에는 장단점이 있으며, 앵귤러의 빌더는 최적의 장기 솔루션에 대해 정보에 입각한 결정을 내린다. 수화 및 서버 측 렌더링 사용성 개선 사항은 11월 5일에 마지막으로 업데이트된 앵귤러 로드맵에 나열돼 있다.

앵귤러 16은 반응성 모델을 다시 살펴보고 Zone.js를 선택 사항으로 만들어 런타임 성능을 개선하는 장점을 갖췄다. 또한 기본적으로 전역 변경 감지를 실행할 수 있다. 영향을 받는 구성 요소에서만 변경 감지를 실행하는 기능도 갖췄다. 이는 프레임워크를 단순화하고 디버깅을 개선하며 애플리케이션 번들 크기를 줄인다.

나아가 앵귤러 16은 독립 실행형 구성 요소에 대한 문서, 회로도도 개선한다. 개선 독립 실행형 구성 요소로 애플리케이션용 ng new 컬렉션을 개발하고 있다. 앵귤러 CLI로 생성된 자바스크립트 번들을 개선하기 위한 옵션을 탐색할 수 있다. 또한 모든 문서가 일관된 콘텐츠 유형 세트에 맞도록 문서 리팩토링도 지원한다.

이와 함께 앵귤러 16은 독립 실행형 구성 요소에 대한 템플릿 종속성의 자동 가져오기를 포함해 언어 서비스로 독립 실행형 가져오기를 간소화한다. 더 작은 애플리케이션 번들을 활성화하기 위해 언어 서비스는 사용하지 않는 가져오기의 자동 제거를 제안한다.

Combobox용 WAI-ARIA(Web Accessibility Initiative Accessible Rich Internet Applications) 디자인 패턴을 기반으로 사용자 지정 구성 요소를 구축하기 위한 새로운 CDK(Component Dev Kit) 프리미티브 기능도 수행한다. 로드맵의 기능, 개선 사항에는 토큰 기반 테마 API 및 Material 3 기능 활성화가 포함된다.

또한 회귀를 감지하기 위해 성능 대시보드를 개선한다. ngc를 tsc 플러그인 배포로 사용해 빌드 성능을 향상시킬 수 있다. 인체 공학적 구성 요소 수준의 코드 분할 API와 향후 RxJS 변경 사항에 대한 원활한 채택 보장도 가능하다.

[저작권자ⓒ CWN(CHANGE WITH NEWS). 무단전재-재배포 금지]