"Blade로 Chirper 구축 - Chirps 표시"의 두 판 사이의 차이

36번째 줄: 36번째 줄:


==사용자를 Chirp에 연결하기==
==사용자를 Chirp에 연결하기==
Laravel이 <code>user</code> 관계를 반환하도록 지시하여 Chirp의 작성자 이름을 표시할 수 있게 했습니다. 하지만 Chirp의 <code>user</code> 관계는 아직 정의되지 않았습니다. 이를 해결하기 위해 <code>Chirp</code> 모델에 새 [https://laravel.com/docs/eloquent-relationships#one-to-many-inverse "belongs to"] 관계를 추가해보겠습니다:
{{소스헤더|app/Models/Chirp.php}}
<syntaxhighlight lang='php' highlight='3,8-11'>
<?php
...
use Illuminate\Database\Eloquent\Relations\BelongsTo;
class Chirp extends Model
{
    ...
    public function user(): BelongsTo
    {
        return $this->belongsTo(User::class);
    }
}
</syntaxhighlight>
이 관계는 이전에 <code>User</code> 모델에 생성한 "has many" 관계의 역관계입니다.


==뷰 업데이트하기==
==뷰 업데이트하기==

2024년 6월 18일 (화) 01:54 판

1 개요

04. Showing Chirps
04. Chirps 표시

https://bootcamp.laravel.com/blade/showing-chirps

이전 단계에서 Chirp를 생성하는 기능을 추가했다면, 이제 Chirp를 표시할 준비가 되었습니다!

2 Chirp 조회하기

이제 ChirpController 클래스의 index 메서드를 업데이트하여 모든 사용자의 Chirp를 인덱스 페이지로 전달해 보겠습니다:

app/Http/Controllers/ChirpController.php
<?php
...
class ChirpController extends Controller
{
    /**
     * 리소스 목록을 표시합니다.
     */
    public function index(): View
    {
        return view('chirps.index', [
            'chirps' => Chirp::with('user')->latest()->get(),
        ]);
    }
    ...
}

여기서는 Eloquent의 with 메소드를 사용하여 각 Chirp와 관련된 사용자를 미리 로드(eager-load)했습니다. 또한 latest 스코프를 사용하여 레코드를 역순으로 반환합니다.

Note

한 번에 모든 Chirp를 반환하는 것은 프로덕션 환경에서 규모 확장이 어려울 수 있습니다. 성능을 개선하기 위해 Laravel의 강력한 페이지네이션 기능을 확인해 보세요.

3 사용자를 Chirp에 연결하기

Laravel이 user 관계를 반환하도록 지시하여 Chirp의 작성자 이름을 표시할 수 있게 했습니다. 하지만 Chirp의 user 관계는 아직 정의되지 않았습니다. 이를 해결하기 위해 Chirp 모델에 새 "belongs to" 관계를 추가해보겠습니다:

app/Models/Chirp.php
<?php
...
use Illuminate\Database\Eloquent\Relations\BelongsTo;

class Chirp extends Model
{
    ...
    public function user(): BelongsTo
    {
        return $this->belongsTo(User::class);
    }
}

이 관계는 이전에 User 모델에 생성한 "has many" 관계의 역관계입니다.

4 뷰 업데이트하기

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}