Question 1

Vuex store란 무엇인가요?

Accepted Answer

Vuex store는 Vue 애플리케이션의 전역 state를 관리하는 중앙 집중식 컨테이너입니다. 컴포넌트 트리를 통해 props를 수동으로 전달하지 않고도 여러 컴포넌트 간에 데이터를 공유할 수 있습니다. store는 state가 mutations를 통해서만 예측 가능한 방식으로 변경되도록 보장하여 복잡한 애플리케이션의 디버깅과 유지보수를 간소화합니다.

Question 2

Vuex에서 mutations와 actions의 주요 차이점은 무엇인가요?

Accepted Answer

mutations는 동기적이며 state를 직접 변경하는 역할을 담당하는 반면, actions는 비동기적이며 mutations를 commit하기 전에 복잡한 비즈니스 로직을 포함할 수 있습니다. actions는 결과를 기다린 후 mutations를 통해 state를 변경할 수 있기 때문에 API 호출, 타이머 또는 모든 비동기 작업에 이상적입니다. 이러한 분리는 state 변경이 Vue DevTools에서 추적 가능하도록 보장합니다.

Question 3

Vuex store에서 getters는 무엇에 사용되나요?

Accepted Answer

Vuex의 getters는 store를 위한 computed properties처럼 동작합니다. 여러 컴포넌트에서 로직을 중복하지 않고 state로부터 파생된 값을 계산할 수 있습니다. getters는 캐시되며 의존성이 변경될 때만 다시 계산되어 좋은 성능을 제공합니다. state 데이터를 컴포넌트에 노출하기 전에 필터링, 정렬 또는 변환하는 데 완벽합니다.

Vuex (Legacy)

Vuex store란 무엇인가요?

답변

Vuex에서 mutations와 actions의 주요 차이점은 무엇인가요?

답변

Vuex store에서 getters는 무엇에 사용되나요?

답변

Vue 컴포넌트에서 Vuex state에 어떻게 접근하나요?

Vuex에서 API 호출에 mutations 대신 actions를 사용하는 이유는 무엇인가요?

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

JavaScript 기초

모던 JavaScript (ES6+)

Vue 기초

Vue 컴포넌트

Vue Router

Pinia State Management

Composition API

Vue 반응성

Nuxt 기초

Nuxt 데이터 페칭

Nuxt SSR 및 SSG

Nuxt 서버 라우트

Nuxt 모듈

Vue 컴포저블

Vue 폼과 유효성 검사

Nuxt 상태 관리

Vue 테스팅

Nuxt 배포 및 CI/CD

Vue 성능

Vue 고급 패턴

Vue와 함께 사용하는 TypeScript

Nuxt 인증

Nuxt에서의 SEO

Nuxt 국제화

Vue 아키텍처

Nuxt 보안

Vue 생태계

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

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