"Livewire로 Chirper 구축 - 설치"의 두 판 사이의 차이

 
(같은 사용자의 중간 판 하나는 보이지 않습니다)
74번째 줄: 74번째 줄:


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


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


터미널을 열고 <code>chirper</code> 프로젝트 디렉토리에서 선택한 스택을 설치하세요:
새로운 터미널을 열고 <code>chirper</code> 프로젝트 디렉토리에서 선택한 스택을 다음 명령어로 설치하십시오:


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


php artisan breeze:install blade
php artisan breeze:install livewire
</syntaxhighlight>
</syntaxhighlight>


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


<syntaxhighlight lang='bash'>
<syntaxhighlight lang='bash'>
92번째 줄: 92번째 줄:
</syntaxhighlight>
</syntaxhighlight>


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


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


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

2024년 6월 27일 (목) 00:08 기준 최신판

1 개요[ | ]

02. Installation
02. 설치

https://bootcamp.laravel.com/livewire/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.

Fresh-dark.png

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

Fresh-dark.png

3 Laravel Breeze 설치[ | ]

다음으로, Laravel의 모든 인증 기능을 최소한의 간단한 구현으로 제공하는 Laravel Breeze를 설치하여 애플리케이션의 시작을 도와드리겠습니다. 로그인, 회원가입, 패스워드 재설정, 이메일 인증, 패스워드 확인 등의 기능이 포함되어 있습니다. 설치 후, 필요에 따라 컴포넌트를 자유롭게 커스터마이징할 수 있습니다.

Laravel Breeze는 Blade 템플릿, Livewire, Inertia를 사용하는 VueReact를 포함한 여러 뷰 레이어 옵션을 제공합니다.

새로운 터미널을 열고 chirper 프로젝트 디렉토리에서 선택한 스택을 다음 명령어로 설치하십시오:

composer require laravel/breeze --dev

php artisan breeze:install livewire

이제 Vite 개발 서버를 시작하여 Blade 템플릿을 변경할 때 CSS를 자동으로 다시 컴파일하고 브라우저를 새로고침해야 합니다:

npm run dev

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

Laravel-breeze-register.png

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

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}