Angular 기초
Components, templates, data binding, 구조 디렉티브, ngFor, ngIf, 보간, property binding, event binding
20 면접 질문·
Junior
1Angular에서 component란 무엇입니까?
1
Angular에서 component란 무엇입니까?
답변
component는 사용자 인터페이스의 일부를 제어하는 Angular 애플리케이션의 기본 구성 요소입니다. HTML 템플릿, CSS 스타일, @Component 데코레이터가 있는 TypeScript 클래스를 결합합니다. 이 아키텍처는 재사용 가능하고 모듈식 인터페이스를 만들 수 있게 하여 뷰와 비즈니스 로직 간의 관심사 분리를 촉진합니다.
2template에 TypeScript 변수를 표시하는 구문은 무엇입니까?
2
template에 TypeScript 변수를 표시하는 구문은 무엇입니까?
답변
이중 중괄호 {{ variable }}를 사용한 보간은 HTML template에 동적 값을 삽입합니다. Angular는 TypeScript 표현식을 평가하고 결과를 문자열로 변환하여 DOM에 표시합니다. 이 구문은 component 속성을 표시하거나, 간단한 계산을 수행하거나, 값을 반환하는 메서드를 호출하는 데 사용됩니다.
3HTML 속성을 component 변수에 어떻게 바인딩합니까?
3
HTML 속성을 component 변수에 어떻게 바인딩합니까?
답변
대괄호 [property]="variable"를 사용한 property binding은 DOM 요소 속성을 TypeScript 표현식에 바인딩합니다. Angular는 표현식을 평가하고 변경이 발생하면 속성을 자동으로 업데이트합니다. 이 구문은 단방향(component에서 template으로)이며 표준 HTML 속성, 사용자 정의 속성 또는 자식 component 입력에 적용됩니다.
4
template에서 사용자 이벤트를 캡처하는 구문은 무엇입니까?
5
Angular template에서 *ngIf 디렉티브는 무엇을 합니까?
+17 면접 질문
기타 Angular 면접 주제
TypeScript 기초
Junior
25개 질문TypeScript 고급
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
22개 질문보안 및 모범 사례
Senior
20개 질문고급 RxJS 패턴
Senior
22개 질문Angular Universal 및 SSR
Senior
20개 질문Angular 마이크로 프론트엔드
Senior
20개 질문