Angular 사용자 지정 프로파일링 트랙이 이제 사용 가능합니다.

Angular 팀과 Chrome 팀이 협력하여 Angular 특정 데이터 및 통찰력을 Chrome DevTools 성능 패널에 직접 가져옴으로써 개발자에게 통일된 프로파일링 경험을 제공합니다. 이 통합은 두 도구의 이점을 결합하여 애플리케이션의 성능에 대한 더 동기화되고 포괄적인 뷰를 제공합니다. Chrome DevTools의 새로운 Angular 사용자 지정 트랙은 애플리케이션 부트스트랩, 컴포넌트, UI 동기화, 라이프사이클 후크 등의 Angular 개념을 사용하여 성능 데이터를 제공합니다. 사용자 지정 트랙의 플레임 차트는 해당 컴포넌트 및 기타 Angular 개념 하에 함수 호출을 그룹화하여 개발자가 개별 함수에 대한 더 세밀한 뷰를 드릴 다운할 수 있습니다. 플레임 차트 항목은 색상 코드화되어 개발자가 애플리케이션에서 무슨 일이 일어나는지 빠르게 확인할 수 있도록 도와줍니다. 색상은 애플리케이션의 다양한 측면을 나타내는 데 사용되며, 예를 들어 의존성 주입 서비스, Angular에 의해 컴파일된 템플릿, 엔트리 포인트 등이 있습니다. 사용자 지정 트랙은 상호작용적이므로 개발자가 플레임 차트 항목을 클릭하여 특정 항목에 대한 더 자세한 정보를 확인할 수 있습니다. 시작하려면 개발자는 최신 버전의 Angular 및 업데이트된 Chrome 버전을 사용해야 하며, 개발자 모드에서 Angular 애플리케이션을 실행하고 콘솔에 ng.enableProfiling()을 입력하여 사용자 지정 트랙을 활성화해야 합니다. 이 통합은 Angular 생태계 내에서 개발자 경험을 개선하는 지속적인 약속을 보여주는 예입니다. 이를 통해 개발자는 더 빠르고 효율적인 애플리케이션을 구축할 수 있습니다.