Question 1

Pinia store란 무엇인가요?

Accepted Answer

Pinia store는 애플리케이션 상태를 관리하기 위한 state, getters, actions를 포함하는 중앙 집중식 reactive 객체입니다. Vuex와 달리 Pinia는 mutations를 제거하여 구문을 단순화하고 네이티브 TypeScript 지원을 제공합니다. Pinia store를 사용하면 여러 컴포넌트 간에 데이터와 비즈니스 로직을 체계적이고 유지보수하기 쉬운 방식으로 공유할 수 있습니다.

Question 2

Pinia store를 생성하려면 어떤 함수를 사용해야 하나요?

Accepted Answer

defineStore 함수는 Pinia store를 생성하는 표준 방법입니다. 첫 번째 매개변수로 고유 식별자를 받고, 두 번째 매개변수로 옵션 객체(option store) 또는 setup 함수(setup store)를 받습니다. 이 함수는 컴포넌트에서 store에 접근하는 데 사용할 수 있는 composable을 반환합니다.

Question 3

Pinia store에서 state 데이터를 어떻게 정의하나요?

Accepted Answer

Pinia option store에서 state는 reactive 데이터를 담은 객체를 반환하는 함수로 정의됩니다. 이러한 함수형 접근 방식은 각 store 인스턴스가 자체적으로 격리된 상태를 갖도록 보장합니다. state는 Vue의 반응성 시스템 덕분에 자동으로 reactive해지며, 컴포넌트가 데이터 변경에 반응할 수 있게 됩니다.

Pinia State Management

Pinia store란 무엇인가요?

답변

Pinia store를 생성하려면 어떤 함수를 사용해야 하나요?

답변

Pinia store에서 state 데이터를 어떻게 정의하나요?

답변

Pinia store에서 actions란 무엇인가요?

Pinia store에서 getters란 무엇인가요?

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

JavaScript 기초

모던 JavaScript (ES6+)

Vue 기초

Vue 컴포넌트

Vue Router

Vuex (Legacy)

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을 마스터하세요