Question 1

Angular 컴포넌트에서 로컬 state를 선언하는 가장 간단한 방법은 무엇입니까?

Accepted Answer

컴포넌트에 클래스 프로퍼티를 직접 선언하는 것이 로컬 state를 관리하는 가장 간단한 방법입니다. 이 접근 방식은 이 컴포넌트에서만 사용되고 공유할 필요가 없는 데이터에 적합합니다. 프로퍼티는 템플릿에서 자동으로 접근 가능하며 직접 수정할 수 있습니다.

Question 2

stateless 컴포넌트의 주요 특징은 무엇입니까?

Accepted Answer

stateless 컴포넌트는 내부 state가 없으며 데이터를 받기 위해 @Input에만 의존합니다. 이러한 컴포넌트는 순수하게 프레젠테이션용이며 @Output을 통해 이벤트를 발생시켜 부모와 통신합니다. 이 아키텍처는 재사용성을 향상시키고 테스트를 용이하게 합니다.

Question 3

state 관리에 Subject 대신 BehaviorSubject를 사용하는 이유는 무엇입니까?

Accepted Answer

BehaviorSubject는 항상 마지막으로 발행된 값을 저장하고 새로운 subscriber에게 즉시 전송합니다. 이 특성은 컴포넌트가 초기화되자마자 현재 state에 접근해야 하고 새로운 발행을 기다릴 필요가 없기 때문에 state 관리에 필수적입니다. Subject는 값을 유지하지 않으며 새로운 subscriber는 미래의 발행만 받습니다.

기본 상태 관리

Angular 컴포넌트에서 로컬 state를 선언하는 가장 간단한 방법은 무엇입니까?

답변

stateless 컴포넌트의 주요 특징은 무엇입니까?

답변

state 관리에 Subject 대신 BehaviorSubject를 사용하는 이유는 무엇입니까?

답변

Angular 서비스가 관리하는 state를 노출하는 모범 사례는 무엇입니까?

부모-자식 관계로 연결되지 않은 여러 컴포넌트 간에 state를 어떻게 공유합니까?

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