Question 1

Angular에서 AOT 컴파일이란 무엇입니까?

Accepted Answer

AOT(Ahead-of-Time) 컴파일은 배포 전 빌드 단계에서 Angular 코드와 템플릿을 최적화된 JavaScript로 변환합니다. Angular 컴파일러가 포함되지 않으므로 번들 크기가 줄어들고, 로딩 성능이 향상되며, 템플릿 오류를 더 일찍 감지할 수 있습니다. Angular 9부터 AOT는 모든 빌드에서 기본적으로 활성화되어 있습니다.

Question 2

JIT 컴파일에 비해 AOT의 주요 장점은 무엇입니까?

Accepted Answer

AOT는 JIT가 브라우저에 컴파일러를 필요로 하는 것과 달리, Angular 컴파일러(약 1MB)가 최종 번들에서 제외되므로 더 작은 번들을 생성합니다. 또한 AOT는 클라이언트 측 컴파일 단계를 제거하여 로딩 시간을 개선하고, 템플릿 오류를 더 일찍 감지하며, 템플릿을 사전 컴파일하여 보안을 향상시킵니다.

Question 3

ng build 명령에서 AOT 컴파일을 활성화하는 방법은?

Accepted Answer

Angular 9부터 AOT는 모든 환경의 기본 컴파일입니다. 프로덕션 빌드의 경우 ng build --configuration production을 사용하면 AOT가 자동으로 활성화됩니다. --aot 플래그는 존재하지만 angular.json에 명시적으로 다르게 구성되지 않는 한 AOT는 항상 활성화되어 있어 중복됩니다.

빌드 및 최적화

Angular에서 AOT 컴파일이란 무엇입니까?

답변

JIT 컴파일에 비해 AOT의 주요 장점은 무엇입니까?

답변

ng build 명령에서 AOT 컴파일을 활성화하는 방법은?

답변

angular.json의 어떤 구성이 프로덕션 빌드의 최적화를 활성화합니까?

Angular에서 tree shaking이란 무엇입니까?

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