Question 1

Vue에서 v-model이란 무엇인가요?

Accepted Answer

v-model은 폼 요소와 반응형 데이터 사이에 two-way binding을 생성합니다. input 값을 연관된 변수와 자동으로 동기화하여 값 바인딩과 이벤트 리스너를 수동으로 작성할 필요를 없앱니다. 이 디렉티브는 Vue에서 폼을 다루는 표준적인 방법입니다.

Question 2

v-bind와 이벤트 리스너를 사용한 v-model의 동등한 표현은 무엇입니까?

Accepted Answer

v-model은 값을 바인딩하는 v-bind:value(또는 :value)와 변경을 감지하는 @input의 조합에 대한 문법적 설탕입니다. 이 조합은 v-model이 내부적으로 어떻게 동작하는지 이해하는 데 도움이 되며, 업데이트에 대한 더 세밀한 제어가 필요할 때 유용합니다.

Question 3

사용자가 필드를 떠난 후에만 값을 동기화하려면 어떤 v-model 수식어를 사용해야 합니까?

Accepted Answer

.lazy 수식어는 v-model의 동작을 input 대신 change 이벤트를 감지하도록 변경합니다. 동기화는 키 입력마다가 아니라 blur 시에 이루어집니다. 이는 잦은 업데이트를 줄이고 비용이 큰 검증이 있는 필드의 성능을 향상하는 데 유용합니다.

Vue 폼과 유효성 검사

Vue에서 v-model이란 무엇인가요?

답변

v-bind와 이벤트 리스너를 사용한 v-model의 동등한 표현은 무엇입니까?

답변

사용자가 필드를 떠난 후에만 값을 동기화하려면 어떤 v-model 수식어를 사용해야 합니까?

답변

입력을 자동으로 숫자로 변환하는 v-model 수식어는 무엇입니까?

v-model은 단일 checkbox에서 어떻게 동작합니까?

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