
Livewire & Inertia
Livewire 컴포넌트, wire:model, 유효성 검사, Inertia.js 설정, partial reload, 공유 데이터, router, 비교
20 면접 질문·
Mid-Level
1Laravel 맥락에서 Livewire란 무엇입니까?
1
Laravel 맥락에서 Livewire란 무엇입니까?
답변
Livewire는 JavaScript를 많이 작성하지 않고도 동적이고 반응형인 사용자 인터페이스를 완전히 PHP로 구축할 수 있게 해주는 Laravel용 풀스택 프레임워크입니다. AJAX 요청을 통해 서버와 클라이언트 간 통신을 자동으로 처리하여, PHP/Laravel 생태계 내에 머물면서도 모던 JavaScript 프레임워크와 유사한 인터랙티브 컴포넌트를 만들 수 있습니다.
2사용자가 입력 필드를 벗어날 때만 업데이트를 트리거하려면 wire:model에 어떤 수정자를 사용합니까?
2
사용자가 입력 필드를 벗어날 때만 업데이트를 트리거하려면 wire:model에 어떤 수정자를 사용합니까?
답변
수정자 .blur는 사용자가 필드를 벗어날 때(blur 이벤트)에만 Livewire 업데이트를 트리거합니다. 예를 들어 다른 곳을 클릭하거나 Tab 키를 사용할 때입니다. 이는 키 입력마다 요청을 보내는 .live에 비해 네트워크 요청을 줄여 줍니다. 입력하는 문자마다 실시간 유효성 검사가 필요하지 않은 폼에 유용합니다.
3Livewire 자식 컴포넌트에서 #[Modelable] 속성의 목적은 무엇입니까?
3
Livewire 자식 컴포넌트에서 #[Modelable] 속성의 목적은 무엇입니까?
답변
#[Modelable] 속성은 자식 컴포넌트의 속성을 부모의 wire:model과 양방향으로 바인딩해야 함을 Livewire에 알립니다. 이를 통해 부모와 상태 동기화를 유지하면서 폼 필드를 재사용 가능한 컴포넌트로 추출할 수 있습니다. 현재는 컴포넌트당 첫 번째 #[Modelable] 속성만 지원됩니다.
4
필드에 저장되지 않은 변경 사항이 있을 때 시각적 표시기를 표시할 수 있는 Livewire 디렉티브는 무엇입니까?
5
사용자의 마지막 키 입력 후 네트워크 요청을 250ms 지연시킬 수 있는 Livewire 수정자는 무엇입니까?
+17 면접 질문
기타 Laravel 면접 주제
PHP 기초
Junior
25개 질문PHP 객체지향 기초
Junior
20개 질문Composer & Autoloading
Junior
18개 질문Laravel 기초
Junior
20개 질문Laravel 라우팅
Junior
20개 질문Blade Templates
Junior
18개 질문Request & Response
Junior
20개 질문Eloquent ORM 기초
Junior
22개 질문Eloquent Relationships
Mid-Level
25개 질문Migrations & Schema Builder
Mid-Level
20개 질문유효성 검사와 폼
Mid-Level
22개 질문인증
Mid-Level
20개 질문인가와 Policies
Mid-Level
18개 질문API Resources & Authentication
Mid-Level
26개 질문미들웨어
Mid-Level
18개 질문Service Container & DI
Mid-Level
20개 질문Queues & Jobs
Mid-Level
22개 질문Events & Listeners
Mid-Level
18개 질문알림 및 메일
Mid-Level
20개 질문File Storage
Mid-Level
18개 질문Testing & PHPUnit
Mid-Level
24개 질문Caching
Mid-Level
18개 질문Eloquent Advanced
Senior
24개 질문Repository Pattern
Senior
20개 질문Laravel 패키지
Senior
20개 질문Performance Optimization
Senior
22개 질문Security Best Practices
Senior
22개 질문Laravel Octane
Senior
18개 질문Laravel Distributed Systems
Senior
22개 질문Observability & Monitoring
Senior
20개 질문Deployment & DevOps
Senior
20개 질문