Question 1

Angular의 OnPush 전략이란 무엇입니까?

Accepted Answer

OnPush는 컴포넌트의 input이 참조로 변경되거나 내부 이벤트가 발생할 때만 검사를 제한하는 변경 감지 전략입니다. 이 최적화는 복잡한 애플리케이션에서 감지 사이클 수를 크게 줄여줍니다. 프레젠테이션 컴포넌트에 기본적으로 OnPush를 적용하는 것은 성능을 향상시키기 위한 모범 사례입니다.

Question 2

ngFor 디렉티브에서 trackBy의 주요 역할은 무엇입니까?

Accepted Answer

trackBy를 사용하면 Angular가 리스트의 각 항목을 고유하게 식별할 수 있어 업데이트 시 전체 DOM을 다시 생성하지 않습니다. trackBy가 없으면 한 항목만 변경되어도 Angular는 모든 요소를 파괴하고 다시 생성합니다. 고유 식별자와 함께 trackBy를 사용하면 동적 리스트의 성능이 크게 향상됩니다.

Question 3

Angular 라우팅의 맥락에서 lazy loading이란 무엇입니까?

Accepted Answer

lazy loading은 해당 라우트가 활성화될 때만 코드를 다운로드하는 지연 모듈 로딩 기술입니다. 이는 초기 번들 크기를 줄이고 애플리케이션의 첫 화면 표시를 가속화합니다. lazy loading 모듈은 라우트 구성에서 loadChildren으로 정의됩니다.

성능 최적화

Angular의 OnPush 전략이란 무엇입니까?

답변

ngFor 디렉티브에서 trackBy의 주요 역할은 무엇입니까?

답변

Angular 라우팅의 맥락에서 lazy loading이란 무엇입니까?

답변

OnPush로 검사를 강제하려면 어떤 메서드를 트리거합니까?

대규모 리스트에 대한 virtual scrolling의 주요 장점은 무엇입니까?

기타 Angular 면접 주제

TypeScript 기초

TypeScript 고급

Angular 기초

컴포넌트와 라이프사이클

Services & Dependency Injection

Angular 모듈 구성

Angular CLI

디렉티브와 Pipe

라우팅과 내비게이션

리액티브 폼

템플릿 기반 폼

RxJS 기초

RxJS 연산자

HttpClient 및 API 호출

기본 상태 관리

Change Detection

Angular Signals

Standalone Components

Angular 단위 테스트

엔드투엔드 테스팅

빌드 및 최적화

NgRx 기초

NgRx 고급

Angular 아키텍처

보안 및 모범 사례

고급 RxJS 패턴

Angular Universal 및 SSR

Angular 마이크로 프론트엔드

다음 면접을 위해 Angular을 마스터하세요