Hello-Laravel

👍👍Lets study Laravel PHP Framework!!👍👍

Index

Routing
- Routing Manual
Data Binding in View
- PHP compact function
Blade 101
Blade 201
- @yield, @extends, @section
- @include
DB Query with Artisan Tinker

Routing

Laravel Framework는 Front Controller 방식의 라우팅을 사용한다.

PHP 예제로 알아보는 프런트 컨트롤러 (Front Controller) 패턴

사용자의 모든 Request가 라우팅 파일로 넘어온 후 어떤 요청인지에 따라 라우팅 파일에서 다양한 컨트롤러로 요청들을 적절하게 분배한다.

Request -> [Routing File] -> 임의의 컨트롤러

# 컨트롤러는 Laravel에서 제공하는 컨트롤러도 있지만, 직접 만들어서 사용하는 경우가 많다.
# Request가 들어오면 라우팅 파일을 보면 된다라고 생각하자!

Routing Manual

Route::get('/' function()
{
    return "H4lo, World!";
});
# '/' URL로 접근하면 "H4lo, World!" 라는 문자열을 반환한다.

# Slim PHP Framework 를 사용해보았다면 이해하기가 쉬울 것!
# Route::[Method]('[Resource', function() {[this is call back function]});
# -> Method : get, post, put, delete
# Method URL에 Request가 오면 fuction으로 싸진 Closure가 동작한다는 의미!

Route::get('/', 'WelcomeController@index';);
# 사용자가 '/' URL로 접근하면, WelcomeController의 index라는 메소드를 실행하여 결과를 반환한다.

# /routes/web.php

Route::get('/', function () {
    return view('welcome');
});
# view() 는 Helper Function이다.

return View::make('welcome');
# 위와 같이 Laravel에서 제공하는 Facade를 이용할 수도 있다.
# view()-> 까지 입력했을 때 코드힌트가 나와서 Helper Function을 더 선호한다고 하는데,
# "코드 힌트"에 대해 알아볼 필요가 있다!

Route::get('/', function () {
    return abort(503);
});

# php artisan down 명령으로 유지보수 상태로 전환하면, 위와 같은 503 Error를 뷰로써 보여준다.
# php artisan up 명령으로 서비스 상태로 복귀할 수 있다.
# php artisan suspend 명령은 서비스를 완전히 종료시킨다.

Data Binding in view

<p>
    {{ $greeting }} {{ $name ?? '' }}. Nice to meet you~~
</p>

# resources/views/ 경로에 hello.blade.php 파일을 생성하였음.
# {{ }} 은 라라벨의 템플릿 엔진인 블레이드에서 사용하는 String interpolation 문법이다.
# PHP로 치면, 뷰 내에서 <?= ?> 과 같은 역할을 해준다.

# 특수문자가 포함된 데이터를 뷰에 바인딩시킬 때에는 {{ }} 대신 {!! !!} 를 사용한다.
# {{ $name ?? '' }} 에서 ??는 PHP7 이후부터 나온 문법으로, $name에 값이 존재하면 $name을,
# 아니라면 공백을 사용하는 삼항연산자의 역할을 한다. PHP5.3 에서는 ?:로 사용하고 있었다.
# or를 사용하는 예제도 있으나 or를 사용할 경우 name 값 대신 1이 출력된다.

데이터를 바인딩 하는 법에는 여러 가지 방법이 있다.

with() 메소드로 뷰에 데이터 바인딩하는 방법, view()의 2번째 인자로 데이터를 넘기는 방법 등이 있는데,

실전에서는 PHP 내장함수인 compact(mixed $varname)와 조합하여 데이터 바인딩을 진행하는 편이다.

compact(mixed $varname)

compact 함수는 변수를 이용하여 연관배열을 만드는 함수이다.

변수명은 Key 값으로, 변수값은 배열값으로 바뀐다.

PHP.net compact()

반대로 연관배열을 변수로 전환해주는 함수는 extract() 이다.

PHP.net extract()

Route::get('/hello', function () {
    $greeting = '안녕하세요';
    $name = 'h4lo';

    return view('hello', compact('greeting', 'name'));
});

routes/web.php 파일에 다음과 같은 라우팅 메소드를 추가한다.

hello.blade.php에 view 메소드의 두번째 인자에서 compact 함수로 만들어진 연관배열을 파라미터 값으로 넘겨, html 코드에 데이터를 바인딩한다.

[목차로]

Blade 101

Laravel Template Engine, Blade

블레이드 문법은 블레이드 엔진에 의해 PHP 코드로 컴파일된다.

`{{ }}` String interpolation

<html>
{{ $example }}  # 라우팅에서 리턴한 $example 변수의 데이터를 바인딩 시켜준다.
<html>

# 출력 : Test is good!
---

Route::get('/', function ()
{
    $example = "Test is good!"
    
    return view('exam', compact('example'));
});

`{{-- --}}` Comment

{{-- count(range(1, 10)) --}}  # 함수가 작동하지 않는 미출력 코드.

<!-- {{ count(range(1, 10)) }} -->
# 페이지 소스보기를 하면 count(range(1, 10)) 함수는 실행되어 <!-- 10 --> 과 같이 값이 바뀐 것을 알 수 있다.

@foreach

<ul>
    @foreach($items as $item)
        <li>{{ $item }}</li>
    @endforeach
</ul>

