라라벨/laravel7스터디

블레이드(blade)새로운 구성법 component

땀모 2020. 3. 28. 08:55

1. 컴포넌트 파일생성

php artisan make:component Sidebar


결과1: app/View/Components/Sidebar.php 클래스파일이 생성됨

결과2: resources/views/components/sidebar.blade.php 블레이드파일이 생성됨


Sidebar.php 클래스에서 render()메서드에서 views/components/sidebar.blade.php 파일을 불러온다.


2. welcome.blade.php 파일에 sidebar component를 불러오자 <x-sedebar />

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Laravel</title>

<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet">


</head>
<body>

<x-sidebar />

</body>
</html>


3. resoueves/views/components/sidebar.blade.php 파일에 아무거나 작성하자

<div>
Hello Laravel 7 Component
</div>


4. web.php

Route::view('/', 'welcome');


5. 브라우저에 확인해보자