Question 1

Angular에서 라이프사이클 훅이란 무엇입니까?

Accepted Answer

라이프사이클 훅은 컴포넌트나 디렉티브의 라이프사이클의 핵심 순간에 Angular가 자동으로 호출하는 특별한 메서드입니다. 이러한 훅을 사용하면 생성, 업데이트, 소멸과 같은 특정 단계에서 코드를 실행할 수 있습니다. 가장 일반적인 훅은 ngOnInit, ngOnChanges, ngOnDestroy입니다.

Question 2

ngOnInit은 언제 호출됩니까?

Accepted Answer

ngOnInit은 모든 @Input 속성이 초기화된 후, 첫 번째 ngOnChanges 다음에 한 번만 호출됩니다. 컴포넌트 데이터 초기화, 구독 시작 또는 서비스 호출에 이상적인 훅입니다. 모든 바인딩이 사용 가능하다고 보장되므로 초기화 로직에서는 constructor보다 선호됩니다.

Question 3

ngOnChanges와 ngOnInit의 주요 차이점은 무엇입니까?

Accepted Answer

ngOnChanges는 @Input 속성 값이 변경될 때마다 호출되며 이전 및 새 값을 포함하는 SimpleChanges 객체를 받습니다. ngOnInit은 첫 번째 초기화 후 한 번만 호출됩니다. 입력 변경에 반응하고 @Input 값에 의존하는 로직을 구현하려면 ngOnChanges를 사용하세요. API 호출이나 초기 구성과 같은 일회성 초기화에는 ngOnInit을 선호하세요.

컴포넌트와 라이프사이클

Angular에서 라이프사이클 훅이란 무엇입니까?

답변

ngOnInit은 언제 호출됩니까?

답변

ngOnChanges와 ngOnInit의 주요 차이점은 무엇입니까?

답변

컴포넌트에서 ngOnDestroy를 사용하는 이유는 무엇입니까?

컴포넌트 생성 시 라이프사이클 훅은 어떤 순서로 호출됩니까?

기타 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을 마스터하세요