Question 1

텍스트 값을 나타내는 TypeScript 원시 타입은 무엇입니까?

Accepted Answer

string 타입은 TypeScript에서 작은따옴표, 큰따옴표 또는 템플릿 리터럴용 백틱으로 구분된 모든 텍스트 값을 나타냅니다. 애플리케이션에서 텍스트, 이름, 메시지, URL 또는 텍스트 콘텐츠를 저장하기에 적합한 타입입니다.

Question 2

TypeScript에서 generic이란 무엇입니까?

Accepted Answer

generic은 단일 타입이 아닌 여러 타입과 함께 작동하는 재사용 가능한 컴포넌트를 만들 수 있게 합니다. generics는 모든 타입을 나타내기 위해 타입 파라미터(예: T)를 사용합니다. 이를 통해 유연성을 희생하지 않고 타입 안전한 코드를 작성할 수 있으며, 예를 들어 타입 정보를 보존하면서 모든 타입의 배열을 조작하는 함수를 만들 수 있습니다.

Question 3

Angular에서 component란 무엇입니까?

Accepted Answer

component는 사용자 인터페이스의 일부를 제어하는 Angular 애플리케이션의 기본 구성 요소입니다. HTML 템플릿, CSS 스타일, @Component 데코레이터가 있는 TypeScript 클래스를 결합합니다. 이 아키텍처는 재사용 가능하고 모듈식 인터페이스를 만들 수 있게 하여 뷰와 비즈니스 로직 간의 관심사 분리를 촉진합니다.

Question 4

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

Accepted Answer

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

Question 5

Angular의 FormControl이란 무엇입니까?

Accepted Answer

FormControl은 Angular 리액티브 폼의 기본 클래스로 개별 폼 필드를 나타냅니다. 필드의 값, 유효성 검사 상태를 캡슐화하고 사용자 상호작용을 처리하는 메서드를 제공합니다. 각 FormControl은 validators를 가질 수 있고, observable을 통해 변경에 반응하며, touched, dirty, pristine과 같은 상태를 유지할 수 있습니다. FormGroup이나 FormArray로 복잡한 리액티브 폼을 구성하기 위한 기본 빌딩 블록입니다.

Question 6

템플릿 기반 폼을 사용하기 위해 가져올 Angular 모듈은 무엇입니까?

Accepted Answer

FormsModule는 Angular에서 템플릿 기반 폼을 활성화하는 데 필요합니다. NgModel, NgForm과 같은 디렉티브를 제공하고 [(ngModel)]을 사용한 양방향 데이터 바인딩을 가능하게 합니다. 이 모듈이 없으면 폼 디렉티브가 작동하지 않으며 Angular는 오류를 발생시킵니다.

Question 7

RxJS에서 Observable이란 무엇입니까?

Accepted Answer

Observable은 시간에 따른 여러 값의 lazy 컬렉션입니다. 동기 또는 비동기로 0개, 1개 또는 여러 개의 값을 방출할 수 있는 데이터 스트림을 나타냅니다. 단일 값을 방출하는 Promise와 달리 Observable은 여러 값을 방출할 수 있으며 unsubscribe를 통한 취소를 지원합니다.

Question 8

Angular 애플리케이션에서 NgRx Store란 무엇입니까?

Accepted Answer

NgRx Store는 RxJS를 기반으로 한 Angular용 Redux 패턴 구현입니다. 예측 가능하고 불변한 방식으로 애플리케이션의 전역 상태를 관리하기 위한 중앙 집중식 컨테이너를 제공합니다. Store는 컴포넌트가 selectors를 통해 상태 변경을 구독할 수 있는 Observable을 노출합니다.

Question 9

NgRx에서 createEntityAdapter의 주요 역할은 무엇입니까?

Accepted Answer

Entity Adapter는 정규화된 엔티티 컬렉션을 관리하기 위한 reducer와 selector를 자동으로 생성합니다. addOne, addMany, updateOne, removeOne과 같은 메서드를 제공하여 ID로 인덱싱된 객체의 조작을 용이하게 합니다. 이를 통해 컬렉션 관리 로직을 수동으로 작성할 필요가 없고 더 나은 성능을 위해 정규화된 상태를 보장합니다.

Question 10

smart component와 presentational component의 주요 차이점은 무엇입니까?

Accepted Answer

smart components(또는 container components)는 서비스나 상태 관리를 통해 비즈니스 로직, API 호출 및 애플리케이션 상태를 관리합니다. presentational components는 화면 표시에만 집중하며 @Input을 통해 데이터를 받고 @Output을 통해 이벤트를 발행합니다. 이러한 분리는 컴포넌트의 테스트 가능성과 재사용성을 향상시킵니다.

Angular 면접 질문

Angular 면접 준비가 되셨나요?

모든 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을 마스터하세요