Question 1

Angular의 standalone component란 무엇입니까?

Accepted Answer

standalone component는 @Component 데코레이터에 standalone: true를 설정하는 Angular 컴포넌트입니다. 이를 통해 컴포넌트는 NgModule 없이 자체 imports와 providers를 관리할 수 있습니다. standalone components는 종속성을 정리하기 위한 중간 모듈의 필요성을 제거하여 아키텍처를 단순화합니다.

Question 2

standalone component를 어떻게 선언합니까?

Accepted Answer

standalone component를 생성하려면 @Component 데코레이터에 standalone: true 속성을 추가하기만 하면 됩니다. 이 간단한 선언으로 컴포넌트는 모든 NgModule로부터 독립적이 되며, 컴포넌트 메타데이터에서 직접 imports와 providers를 관리할 수 있어 모듈에서의 외부 선언이 필요 없게 됩니다.

Question 3

standalone component에 다른 컴포넌트를 어떻게 임포트합니까?

Accepted Answer

standalone component에서 종속성(컴포넌트, 디렉티브, 파이프)은 @Component 데코레이터의 imports 배열에 직접 추가됩니다. 각 컴포넌트는 다른 standalone components, 디렉티브, 파이프 또는 클래식 NgModules를 임포트할 수 있습니다. 이는 컴포넌트 간 종속성을 관리하기 위한 중간 NgModules의 필요성을 제거하고 아키텍처를 단순화합니다.

Standalone Components

Angular의 standalone component란 무엇입니까?

답변

standalone component를 어떻게 선언합니까?

답변

standalone component에 다른 컴포넌트를 어떻게 임포트합니까?

답변

standalone component로 애플리케이션을 부트스트랩하기 위해 어떤 함수를 사용합니까?

bootstrapApplication으로 전역 providers를 어떻게 구성합니까?

기타 Angular 면접 주제

TypeScript 기초

TypeScript 고급

Angular 기초

컴포넌트와 라이프사이클

Services & Dependency Injection

Angular 모듈 구성

Angular CLI

디렉티브와 Pipe

라우팅과 내비게이션

리액티브 폼

템플릿 기반 폼

RxJS 기초

RxJS 연산자

HttpClient 및 API 호출

기본 상태 관리

Change Detection

Angular Signals

Angular 단위 테스트

엔드투엔드 테스팅

빌드 및 최적화

NgRx 기초

NgRx 고급

Angular 아키텍처

성능 최적화

보안 및 모범 사례

고급 RxJS 패턴

Angular Universal 및 SSR

Angular 마이크로 프론트엔드

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