Laravel

Livewire & Inertia

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

20 면접 질문·
Mid-Level
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] 속성만 지원됩니다.

4

필드에 저장되지 않은 변경 사항이 있을 때 시각적 표시기를 표시할 수 있는 Livewire 디렉티브는 무엇입니까?

5

사용자의 마지막 키 입력 후 네트워크 요청을 250ms 지연시킬 수 있는 Livewire 수정자는 무엇입니까?

+17 면접 질문

다음 면접을 위해 Laravel을 마스터하세요

모든 질문, flashcards, 기술 테스트, 코드 리뷰 연습, 면접 시뮬레이터에 접근하세요.

무료로 시작하기