Question 1

Angular에서 signal이란 무엇인가요?

Accepted Answer

signal은 Angular 16+에서 도입된 반응성 프리미티브로, 값을 감싸고 그 값이 변경될 때 소비자에게 자동으로 알립니다. RxJS Observable과 달리 signal은 반응형 상태를 관리하는 더 간단하고 성능이 뛰어난 접근 방식을 제공합니다. 기본적으로 동기식이며 Angular의 change detection 시스템과 네이티브로 통합됩니다.

Question 2

초기값으로 signal을 어떻게 생성하나요?

Accepted Answer

signal() 함수는 초기값을 매개변수로 받습니다: signal(0)은 0을 포함하는 signal을 생성합니다. 반환된 signal은 값을 읽기 위해 호출할 수 있는 getter 함수입니다. 값을 수정하려면 set(), update() 또는 mutate() 메서드를 사용합니다. 구문은 간결하며 RxJS BehaviorSubject의 장황함을 피합니다.

Question 3

signal의 값을 어떻게 읽나요?

Accepted Answer

signal을 함수처럼 호출하세요: count()는 현재 값을 반환합니다. 이 구문을 통해 Angular는 반응형 컨텍스트(templates, computed, effect)에서 자동으로 의존성을 추적할 수 있습니다. subscribe() 또는 async 파이프가 필요한 Observable과 달리, signal은 동기적이고 직접적인 읽기를 제공합니다.

Angular Signals

Angular에서 signal이란 무엇인가요?

답변

초기값으로 signal을 어떻게 생성하나요?

답변

signal의 값을 어떻게 읽나요?

답변

signal의 값을 완전히 교체하려면 어떤 메서드를 사용하나요?

이전 값을 기반으로 signal을 어떻게 업데이트하나요?

기타 Angular 면접 주제

TypeScript 기초

TypeScript 고급

Angular 기초

컴포넌트와 라이프사이클

Services & Dependency Injection

Angular 모듈 구성

Angular CLI

디렉티브와 Pipe

라우팅과 내비게이션

리액티브 폼

템플릿 기반 폼

RxJS 기초

RxJS 연산자

HttpClient 및 API 호출

기본 상태 관리

Change Detection

Standalone Components

Angular 단위 테스트

엔드투엔드 테스팅

빌드 및 최적화

NgRx 기초

NgRx 고급

Angular 아키텍처

성능 최적화

보안 및 모범 사례

고급 RxJS 패턴

Angular Universal 및 SSR

Angular 마이크로 프론트엔드

다음 면접을 위해 Angular을 마스터하세요