# Livewire & Inertia (Laravel)

> Livewire 컴포넌트, wire:model, 유효성 검사, Inertia.js 설정, partial reload, 공유 데이터, router, 비교

- 20 면접 질문
- Mid-Level
- [면접 질문: Laravel](https://sharpskill.dev/ko/technologies/laravel/interview-questions.md)

## 1. Laravel 맥락에서 Livewire란 무엇입니까?

**답변**

Livewire는 JavaScript를 많이 작성하지 않고도 동적이고 반응형인 사용자 인터페이스를 완전히 PHP로 구축할 수 있게 해주는 Laravel용 풀스택 프레임워크입니다. AJAX 요청을 통해 서버와 클라이언트 간 통신을 자동으로 처리하여, PHP/Laravel 생태계 내에 머물면서도 모던 JavaScript 프레임워크와 유사한 인터랙티브 컴포넌트를 만들 수 있습니다.

## 2. 사용자가 입력 필드를 벗어날 때만 업데이트를 트리거하려면 wire:model에 어떤 수정자를 사용합니까?

**답변**

수정자 .blur는 사용자가 필드를 벗어날 때(blur 이벤트)에만 Livewire 업데이트를 트리거합니다. 예를 들어 다른 곳을 클릭하거나 Tab 키를 사용할 때입니다. 이는 키 입력마다 요청을 보내는 .live에 비해 네트워크 요청을 줄여 줍니다. 입력하는 문자마다 실시간 유효성 검사가 필요하지 않은 폼에 유용합니다.

## 3. Livewire 자식 컴포넌트에서 #[Modelable] 속성의 목적은 무엇입니까?

**답변**

#[Modelable] 속성은 자식 컴포넌트의 속성을 부모의 wire:model과 양방향으로 바인딩해야 함을 Livewire에 알립니다. 이를 통해 부모와 상태 동기화를 유지하면서 폼 필드를 재사용 가능한 컴포넌트로 추출할 수 있습니다. 현재는 컴포넌트당 첫 번째 #[Modelable] 속성만 지원됩니다.

## 17개 추가 질문 이용 가능

- 필드에 저장되지 않은 변경 사항이 있을 때 시각적 표시기를 표시할 수 있는 Livewire 디렉티브는 무엇입니까?
- 사용자의 마지막 키 입력 후 네트워크 요청을 250ms 지연시킬 수 있는 Livewire 수정자는 무엇입니까?

무료로 가입하기: https://sharpskill.dev/ko/login

## 기타 Laravel 면접 주제

- [PHP 기초](https://sharpskill.dev/ko/technologies/laravel/interview-questions/php-basics.md): 25개 질문, Junior
- [PHP 객체지향 기초](https://sharpskill.dev/ko/technologies/laravel/interview-questions/php-oop-essentials.md): 20개 질문, Junior
- [Composer & Autoloading](https://sharpskill.dev/ko/technologies/laravel/interview-questions/composer-autoloading.md): 18개 질문, Junior
- [Laravel 기초](https://sharpskill.dev/ko/technologies/laravel/interview-questions/laravel-fundamentals.md): 20개 질문, Junior
- [Laravel 라우팅](https://sharpskill.dev/ko/technologies/laravel/interview-questions/laravel-routing.md): 20개 질문, Junior
- [Blade Templates](https://sharpskill.dev/ko/technologies/laravel/interview-questions/blade-templates.md): 18개 질문, Junior
- [Request & Response](https://sharpskill.dev/ko/technologies/laravel/interview-questions/request-response.md): 20개 질문, Junior
- [Eloquent ORM 기초](https://sharpskill.dev/ko/technologies/laravel/interview-questions/eloquent-orm-basics.md): 22개 질문, Junior
- [Eloquent Relationships](https://sharpskill.dev/ko/technologies/laravel/interview-questions/eloquent-relationships.md): 25개 질문, Mid-Level
- [Migrations & Schema Builder](https://sharpskill.dev/ko/technologies/laravel/interview-questions/database-migrations.md): 20개 질문, Mid-Level
- [유효성 검사와 폼](https://sharpskill.dev/ko/technologies/laravel/interview-questions/validation-forms.md): 22개 질문, Mid-Level
- [인증](https://sharpskill.dev/ko/technologies/laravel/interview-questions/authentication.md): 20개 질문, Mid-Level
- [인가와 Policies](https://sharpskill.dev/ko/technologies/laravel/interview-questions/authorization-policies.md): 18개 질문, Mid-Level
- [API Resources & Authentication](https://sharpskill.dev/ko/technologies/laravel/interview-questions/api-resources-authentication.md): 26개 질문, Mid-Level
- [미들웨어](https://sharpskill.dev/ko/technologies/laravel/interview-questions/middleware.md): 18개 질문, Mid-Level
- [Service Container & DI](https://sharpskill.dev/ko/technologies/laravel/interview-questions/service-container-di.md): 20개 질문, Mid-Level
- [Queues & Jobs](https://sharpskill.dev/ko/technologies/laravel/interview-questions/queues-jobs.md): 22개 질문, Mid-Level
- [Events & Listeners](https://sharpskill.dev/ko/technologies/laravel/interview-questions/events-listeners.md): 18개 질문, Mid-Level
- [알림 및 메일](https://sharpskill.dev/ko/technologies/laravel/interview-questions/notifications-mail.md): 20개 질문, Mid-Level
- [File Storage](https://sharpskill.dev/ko/technologies/laravel/interview-questions/file-storage.md): 18개 질문, Mid-Level
- [Testing & PHPUnit](https://sharpskill.dev/ko/technologies/laravel/interview-questions/testing-phpunit.md): 24개 질문, Mid-Level
- [Caching](https://sharpskill.dev/ko/technologies/laravel/interview-questions/caching.md): 18개 질문, Mid-Level
- [Eloquent Advanced](https://sharpskill.dev/ko/technologies/laravel/interview-questions/eloquent-advanced.md): 24개 질문, Senior
- [Repository Pattern](https://sharpskill.dev/ko/technologies/laravel/interview-questions/repository-pattern.md): 20개 질문, Senior
- [Laravel 패키지](https://sharpskill.dev/ko/technologies/laravel/interview-questions/laravel-packages.md): 20개 질문, Senior
- [Performance Optimization](https://sharpskill.dev/ko/technologies/laravel/interview-questions/performance-optimization.md): 22개 질문, Senior
- [Security Best Practices](https://sharpskill.dev/ko/technologies/laravel/interview-questions/security-best-practices.md): 22개 질문, Senior
- [Laravel Octane](https://sharpskill.dev/ko/technologies/laravel/interview-questions/laravel-octane.md): 18개 질문, Senior
- [Laravel Distributed Systems](https://sharpskill.dev/ko/technologies/laravel/interview-questions/laravel-distributed-systems.md): 22개 질문, Senior
- [Observability & Monitoring](https://sharpskill.dev/ko/technologies/laravel/interview-questions/observability-monitoring.md): 20개 질문, Senior
- [Deployment & DevOps](https://sharpskill.dev/ko/technologies/laravel/interview-questions/deployment-devops.md): 20개 질문, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/ko/technologies/laravel/interview-questions/livewire-inertia