디렉티브와 Pipe
Built-in directives, custom directives, attribute directives, structural directives, built-in pipes, custom pipes, pure vs impure pipes
22 면접 질문·
Mid-Level
1Angular에서 구조 디렉티브란 무엇입니까?
1
Angular에서 구조 디렉티브란 무엇입니까?
답변
구조 디렉티브는 요소를 추가, 제거 또는 조작하여 DOM 구조를 수정합니다. *가 접두사로 붙습니다 (예: *ngIf, *ngFor). 외관이나 동작을 수정하는 속성 디렉티브와 달리, 구조 디렉티브는 DOM에서 요소를 추가하거나 제거할 수 있습니다.
2trackBy와 함께 ngFor를 사용하는 올바른 구문은 무엇입니까?
2
trackBy와 함께 ngFor를 사용하는 올바른 구문은 무엇입니까?
답변
올바른 구문은 세미콜론을 사용하여 반복과 trackBy 함수를 구분합니다. trackBy 함수는 Angular가 변경, 추가 또는 제거된 항목을 식별할 수 있도록 하여 성능을 향상시킵니다. 두 개의 매개변수(index와 item)를 받아 고유 식별자를 반환합니다.
3ngFor와 함께 trackBy를 사용하는 이유는 무엇입니까?
3
ngFor와 함께 trackBy를 사용하는 이유는 무엇입니까?
답변
trackBy는 Angular가 변경된 항목을 정확하게 식별할 수 있도록 하여 리스트 렌더링 성능을 향상시킵니다. trackBy가 없으면 Angular는 변경이 발생할 때 모든 DOM 요소를 다시 생성합니다. trackBy를 사용하면 수정된 항목만 업데이트되어 불필요한 재생성을 방지합니다.
4
조건에 따라 요소를 조건부로 표시하려면 어떤 디렉티브를 사용해야 합니까?
5
*ngIf와 [hidden]의 차이점은 무엇입니까?
+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개 질문라우팅과 내비게이션
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개 질문