Question 1

Vue 3와 Nuxt 3에서 composable이란 무엇인가요?

Accepted Answer

composable은 Vue의 Composition API를 사용하여 재사용 가능한 로직을 캡슐화하는 함수입니다. composable을 사용하면 mixin에 의존하지 않고도 컴포넌트 간에 상태와 효과를 공유할 수 있습니다. 관례적으로 composable의 이름은 항상 use 접두사로 시작하여 코드에서 쉽게 식별할 수 있습니다.

Question 2

composable에 권장되는 명명 규칙은 무엇인가요?

Accepted Answer

composable은 항상 use 접두사로 시작하고 그 뒤에 camelCase로 작성한 설명적인 이름을 붙여야 합니다. 이 관례를 통해 코드에서 composable을 빠르게 식별하고 일반적인 유틸리티 함수와 구별할 수 있습니다. 예를 들어 useCounter, useFetch, useAuth는 composable에 적합한 이름입니다.

Question 3

Nuxt 3 프로젝트에서 composable은 어디에 두어야 하나요?

Accepted Answer

composable은 프로젝트 루트의 composables 디렉터리에 두어야 합니다. Nuxt 3는 이 디렉터리의 모든 파일을 자동으로 임포트하므로 수동으로 임포트할 필요 없이 composable을 사용할 수 있습니다. 이 자동 임포트는 개발자 경험을 향상시키고 보일러플레이트 코드를 줄여줍니다.

Vue 컴포저블

Vue 3와 Nuxt 3에서 composable이란 무엇인가요?

답변

composable에 권장되는 명명 규칙은 무엇인가요?

답변

Nuxt 3 프로젝트에서 composable은 어디에 두어야 하나요?

답변

Nuxt 3에서 ref 대비 useState의 주요 장점은 무엇인가요?

Nuxt composable에서 현재 라우트의 파라미터에 어떻게 접근하나요?

기타 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 폼과 유효성 검사

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