# blade.php 파일에 다음과 같이 html 코드 상에 @foreach를 사용하게 되면, 리턴받은 연관배열의 크기만큼 foreach 문이 반복된다.

@for도 사용 가능!

@if

@if(isset($test))
    <p>H4lo!!</p>
@else
    <p>Null!!</p>
@endif

# if 문은 다음과 같이 사용 가능하다.
# @elseif 도 가능
# @unless (== if(!)) 도 사용 가능

리턴받은 데이터로 ArrayAccess를 할 수 없다면 어떻게 처리하지?

@forelse 를 사용해보자!

@forelse

forelse는 foreach와 if를 섞은 느낌!

리턴받은 변수에 값이 있고 ArrayAccess가 가능하면, @forelse 문으로 들어가고, 그렇지 않으면 @empty 경로를 타게 된다.

@forelse($items as $item)
    <p>{{ $item }}</p>
@empty
    <p>Empty..</p>
@endforelse

[목차로]

Blade 201

Master Layout in Laravel

페이지마다 반복되는 Header, Section, Footer를 간편하게 넣기 위해 사용할 수 있는 Blade 문법에 대해 알아보자~

@yield, @extends, @section

resources/views/master.blade.php

<!DOCTYPE HTML>
<html lang='ko'>
<head>
    <meta charset='utf-8'>
    <title>Blade 201 example</title>
</head>
<body>
    @yield('style')
    @yield('content')
    @yield('script')
</body>
</html>

resources/views/blade201.blade.php

@extends('master')

@section('style')
    <style>
        body {background : lightskyblue;}
    </style>
@endsection

@section('content')
    H4lo~~
@endsection

@section('script')
    <script>
        alert('H4lo~~ Nice to meet you~~')
    </script>
@endsection

@include

Footer 태그를 include 해보자!

resources/views/footer.blade.php

<footer>
    <p>This is footer area</p>
</footer>

resources/views/master.blade.php

@yield('style')
@yield('content')
@yield('script')

@include('footer') # footer

@extends로 명시해놓은 경로의 파일이 존재하지 않을 경우 500 에러가 발생!!

[목차로]

DB Query with Artisan Tinker

select

$ php artisan tinker

>>> DB::select('select * from [Table Name]')
=> [
     {#(id value)
       +"Key1": value,
       +"Key2": value,
       +"Key3": value,
       +"Key4": value.
     },
   ]

insert

$ php artisan tinker

>>> DB::insert('insert into [Table Name] (column1, column2) values (?, ?)', [value1, value2]);
=> true

Laravel은 PDO를 이용하기 때문에 데이터 바인딩은 직접 값을 대입하지 않고, ?를 이용한 뒤, 두번째 파라미터 값으로 데이터를 바인딩 시켜준다.

update

$ php artisan tinker

>>> DB::update('update [Table Name] set (column1, column2) values (?, ?)', [value1, value2]);
=> 1

etc..

SQLSTATE[HY000] [2002] Connection refused Error

Laravel 내의 .env 파일과 config/database.php 파일의 데이터베이스 정보가 일치하지 않거나 문제가 있을 경우 다음과 같은 에러를 보이고 Artisan Tinker 내에서 정상적으로 DB 쿼리를 수행할 수 없다.

기본적으로 config/database.php 파일 내의 mysql port는 33060으로 설정이 되어있었던 것으로 기억된다.

Homestead 에서 mysql port를 33060으로 사용하기는 하나, 이 문제를 해결하기 위해서는 config.database.php의 mysql port 설정란에 'port' => env('DB_PORT', '3306') 와 같이 설정해준 후 php artisan cache:clear 로 캐시를 초기화 시켜주면 정상적으로 tinker 내에서 DB 쿼리를 수행할 수 있다.

[목차로]

Name		Name	Last commit message	Last commit date
Latest commit History 37 Commits
app		app
bootstrap		bootstrap
config		config
database		database
public		public
resources		resources
routes		routes
storage		storage
tests		tests
.editorconfig		.editorconfig
.env.example		.env.example
.gitattributes		.gitattributes
.gitignore		.gitignore
README.md		README.md
artisan		artisan
composer.json		composer.json
composer.lock		composer.lock
package-lock.json		package-lock.json
package.json		package.json
phpunit.xml		phpunit.xml
server.php		server.php
webpack.mix.js		webpack.mix.js

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Repository files navigation

Hello-Laravel

Index

Routing

Routing Manual

Data Binding in view

compact(mixed $varname)

Blade 101

`{{ }}` String interpolation

`{{-- --}}` Comment

@foreach

@if

@forelse

Blade 201

@yield, @extends, @section

@include

DB Query with Artisan Tinker

select

insert

update

SQLSTATE[HY000] [2002] Connection refused Error

Query Builder

About

Uh oh!

Releases

Packages

Languages

JaehunYoon/Hello-Laravel

Folders and files

Latest commit

History

Repository files navigation

Hello-Laravel

Index

Routing

Routing Manual

Data Binding in view

compact(mixed $varname)

Blade 101

{{ }} String interpolation

{{-- --}} Comment

@foreach

@if

@forelse

Blade 201

@yield, @extends, @section

@include

DB Query with Artisan Tinker

select

insert

update

SQLSTATE[HY000] [2002] Connection refused Error

Query Builder

About

Topics

Resources

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Languages

`{{ }}` String interpolation

`{{-- --}}` Comment

Packages