라라벨 튜토리얼: 첫 홈페이지 만들기

소개

안녕하세요, 야심 찬 웹 개발자 여러분! Laravel의 세계로 인도해드리게 되어 매우 기쁩니다. 10년 이상 컴퓨터 과학을 가르쳐온 경험을 가진 저로서는, Laravel이 가장 강력하고 즐겁게 사용할 수 있는 프레임워크 중 하나라고 말씀드릴 수 있습니다. 오늘 우리는 Laravel을 사용하여 첫 홈페이지를 만들어보겠습니다. 코드를 작성해 본 적이 없으신 분들도 걱정 마세요. 우리는 단계별로 함께 진행하니까, 얼마 지나지 않아 프로처럼 아름다운 웹 페이지를 만들 수 있을 것입니다!

Laravel - Home

라라벨은 무엇인가요?

들어보기 전에 잠시 라라벨이 무엇인지 이야기해보겠습니다. 집을 짓는 것을 상상해보세요. Laravel은 신뢰할 수 있는 도구 상자처럼, 일을 더 쉽고 빠르게 할 수 있도록 도와주는 여러 가지 유용한 도구가 가득 차 있습니다. 이는 PHP 프레임워크로, 개발자가轮入이 휠을 새로 만들지 않고도 웹 애플리케이션을 만들 수 있도록 도와줍니다. 마치 미리 만들어진 레고 조각들을 이어붙여 놀라운 것을 만드는 것과 같은 이야기입니다!

사전 요구 사항

이 튜토리얼을 따라가기 위해 다음이 필요합니다:

컴퓨터 (물론이죠!)
컴퓨터에 설치된 PHP (버전 7.3 이상)
Composer (PHP 의존성 관리자)
텍스트 편집기 (Visual Studio Code를 추천하지만, 편안하게 사용하는 것이 중요합니다)
모험심과 학습 의지!

이러한 준비가 아직 되지 않았다면 걱정하지 마세요. 준비하는 데 도움이 되는 훌륭한 튜토리얼이 많이 있습니다.

라라벨 설정

단계 1: 라라벨 설치

먼저 라라벨을 설치해보겠습니다. 터미널을 열고 다음 명령어를 입력하세요:

composer create-project --prefer-dist laravel/laravel my-first-laravel-project

이 명령어는 Composer가 my-first-laravel-project라는 폴더에 새로운 Laravel 프로젝트를 생성하도록 합니다. 몇 분이 걸릴 수 있으므로 커피를 마시거나 춤을 추는 동안 기다려보세요.

단계 2: 프로젝트 폴더로 이동

이 작업이 완료되면, 새로운 프로젝트 폴더로 이동하세요:

cd my-first-laravel-project

축하합니다! 이제 첫 번째 Laravel 프로젝트에 들어와 있습니다. 기분이 좋네요?

홈페이지 생성

단계 3: 라우트 이해

Laravel에서 라우트는 애플리케이션의 환영사입니다. 방문자가 웹사이트에 도착했을 때 어디로 가야 할지 결정합니다. routes/web.php 파일을 여세요. 여기서 Laravel이 무엇을 해야 하는지 알려줍니다.

다음과 같은 내용을 보게 될 것입니다:

Route::get('/', function () {
return view('welcome');
});

이것은 Laravel의 기본 라우트입니다. "어떤 사람이 우리 웹사이트의 루트('/')를 방문하면 'welcome' 뷰를 보여줘."라는 의미입니다. 하지만 우리는 자신만의 홈페이지를 만들고 싶으니까 이를 변경해보겠습니다!

단계 4: 컨트롤러 생성

컨트롤러는 애플리케이션의 관리자입니다. 요청을 처리하고 응답을 반환합니다. 우리 홈페이지를 위한 컨트롤러를 생성해보겠습니다:

php artisan make:controller HomeController

이 명령어는 app/Http/Controllers/HomeController.php 파일을 생성합니다. 이 파일을 열고 다음과 같이 메서드를 추가하세요:

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class HomeController extends Controller
{
public function index()
{
return view('home');
}
}

이 index 메서드는 우리 홈페이지를 보여주는 역할을 합니다.

단계 5: 라우트 업데이트

이제 routes/web.php 파일을 업데이트하여 새로운 컨트롤러를 사용하도록 합시다:

use App\Http\Controllers\HomeController;

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

이제 Laravel은 "어떤 사람이 '/'를 방문하면 HomeController의 index 메서드를 사용해."라고 알게 됩니다.

단계 6: 뷰 생성

이제 실제 HTML을 만들어 우리 홈페이지를 만들어보겠습니다. resources/views/home.blade.php 파일을 생성하고 다음과 같은 HTML을 추가하세요:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Welcome to My First Laravel Site!</title>
</head>
<body>
<h1>Hello, Laravel World!</h1>
<p>This is my very first Laravel home page. Exciting times!</p>
</body>
</html>

단계 7: 애플리케이션 실행

이제 진짜로 실행해보겠습니다! 터미널에서 다음 명령어를 실행하세요:

php artisan serve

이 명령어는 개발 서버를 시작합니다. 브라우저를 열고 http://localhost:8000에 가시면 새로운 홈페이지를 볼 수 있을 것입니다!

추가 매력 부여

단계 8: Blade 템플릿 사용

Laravel은 HTML에 슈퍼파워를 더해주는 Blade라는 템플릿 엔진을 사용합니다. home.blade.php 파일을 업데이트하여 Blade 기능을 사용해보겠습니다:

@extends('layouts.app')

@section('content')
<h1>Welcome to {{ config('app.name') }}!</h1>
<p>The current time is {{ now() }}.</p>
@endsection

이제 resources/views/layouts/app.blade.php 파일을 생성하고 다음과 같이 추가하세요:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@yield('title', config('app.name'))</title>
</head>
<body>
@yield('content')
</body>
</html>

이렇게 하면 재사용 가능한 레이아웃을 만들어 우리 홈페이지와 미래의 페이지를 사용할 수 있습니다.

결론

이제 첫 번째 Laravel 홈페이지를 만들었습니다! 우리는 많은 내용을 다루었습니다 - 라라벨 설정, 라우트, 컨트롤러, 뷰 등. 기억하시라, 코드를 배우는 것은 여정이고 목적지가 아닙니다. 계속 연습하고 탐구하며, 가장 중요한 것은 즐겁게 만들어가세요!

이제 우리가 다루었던 주요 Laravel 개념의 빠른 참조 표를 제공합니다:

개념	설명
라우트	URL을 정의하고 애플리케이션이 요청에 어떻게 응답하는지 정의
컨트롤러	요청을 처리하고 응답을 반환하는 로직을 담당
뷰	애플리케이션에 의해 제공되는 HTML을 포함
Blade	Laravel의 템플릿 엔진으로 동적 뷰를 생성

coding을 즐기시고, Laravel의 놀라운 세상에 환영합니다!

Credits: Image by storyset

다음 튜토리얼:

Laravel - 개요