Blade로 Chirper 구축 - 설치 편집하기

==개요==
[[분류: Laravel Bootcamp]]
;02. Installation
;02. 설치
* https://bootcamp.laravel.com/blade/installation

==Laravel 설치==
===빠른 설치===
[https://herd.laravel.com/ 로컬 머신에 PHP와 Composer가 이미 설치되어 있다면], Composer를 통해 새로운 Laravel 프로젝트를 만들 수 있습니다:

<syntaxhighlight lang='bash'>
composer create-project laravel/laravel chirper
</syntaxhighlight>

{{NOTE}}
계속 진행하기 전에 [https://www.php.net/supported-versions.php 지원되는 버전의 PHP]가 필요합니다. 설치된 PHP 버전을 확인하려면 <code>php -v</code> 명령어를 실행하세요. 대안으로, [[#Docker를 통한 설치|Docker를 통한 설치]] 방법을 따를 수도 있습니다.
{{/NOTE}}

간단하게, Composer의 <code>create-project</code> 명령어는 애플리케이션의 데이터를 저장할 새로운 SQLite 데이터베이스를 <code>database/database.sqlite</code>에 자동으로 생성합니다. 프로젝트가 생성된 후, Laravel Artisan의 <code>serve</code> 명령어를 사용하여 Laravel의 로컬 개발 서버를 시작하세요:

<syntaxhighlight lang='bash'>
cd chirper

php artisan serve
</syntaxhighlight>

Artisan 개발 서버를 시작하면 웹 브라우저에서 애플리케이션에 접근할 수 있습니다: http://localhost:8000.

[[파일:fresh-dark.png|640px]]

===Docker를 통한 설치===
로컬에 PHP가 설치되어 있지 않은 경우, 모든 운영체제와 호환되는 Laravel의 기본 Docker 개발 환경과 상호작용하는 경량 명령줄 인터페이스인 [[Laravel Sail]]을 사용하여 애플리케이션을 개발할 수 있습니다. 시작하기 전에 운영체제에 맞는 [[Docker]]를 설치하세요. 다른 설치 방법은 전체 [[Laravel 설치|설치 가이드]]를 확인하세요.

Laravel을 설치하는 가장 쉬운 방법은 <code>laravel.build</code> 서비스를 사용하는 것입니다. 이 서비스는 새 Laravel 애플리케이션을 다운로드하고 생성합니다. 터미널을 열고 다음 명령어를 실행하세요:

<syntaxhighlight lang='bash'>
curl -s "https://laravel.build/chirper" | bash
</syntaxhighlight>

Sail 설치는 Sail의 애플리케이션 컨테이너가 로컬 머신에서 빌드되는 동안 몇 분이 걸릴 수 있습니다.

기본적으로, 인스톨러는 MySQL 데이터베이스 서버 포함하여 유용한 여러 서비스와 함께 Laravel Sail을 미리 설정합니다. 필요에 따라 [https://laravel.com/docs/installation#choosing-your-sail-services Sail 서비스를 커스터마이징]할 수 있습니다.

프로젝트가 생성된 후 애플리케이션 디렉토리로 이동하여 Laravel Sail을 시작하세요:

<syntaxhighlight lang='bash'>
cd chirper

./vendor/bin/sail up
</syntaxhighlight>

{{NOTE}}
Sail의 명령어를 더 쉽게 실행할 수 있는 [https://laravel.com/docs/sail#configuring-a-shell-alias 쉘 별칭을 생성]할 수 있습니다.
{{/NOTE}}

Sail을 사용하여 애플리케이션을 개발할 때는, Artisan, NPM, Composer 명령어를 직접 호출하는 대신 Sail CLI를 통해 사용할 수 있습니다:

<syntaxhighlight lang='bash'>
./vendor/bin/sail php --version
./vendor/bin/sail artisan --version
./vendor/bin/sail composer --version
./vendor/bin/sail npm --version
</syntaxhighlight>

애플리케이션의 Docker 컨테이너가 시작된 후 애플리케이션의 [https://laravel.com/docs/migrations 데이터베이스 마이그레이션]을 실행해야 합니다:

<syntaxhighlight lang='bash'>
./vendor/bin/sail artisan migrate
</syntaxhighlight>

마지막으로, 웹 브라우저에서 애플리케이션에 접근할 수 있습니다: http://localhost

[[파일:fresh-dark.png|640px]]

==Laravel Breeze 설치==
다음으로, Laravel의 인증 기능(로그인, 회원가입, 비밀번호 재설정, 이메일 인증, 비밀번호 확인 등)의 간단한 구현을 제공하는 [[Laravel Breeze]]를 설치하여 애플리케이션을 시작해보겠습니다. 설치 후 필요에 맞게 컴포넌트를 커스터마이징할 수 있습니다.

Laravel Breeze는 Blade 템플릿, Inertia와 Vue(또는 React)를 포함한 여러 옵션을 제공합니다. 이 튜토리얼에서는 Blade를 사용합니다.

새 터미널을 열고 <code>chirper</code> 프로젝트 디렉토리에서 선택한 스택을 설치하세요:

<syntaxhighlight lang='bash'>
composer require laravel/breeze --dev

php artisan breeze:install blade
</syntaxhighlight>

Breeze는 프론트엔드 의존성을 설치하고 구성합니다. 따라서 CSS를 자동으로 다시 컴파일하고 Blade 템플릿을 변경할 때 브라우저를 새로 고침하는 Vite 개발 서버를 시작하면 됩니다:

<syntaxhighlight lang='bash'>
npm run dev
</syntaxhighlight>

새 Laravel 애플리케이션을 브라우저에서 새로고침하면 오른쪽 상단에 "Register" 링크가 표시됩니다. 이를 따라가면 Laravel Breeze에서 제공하는 회원가입 양식을 볼 수 있습니다.

[[파일:laravel-breeze-register.png|640px]]

계정을 등록하고 로그인하세요!

'''[[laravel-blade/creating-chirps|Chirps 생성을 시작하려면 계속하세요...]]'''