Question 1

Vitest란 무엇인가요?

Accepted Answer

Vitest는 Vite 프로젝트를 위해 특별히 설계된 최신 단위 테스트 프레임워크입니다. ESM 모듈에 대한 네이티브 호환성, 내장된 TypeScript 지원, 그리고 Vite와의 깊은 통합 덕분에 매우 빠른 실행을 제공합니다. Vitest는 Jest 호환 API를 제공하여 우수한 성능을 누리면서 기존 프로젝트를 쉽게 마이그레이션할 수 있습니다.

Question 2

Vue Test Utils의 역할은 무엇인가요?

Accepted Answer

Vue Test Utils는 테스트 환경에서 Vue 컴포넌트를 마운트하고 상호작용할 수 있는 유틸리티를 제공하는 Vue.js의 공식 테스트 라이브러리입니다. 컴포넌트를 렌더링하는 mount 및 shallowMount 같은 메서드와 더불어 사용자 상호작용을 시뮬레이션하고, props를 검증하고, emit된 이벤트를 캡처하고, 렌더링된 DOM을 검사하는 API를 노출합니다. 이 라이브러리는 Vue 컴포넌트를 격리된 방식으로 테스트하는 데 필수적입니다.

Question 3

mount와 shallowMount의 주요 차이점은 무엇인가요?

Accepted Answer

mount는 모든 자식 컴포넌트를 재귀적으로 포함하여 전체 컴포넌트를 렌더링하므로 완전한 DOM 트리를 생성합니다. shallowMount는 모든 자식 컴포넌트를 자동으로 빈 스텁으로 대체하여 최상위 컴포넌트만 렌더링합니다. 격리가 가장 중요한 엄격한 단위 테스트에는 shallowMount를, 부모-자식 컴포넌트 간 상호작용을 검증해야 하는 통합 테스트에는 mount를 사용합니다.

Vue 테스팅

Vitest란 무엇인가요?

답변

Vue Test Utils의 역할은 무엇인가요?

답변

mount와 shallowMount의 주요 차이점은 무엇인가요?

답변

Vue/Nuxt 프로젝트에서 Vitest를 어떻게 구성하나요?

어떤 wrapper 메서드로 CSS 선택자를 사용해 요소를 찾을 수 있나요?

기타 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 상태 관리

Nuxt 배포 및 CI/CD

Vue 성능

Vue 고급 패턴

Vue와 함께 사용하는 TypeScript

Nuxt 인증

Nuxt에서의 SEO

Nuxt 국제화

Vue 아키텍처

Nuxt 보안

Vue 생태계

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

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