Back-End/Laravel

[Laravel] 5장 Blade 템플릿 엔진을 활용한 동적 웹 페이지 생성

Tinkies 2025. 3. 18. 11:45

1. Blade 템플릿

라라벨 Blade 템플릿을 사용해 동적인 웹 페이지를 생성합니다. Blade는 라라벨의 기본 템플릿 엔진으로, PHP 코드와 HTML을 쉽게 결합할 수 있습니다. 우선 기존 프로젝트에서 라우팅을 정의해야 합니다. 만약 프로젝트를 생성해야한다면 아래와 같은 명령어로 생성해줍니다.

composer create-project --prefer-dist laravel/laravel myproject
cd myproject

2. 라우트 정의

routes/web.php 파일에서 라우트를 정의해줍니다.

use App\Http\Controllers\PageController;

Route::get('/', [PageController::class, 'index']);

3. 컨트롤러 생성

컨트롤러를 생성하여 동적 데이터를 처리합니다.

php artisan make:controller PageController

 

app/Http/Controllers/PageController.php 파일에 들어가 아래 코드로 수정합니다.

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class PageController extends Controller
{
    public function index()
    {
        // 동적 데이터 
        $title = "Welcome to Koras02 Page!";
        $description = "This is a dynamic web Page using Laravel Blade.";

        return view("home", compact("title", "description"));
    }
}

4. Blade 템플릿 생성

resources/views 디렉토리 안에 home.blade.php 파일을 생성하고 아래 코드를 입력합니다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ $title }}</title>
</head>
<body>
    <h1>{{ $title }}</h1>
    <p>{{ $description }}</p>
</body>
</html>

5. 웹 서버 실행

라라벨 내장 서버를 실행하고 http://localhost:8000에 접속해 동적인 웹 페이지가 표시되는지 확인합니다.

php artisan serve

 

 

GitHub - Koras02/laravel-bloging

Contribute to Koras02/laravel-bloging development by creating an account on GitHub.

github.com

 

LIST