성능 최적화
OnPush strategy, trackBy, virtual scrolling, lazy loading, preloading, bundle size, Core Web Vitals, profiling
22 면접 질문·
Senior
1Angular의 OnPush 전략이란 무엇입니까?
1
Angular의 OnPush 전략이란 무엇입니까?
답변
OnPush는 컴포넌트의 input이 참조로 변경되거나 내부 이벤트가 발생할 때만 검사를 제한하는 변경 감지 전략입니다. 이 최적화는 복잡한 애플리케이션에서 감지 사이클 수를 크게 줄여줍니다. 프레젠테이션 컴포넌트에 기본적으로 OnPush를 적용하는 것은 성능을 향상시키기 위한 모범 사례입니다.
2ngFor 디렉티브에서 trackBy의 주요 역할은 무엇입니까?
2
ngFor 디렉티브에서 trackBy의 주요 역할은 무엇입니까?
답변
trackBy를 사용하면 Angular가 리스트의 각 항목을 고유하게 식별할 수 있어 업데이트 시 전체 DOM을 다시 생성하지 않습니다. trackBy가 없으면 한 항목만 변경되어도 Angular는 모든 요소를 파괴하고 다시 생성합니다. 고유 식별자와 함께 trackBy를 사용하면 동적 리스트의 성능이 크게 향상됩니다.
3Angular 라우팅의 맥락에서 lazy loading이란 무엇입니까?
3
Angular 라우팅의 맥락에서 lazy loading이란 무엇입니까?
답변
lazy loading은 해당 라우트가 활성화될 때만 코드를 다운로드하는 지연 모듈 로딩 기술입니다. 이는 초기 번들 크기를 줄이고 애플리케이션의 첫 화면 표시를 가속화합니다. lazy loading 모듈은 라우트 구성에서 loadChildren으로 정의됩니다.
4
OnPush로 검사를 강제하려면 어떤 메서드를 트리거합니까?
5
대규모 리스트에 대한 virtual scrolling의 주요 장점은 무엇입니까?
+19 면접 질문
기타 Angular 면접 주제
TypeScript 기초
Junior
25개 질문TypeScript 고급
Junior
20개 질문Angular 기초
Junior
20개 질문컴포넌트와 라이프사이클
Junior
20개 질문Services & Dependency Injection
Junior
20개 질문Angular 모듈 구성
Mid-Level
22개 질문Angular CLI
Junior
18개 질문디렉티브와 Pipe
Mid-Level
22개 질문라우팅과 내비게이션
Mid-Level
24개 질문리액티브 폼
Mid-Level
26개 질문템플릿 기반 폼
Mid-Level
16개 질문RxJS 기초
Mid-Level
22개 질문RxJS 연산자
Mid-Level
24개 질문HttpClient 및 API 호출
Mid-Level
22개 질문기본 상태 관리
Mid-Level
20개 질문Change Detection
Mid-Level
20개 질문Angular Signals
Mid-Level
20개 질문Standalone Components
Mid-Level
18개 질문Angular 단위 테스트
Mid-Level
22개 질문엔드투엔드 테스팅
Mid-Level
18개 질문빌드 및 최적화
Mid-Level
20개 질문NgRx 기초
Senior
24개 질문NgRx 고급
Senior
24개 질문Angular 아키텍처
Senior
22개 질문보안 및 모범 사례
Senior
20개 질문고급 RxJS 패턴
Senior
22개 질문Angular Universal 및 SSR
Senior
20개 질문Angular 마이크로 프론트엔드
Senior
20개 질문