Blade로 Chirper 구축 - 설치

1 개요

02. Installation

02. 설치

https://bootcamp.laravel.com/blade/installation

2 Laravel 설치

2.1 빠른 설치

로컬 머신에 PHP와 Composer가 이미 설치되어 있다면, Composer를 통해 새로운 Laravel 프로젝트를 만들 수 있습니다:

composer create-project laravel/laravel chirper

Note

계속 진행하기 전에 지원되는 버전의 PHP가 필요합니다. 설치된 PHP 버전을 확인하려면 php -v 명령어를 실행하세요. 대안으로, Docker를 통한 설치 방법을 따를 수도 있습니다.

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

cd chirper

php artisan serve

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

2.2 Docker를 통한 설치

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

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

curl -s "https://laravel.build/chirper" | bash

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

기본적으로, 인스톨러는 MySQL 데이터베이스 서버 포함하여 유용한 여러 서비스와 함께 Laravel Sail을 미리 설정합니다. 필요에 따라 Sail 서비스를 커스터마이징할 수 있습니다.

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

cd chirper

./vendor/bin/sail up

Note

Sail의 명령어를 더 쉽게 실행할 수 있는 쉘 별칭을 생성할 수 있습니다.

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

./vendor/bin/sail php --version
./vendor/bin/sail artisan --version
./vendor/bin/sail composer --version
./vendor/bin/sail npm --version

애플리케이션의 Docker 컨테이너가 시작된 후 애플리케이션의 데이터베이스 마이그레이션을 실행해야 합니다:

./vendor/bin/sail artisan migrate

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

3 Laravel Breeze 설치

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

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

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

composer require laravel/breeze --dev

php artisan breeze:install blade

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

npm run dev

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

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

Chirps 생성을 시작하려면 계속하세요...