Nuxt SSR 및 SSG
Server-side rendering, static generation, hybrid rendering, prerendering, route rules, nitro
22 면접 질문·
Mid-Level
1Nuxt에서 Server-Side Rendering(SSR)이란 무엇인가요?
1
Nuxt에서 Server-Side Rendering(SSR)이란 무엇인가요?
답변
SSR은 요청마다 서버에서 완전한 HTML을 생성한 다음 클라이언트로 전송합니다. 검색 엔진이 즉시 접근 가능한 HTML 콘텐츠를 받기 때문에 SEO가 향상되고, first paint까지의 시간도 개선됩니다. SSR은 Nuxt 3의 기본 렌더링 모드이며, JavaScript가 브라우저에서 콘텐츠를 생성하는 클라이언트 사이드 렌더링과 다릅니다.
2Nuxt에서 Static Site Generation(SSG)이란 무엇인가요?
2
Nuxt에서 Static Site Generation(SSG)이란 무엇인가요?
답변
SSG는 빌드 시점에 모든 페이지를 정적 HTML로 생성하여 미리 생성된 파일을 매우 빠르게 제공할 수 있게 합니다. 이 방식은 블로그나 문서처럼 콘텐츠가 자주 바뀌지 않는 사이트에 이상적입니다. Nuxt 3에서는 nuxt generate를 사용하면 SSG가 활성화되어 설정된 각 라우트에 대한 HTML 파일이 생성됩니다.
3정적 사이트를 생성하려면 어떤 Nuxt 명령을 사용해야 하나요?
3
정적 사이트를 생성하려면 어떤 Nuxt 명령을 사용해야 하나요?
답변
nuxt generate 명령(package.json에 설정된 경우 npm run generate)은 모든 페이지의 정적 생성을 트리거합니다. Nuxt는 라우트를 순회하며 각각에 대한 HTML 파일을 생성하고, 이를 .output/public 폴더에 배치합니다. 이 명령은 Netlify, Vercel, GitHub Pages 같은 정적 호스팅에 배포할 때 사용됩니다.
4
SEO 측면에서 SSR의 주요 장점은 무엇인가요?
5
Nuxt에서 hybrid rendering이란 무엇인가요?
+19 면접 질문
기타 Vue.js / Nuxt.js 면접 주제
JavaScript 기초
Junior
20개 질문모던 JavaScript (ES6+)
Junior
20개 질문Vue 기초
Junior
22개 질문Vue 컴포넌트
Junior
20개 질문Vue Router
Junior
18개 질문Pinia State Management
Junior
20개 질문Vuex (Legacy)
Mid-Level
15개 질문Composition API
Mid-Level
24개 질문Vue 반응성
Mid-Level
20개 질문Nuxt 기초
Mid-Level
22개 질문Nuxt 데이터 페칭
Mid-Level
20개 질문Nuxt 서버 라우트
Mid-Level
20개 질문Nuxt 모듈
Mid-Level
18개 질문Vue 컴포저블
Mid-Level
20개 질문Vue 폼과 유효성 검사
Mid-Level
20개 질문Nuxt 상태 관리
Mid-Level
18개 질문Vue 테스팅
Mid-Level
20개 질문Nuxt 배포 및 CI/CD
Mid-Level
22개 질문Vue 성능
Senior
22개 질문Vue 고급 패턴
Senior
24개 질문Vue와 함께 사용하는 TypeScript
Senior
22개 질문Nuxt 인증
Senior
20개 질문Nuxt에서의 SEO
Senior
20개 질문Nuxt 국제화
Senior
18개 질문Vue 아키텍처
Senior
22개 질문Nuxt 보안
Senior
20개 질문Vue 생태계
Senior
18개 질문Vue 2→3 및 Nuxt 2→3 마이그레이션
Senior
22개 질문