빠른 렌더링은 Angular의 핵심 목표이며, 성능 좋은 앱을 개발할 수 있도록 다양한 최적화를 고려해 프레임워크를 만들었습니다. 앱의 성능을 더 잘 이해할 수 있도록 Angular DevTools와 Chrome DevTools 프로파일링 방법을 설명하는 동영상 가이드를 제공합니다. 이 섹션에서는 가장 일반적인 성능 최적화 기법을 설명합니다.
변경 감지는 Angular가 애플리케이션 상태의 변경 여부와 DOM을 갱신해야 하는지 확인하는 과정입니다. 큰 틀에서 보면 Angular는 컴포넌트를 위에서 아래로 순회하며 변경 사항을 찾습니다. Angular는 데이터 모델의 변경이 애플리케이션 뷰에 반영되도록 변경 감지 메커니즘을 주기적으로 실행합니다. 변경 감지는 직접 실행하거나 사용자 상호작용, XMLHttpRequest 완료 등의 비동기 이벤트로 실행할 수 있습니다.
변경 감지는 고도로 최적화되어 성능이 좋지만, 애플리케이션에서 너무 자주 실행하면 여전히 속도가 느려질 수 있습니다.
이 가이드에서는 애플리케이션의 일부를 건너뛰고 필요할 때만 변경 감지를 실행해 변경 감지 메커니즘을 제어하고 최적화하는 방법을 배웁니다.
성능 최적화에 관해 동영상으로 더 알아보고 싶다면 다음 영상을 시청하세요:
