Question 1

Angular Universal이란 무엇인가요?

Accepted Answer

Angular Universal은 Angular의 서버 사이드 렌더링(SSR)을 위한 공식 솔루션입니다. 클라이언트에 보내기 전에 서버에서 HTML을 생성하여 초기 로딩 시간과 SEO를 개선합니다. 콘텐츠를 표시하기 전에 JavaScript를 다운로드하고 실행해야 하는 기존 렌더링과 달리, Universal은 완전한 HTML을 즉시 생성합니다.

Question 2

SEO를 위한 서버 사이드 렌더링(SSR)의 주요 이점은 무엇인가요?

Accepted Answer

검색 엔진 크롤러는 JavaScript 실행을 기다리지 않고 즉시 사용 가능한 완전한 HTML을 받습니다. 이는 기존 SPA에서 어려움을 겪는 크롤러도 콘텐츠를 올바르게 색인화할 수 있도록 보장합니다. 또한 메타 태그(title, description)가 초기 로딩부터 존재하여 검색 결과에서의 가시성이 향상됩니다.

Question 3

SSR(Server-Side Rendering)과 프리렌더링의 차이점은 무엇인가요?

Accepted Answer

SSR은 서버 측에서 각 사용자 요청에 대해 HTML을 온디맨드로 생성하여 동적 콘텐츠를 가능하게 합니다. 프리렌더링은 빌드 시 모든 경로의 HTML을 생성하고 정적 파일을 제공합니다. 프리렌더링은 정적 콘텐츠(블로그, 문서)가 있는 사이트에 적합하며, 더 빠르고 서버 리소스 소비가 적습니다. SSR은 개인화된 콘텐츠나 자주 변경되는 콘텐츠에 필요합니다.

Angular Universal 및 SSR

Angular Universal이란 무엇인가요?

답변

SEO를 위한 서버 사이드 렌더링(SSR)의 주요 이점은 무엇인가요?

답변

SSR(Server-Side Rendering)과 프리렌더링의 차이점은 무엇인가요?

답변

코드가 서버 측에서 실행되는지 브라우저 측에서 실행되는지 어떻게 감지하나요?

TransferState API는 무엇이며 그 목적은 무엇인가요?

기타 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 마이크로 프론트엔드

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