Question 1

Nuxt 3에서 Nitro란 무엇입니까?

Accepted Answer

Nitro는 다양한 플랫폼에 최적화된 빌드를 생성할 수 있게 해주는 Nuxt 3의 서버 엔진입니다. route rules를 통한 SSR, SSG, 하이브리드 렌더링을 지원합니다. Nitro는 서버 코드를 가볍고 최적화된 단일 번들로 컴파일하며, Node.js, Deno, Cloudflare Workers 및 기타 서버리스 런타임과 호환됩니다.

Question 2

Nuxt 애플리케이션의 완전한 정적 버전을 생성하려면 어떤 명령어를 사용해야 합니까?

Accepted Answer

nuxi generate 명령어는 애플리케이션의 모든 라우트를 프리렌더링하고 정적 HTML 파일을 생성합니다. 이 방식은 CDN에서 호스팅할 수 있는 주로 정적인 콘텐츠를 가진 사이트에 이상적입니다. 결과물은 Node.js 서버 없이 Netlify, Vercel, GitHub Pages와 같은 서비스에 배포할 수 있습니다.

Question 3

nuxi build와 nuxi generate의 주요 차이점은 무엇입니까?

Accepted Answer

nuxi build 명령어는 온디맨드 서버 사이드 렌더링이 가능한 Node.js 서버를 생성하는 반면, nuxi generate는 빌드 시점에 모든 페이지를 정적 HTML로 프리렌더링합니다. 서버 빌드는 동적 콘텐츠와 API routes를 가능하게 하지만, generate는 CDN에 최적화된 정적 파일을 생성하되 동적 렌더링 기능은 없습니다.

Nuxt 배포 및 CI/CD

Nuxt 3에서 Nitro란 무엇입니까?

답변

Nuxt 애플리케이션의 완전한 정적 버전을 생성하려면 어떤 명령어를 사용해야 합니까?

답변

nuxi build와 nuxi generate의 주요 차이점은 무엇입니까?

답변

매일 콘텐츠가 업데이트되는 블로그에는 어떤 렌더링 모드를 선호해야 합니까?

Vercel은 프로젝트가 Nuxt 애플리케이션임을 어떻게 자동으로 감지합니까?

기타 Vue.js / Nuxt.js 면접 주제

JavaScript 기초

모던 JavaScript (ES6+)

Vue 기초

Vue 컴포넌트

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

Vue 반응성

Nuxt 기초

Nuxt 데이터 페칭

Nuxt SSR 및 SSG

Nuxt 서버 라우트

Nuxt 모듈

Vue 컴포저블

Vue 폼과 유효성 검사

Nuxt 상태 관리

Vue 테스팅

Vue 성능

Vue 고급 패턴

Vue와 함께 사용하는 TypeScript

Nuxt 인증

Nuxt에서의 SEO

Nuxt 국제화

Vue 아키텍처

Nuxt 보안

Vue 생태계

Vue 2→3 및 Nuxt 2→3 마이그레이션

다음 면접을 위해 Vue.js / Nuxt.js을 마스터하세요