# Vue 2→3 및 Nuxt 2→3 마이그레이션 (Vue.js / Nuxt.js) > Options API에서 Composition API로, Vuex에서 Pinia로, asyncData/fetch에서 useFetch로, breaking changes, 마이그레이션 전략, nuxtServerInit deprecation - 22 면접 질문 - Senior - [면접 질문: Vue.js / Nuxt.js](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions.md) ## 1. Vue 2의 Options API와 Vue 3의 Composition API의 주요 아키텍처 차이점은 무엇입니까? **답변** Composition API는 옵션 유형이 아닌 논리적 관심사별로 코드를 구성하여 관련 코드를 함께 묶을 수 있게 합니다. 이 접근 방식은 data, methods, computed 속성을 분리하는 Options API와 달리 복잡한 컴포넌트의 가독성과 유지보수성을 향상시킵니다. 또한 Composition API는 composables를 통해 로직 재사용을 용이하게 하여 이름 충돌을 일으킬 수 있었던 mixins를 효과적으로 대체합니다. ## 2. Nuxt 3는 Nuxt 2와 비교하여 auto-imports와 관련해 어떤 주요 변경 사항을 도입했습니까? **답변** Nuxt 3는 composables, 컴포넌트, 프레임워크 유틸리티에 대해 기본적으로 auto-imports를 활성화하여 수동 import의 필요성을 없앱니다. 이 기능은 개발자 경험을 향상시키고 보일러플레이트 코드를 줄입니다. Nuxt 2는 대부분의 기능에 대해 명시적인 import가 필요했습니다. 명시적인 제어가 필요한 경우 설정에서 이 기능을 비활성화할 수 있습니다. ## 3. Vue 3에서 제거된 Vue 2의 filters를 대체하는 방법은 무엇입니까? **답변** filters는 새로운 개발자가 이해하기 어려운 커스텀 문법을 만들고 성능에 영향을 주었기 때문에 Vue 3에서 제거되었습니다. 공식 권장 사항은 데이터 변환에 computed properties나 메서드를 사용하는 것입니다. computed properties는 비용이 큰 계산에 대한 자동 캐싱이라는 이점을 제공하는 반면, 메서드는 매개변수가 있는 간단한 변환에 적합합니다. ## 19개 추가 질문 이용 가능 - Nuxt 2의 Webpack을 대체하는 Nuxt 3의 기본 build tool은 무엇입니까? - 커스텀 컴포넌트의 경우 v-model 구문은 Vue 2와 Vue 3 사이에서 어떻게 바뀌었나요? 무료로 가입하기: https://sharpskill.dev/ko/login ## 기타 Vue.js / Nuxt.js 면접 주제 - [JavaScript 기초](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/javascript-fundamentals.md): 20개 질문, Junior - [모던 JavaScript (ES6+)](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/es6-modern-javascript.md): 20개 질문, Junior - [Vue 기초](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/vue-basics.md): 22개 질문, Junior - [Vue 컴포넌트](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/vue-components.md): 20개 질문, Junior - [Vue Router](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/vue-router.md): 18개 질문, Junior - [Pinia State Management](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/pinia-state-management.md): 20개 질문, Junior - [Vuex (Legacy)](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/vuex-legacy.md): 15개 질문, Mid-Level - [Composition API](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/composition-api.md): 24개 질문, Mid-Level - [Vue 반응성](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/vue-reactivity.md): 20개 질문, Mid-Level - [Nuxt 기초](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/nuxt-fundamentals.md): 22개 질문, Mid-Level - [Nuxt 데이터 페칭](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/nuxt-data-fetching.md): 20개 질문, Mid-Level - [Nuxt SSR 및 SSG](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/nuxt-ssr-ssg.md): 22개 질문, Mid-Level - [Nuxt 서버 라우트](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/nuxt-server-routes.md): 20개 질문, Mid-Level - [Nuxt 모듈](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/nuxt-modules.md): 18개 질문, Mid-Level - [Vue 컴포저블](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/vue-composables.md): 20개 질문, Mid-Level - [Vue 폼과 유효성 검사](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/vue-forms-validation.md): 20개 질문, Mid-Level - [Nuxt 상태 관리](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/nuxt-state-management.md): 18개 질문, Mid-Level - [Vue 테스팅](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/vue-testing.md): 20개 질문, Mid-Level - [Nuxt 배포 및 CI/CD](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/nuxt-deployment-cicd.md): 22개 질문, Mid-Level - [Vue 성능](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/vue-performance.md): 22개 질문, Senior - [Vue 고급 패턴](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/vue-advanced-patterns.md): 24개 질문, Senior - [Vue와 함께 사용하는 TypeScript](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/typescript-vue.md): 22개 질문, Senior - [Nuxt 인증](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/nuxt-auth.md): 20개 질문, Senior - [Nuxt에서의 SEO](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/nuxt-seo.md): 20개 질문, Senior - [Nuxt 국제화](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/nuxt-i18n.md): 18개 질문, Senior - [Vue 아키텍처](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/vue-architecture.md): 22개 질문, Senior - [Nuxt 보안](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/nuxt-security.md): 20개 질문, Senior - [Vue 생태계](https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/vue-ecosystem.md): 18개 질문, Senior --- Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack. HTML version of this page: https://sharpskill.dev/ko/technologies/vue-nuxt/interview-questions/migration-vue2-vue3-nuxt2-nuxt3