Angular 아키텍처
Smart vs presentational components, feature modules, core modules, shared modules, Nx 기반 monorepo, 폴더 구조
22 면접 질문·
Senior
1smart component와 presentational component의 주요 차이점은 무엇입니까?
1
smart component와 presentational component의 주요 차이점은 무엇입니까?
답변
smart components(또는 container components)는 서비스나 상태 관리를 통해 비즈니스 로직, API 호출 및 애플리케이션 상태를 관리합니다. presentational components는 화면 표시에만 집중하며 @Input을 통해 데이터를 받고 @Output을 통해 이벤트를 발행합니다. 이러한 분리는 컴포넌트의 테스트 가능성과 재사용성을 향상시킵니다.
2presentational components를 사용하는 주요 장점은 무엇입니까?
2
presentational components를 사용하는 주요 장점은 무엇입니까?
답변
presentational components는 서비스나 특정 비즈니스 로직에 의존하지 않으므로 재사용성이 높습니다. 모든 데이터를 @Input을 통해 받고 @Output을 통해 통신하므로 mock 데이터로 쉽게 테스트할 수 있고 다양한 상황에서 재사용할 수 있습니다. 이 접근 방식은 성능 최적화를 위한 OnPush 전략 사용도 권장합니다.
3Angular에서 feature module이란 무엇입니까?
3
Angular에서 feature module이란 무엇입니까?
답변
feature module은 애플리케이션의 특정 비즈니스 기능을 캡슐화하는 Angular 모듈입니다(예: 사용자 관리, 쇼핑 카트). 해당 기능에 필요한 모든 컴포넌트, 서비스, 디렉티브 및 파이프를 포함합니다. feature module은 성능 향상을 위해 lazy load될 수 있으며 확장 가능한 모듈식 아키텍처를 촉진합니다.
4
Angular 아키텍처에서 Core Module의 역할은 무엇입니까?
5
왜 Core Module을 AppModule에 한 번만 import해야 합니까?
+19 면접 질문
기타 Angular 면접 주제
TypeScript 기초
Junior
25개 질문TypeScript 고급
Junior
20개 질문Angular 기초
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개 질문성능 최적화
Senior
22개 질문보안 및 모범 사례
Senior
20개 질문고급 RxJS 패턴
Senior
22개 질문Angular Universal 및 SSR
Senior
20개 질문Angular 마이크로 프론트엔드
Senior
20개 질문