# Livewire용 실시간 컴포넌트

> Livewire 3과 4에 바로 넣을 수 있는 세 가지 구성 요소: 같은 페이지에 있는 사람들의 아바타, 큐가 작업하는 대로 움직이는 작업 배치 진행 막대, 실시간 연결 상태를 보여 주는 표시등입니다.

Source: https://hibira.io/ko/guides/livewire

Livewire 3과 4에 바로 넣을 수 있는 세 가지 구성 요소: 같은 페이지에 있는 사람들의 아바타, 큐가 작업하는 대로 움직이는 작업 배치 진행 막대, 실시간 연결 상태를 보여 주는 표시등입니다.

Package: hibira-io/livewire

- <x-hibira-whos-here />는 같은 페이지나 룸에 있는 로그인 사용자를 프레즌스 채널로 실시간 표시합니다.
- <livewire:hibira-batch-progress :batch="$id" />는 wire:poll 없이 Bus::batch()를 따라갑니다. 작업이 끝날 때마다 갱신되고 마지막에 hibira-batch-finished를 발생시킵니다.
- Laravel 10~13을 지원하며, 텍스트는 영어, 번체·간체 중국어, 일본어, 한국어, 태국어, 베트남어로 제공됩니다.

## 1. 설치

```shell
composer require hibira-io/livewire
php artisan hibira:install
npm install laravel-echo pusher-js
```

## 2. 사용하기

```html
<x-hibira-connection-status label />
<x-hibira-whos-here />

{{-- $batchId from Bus::batch([...])->dispatch()->id --}}
<livewire:hibira-batch-progress :batch="$batchId" />
```

## 시작하기 전에

- 앱 시크릿은 앱을 만들거나 시크릿을 교체할 때 한 번만 표시됩니다. 서버에만 두고, 브라우저나 게임 빌드에는 절대 넣지 마세요.
- 컴포넌트는 hibira:install이 resources/js/echo.js에 작성하는 window.Echo를 사용합니다. resources/js/app.js에서 가져오세요.
- 배치 진행 상황은 큐에서 전송됩니다. php artisan queue:work를 계속 실행해 두세요.

- [Packagist](https://packagist.org/packages/hibira-io/livewire)
- [GitHub](https://github.com/hibira-io/livewire)