컴포넌트와 라이프사이클
Component lifecycle hooks, ngOnInit, ngOnChanges, ngOnDestroy, ngAfterViewInit, component communication, @Input, @Output
20 면접 질문·
Junior
1Angular에서 라이프사이클 훅이란 무엇입니까?
1
Angular에서 라이프사이클 훅이란 무엇입니까?
답변
라이프사이클 훅은 컴포넌트나 디렉티브의 라이프사이클의 핵심 순간에 Angular가 자동으로 호출하는 특별한 메서드입니다. 이러한 훅을 사용하면 생성, 업데이트, 소멸과 같은 특정 단계에서 코드를 실행할 수 있습니다. 가장 일반적인 훅은 ngOnInit, ngOnChanges, ngOnDestroy입니다.
2ngOnInit은 언제 호출됩니까?
2
ngOnInit은 언제 호출됩니까?
답변
ngOnInit은 모든 @Input 속성이 초기화된 후, 첫 번째 ngOnChanges 다음에 한 번만 호출됩니다. 컴포넌트 데이터 초기화, 구독 시작 또는 서비스 호출에 이상적인 훅입니다. 모든 바인딩이 사용 가능하다고 보장되므로 초기화 로직에서는 constructor보다 선호됩니다.
3ngOnChanges와 ngOnInit의 주요 차이점은 무엇입니까?
3
ngOnChanges와 ngOnInit의 주요 차이점은 무엇입니까?
답변
ngOnChanges는 @Input 속성 값이 변경될 때마다 호출되며 이전 및 새 값을 포함하는 SimpleChanges 객체를 받습니다. ngOnInit은 첫 번째 초기화 후 한 번만 호출됩니다. 입력 변경에 반응하고 @Input 값에 의존하는 로직을 구현하려면 ngOnChanges를 사용하세요. API 호출이나 초기 구성과 같은 일회성 초기화에는 ngOnInit을 선호하세요.
4
컴포넌트에서 ngOnDestroy를 사용하는 이유는 무엇입니까?
5
컴포넌트 생성 시 라이프사이클 훅은 어떤 순서로 호출됩니까?
+17 면접 질문
기타 Angular 면접 주제
TypeScript 기초
Junior
25개 질문TypeScript 고급
Junior
20개 질문Angular 기초
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
22개 질문보안 및 모범 사례
Senior
20개 질문고급 RxJS 패턴
Senior
22개 질문Angular Universal 및 SSR
Senior
20개 질문Angular 마이크로 프론트엔드
Senior
20개 질문