라우팅과 내비게이션
Router, routes 구성, RouterModule, route parameters, query parameters, route guards, lazy loading, preloading strategies
24 면접 질문·
Mid-Level
1Angular에서 Router란 무엇입니까?
1
Angular에서 Router란 무엇입니까?
답변
Angular Router는 브라우저의 URL을 기반으로 다양한 뷰(component) 간 내비게이션을 가능하게 합니다. URL과 component 간의 매핑을 처리하여 여러 뷰가 있는 single-page 애플리케이션을 만들 수 있습니다. Router는 URL 변경을 감시하고 적절한 component를 RouterOutlet에 로드합니다.
2Angular에서 routing을 사용하려면 어떤 모듈을 가져와야 합니까?
2
Angular에서 routing을 사용하려면 어떤 모듈을 가져와야 합니까?
답변
RouterModule은 routing에 필요한 모든 서비스와 디렉티브(Router service, RouterOutlet, RouterLink 등)를 제공하는 Angular 모듈입니다. @angular/router에서 가져와 메인 모듈은 RouterModule.forRoot(), feature modules는 RouterModule.forChild()를 통해 routes와 함께 구성합니다.
3Angular에서 routes를 어떻게 정의합니까?
3
Angular에서 routes를 어떻게 정의합니까?
답변
routes는 Routes 타입의 배열로 정의되며, 각 객체는 path와 표시할 component를 지정합니다. standalone components(Angular 14+)에서는 애플리케이션 구성에서 provideRouter(routes)를 사용합니다. NgModules에서는 메인 모듈에서 RouterModule.forRoot(routes)를 사용합니다.
4
템플릿에서 route 내용을 어떻게 표시합니까?
5
템플릿에서 선언적 내비게이션 링크를 어떻게 만듭니까?
+21 면접 질문
기타 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
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개 질문Angular 아키텍처
Senior
22개 질문성능 최적화
Senior
22개 질문보안 및 모범 사례
Senior
20개 질문고급 RxJS 패턴
Senior
22개 질문Angular Universal 및 SSR
Senior
20개 질문Angular 마이크로 프론트엔드
Senior
20개 질문