- Starter Kits
- 스타터 키트
1 소개[ | ]
새로운 Laravel 애플리케이션을 구축하는 데 도움이 되도록, 인증 및 애플리케이션 스타터 키트를 제공합니다. 이 키트는 애플리케이션 사용자 등록과 인증에 필요한 라우트, 컨트롤러, 뷰를 자동으로 스캐폴딩합니다.
이러한 스타터 키트를 자유롭게 사용할 수 있지만, 반드시 사용해야 하는 것은 아닙니다. Laravel의 새 복사본을 설치하여 처음부터 직접 애플리케이션을 구축할 수도 있습니다. 어떤 방법을 선택하든, 여러분은 멋진 것을 만들어 낼 것이라 확신합니다!
2 Laravel Breeze[ | ]
Laravel Breeze는 로그인, 회원 가입, 비밀번호 재설정, 이메일 확인, 비밀번호 확인 등 Laravel의 모든 인증 기능을 간단하고 최소한으로 구현한 것입니다. 또한, Breeze에는 사용자가 이름, 이메일 주소, 비밀번호를 업데이트할 수 있는 간단한 "프로필" 페이지도 포함되어 있습니다.
Laravel Breeze의 기본 뷰 레이어는 Tailwind CSS로 스타일링된 간단한 Blade 템플릿으로 구성되어 있습니다. 추가적으로, Breeze는 Livewire 또는 Inertia를 기반으로 한 스캐폴딩 옵션을 제공하며, Inertia 기반 스캐폴딩에는 Vue 또는 React를 사용할 수 있습니다.
- Laravel 부트캠프
Laravel이 처음이시라면, Laravel 부트캠프에 참여해 보세요. Laravel 부트캠프는 Breeze를 사용하여 첫 번째 Laravel 애플리케이션을 구축하는 과정을 안내합니다. Laravel과 Breeze가 제공하는 모든 기능을 체험할 수 있는 훌륭한 방법입니다.
2.1 설치[ | ]
먼저, 새로운 Laravel 애플리케이션을 생성해야 합니다. 인스톨러를 사용하여 애플리케이션을 생성하는 경우, 설치 과정에서 Laravel Breeze를 설치할지 묻는 메시지가 표시됩니다. 그렇지 않다면 아래의 수동 설치 지침을 따라야 합니다.
이미 스타터 키트 없이 새로운 Laravel 애플리케이션을 생성한 경우, Composer를 사용하여 Laravel Breeze를 수동으로 설치할 수 있습니다:
composer require laravel/breeze --dev
Composer가 Laravel Breeze 패키지를 설치한 후, breeze:install Artisan 명령어를 실행해야 합니다. 이 명령어는 인증 뷰, 라우트, 컨트롤러 및 기타 리소스를 애플리케이션에 퍼블리싱합니다. Laravel Breeze는 모든 코드를 애플리케이션에 게시하여 기능과 구현에 대한 완전한 제어와 가시성을 제공합니다.
breeze:install 명령어는 선호하는 프론트엔드 스택과 테스트 프레임워크를 선택하라는 메시지를 표시합니다.
php artisan breeze:install
php artisan migrate
npm install
npm run dev
2.2 Breeze와 Blade[ | ]
Breeze의 기본 스택은 Blade 스택으로, 간단한 Blade 템플릿을 사용하여 애플리케이션의 프론트엔드를 렌더링합니다. Blade 스택은 breeze 명령어를 추가 인자 없이 실행하고 Blade 프론트엔드 스택을 선택하여 설치할 수 있습니다. Breeze의 스캐폴딩이 설치된 후에는 애플리케이션의 프론트엔드 애셋을 컴파일해야 합니다:
php artisan breeze:install
php artisan migrate
npm install
npm run dev
그런 다음, 웹 브라우저에서 애플리케이션의 /login 또는 /register URL로 이동할 수 있습니다. Breeze의 모든 라우트는 routes/auth.php 파일에 정의되어 있습니다.
Note
애플리케이션의 CSS와 JavaScript를 컴파일하는 방법에 대해 더 알아보려면 Laravel의 Vite 문서를 참조하세요.
2.3 Breeze와 Livewire[ | ]
Laravel Breeze는 Livewire 스캐폴딩도 제공합니다. Livewire는 PHP만으로 동적이고 반응적인 프론트엔드 UI를 구축할 수 있는 강력한 방법입니다.
Livewire는 주로 Blade 템플릿을 사용하는 팀에게 적합하며, Vue 및 React와 같은 JavaScript 기반의 SPA 프레임워크에 대한 간단한 대안을 찾고 있는 경우에 좋습니다.
Livewire 스택을 사용하려면 breeze:install Artisan 명령을 실행할 때 Livewire 프론트엔드 스택을 선택하면 됩니다. Breeze의 스캐폴딩이 설치된 후에는 데이터베이스 마이그레이션을 실행해야 합니다.
php artisan breeze:install
php artisan migrate
2.4 Breeze와 React / Vue[ | ]
Laravel Breeze는 Inertia 프론트엔드 구현을 통해 React 및 Vue 스캐폴딩도 제공합니다. Inertia를 사용하면 클래식 서버 사이드 라우팅 및 컨트롤러를 사용하여 현대적인 단일 페이지 React 및 Vue 애플리케이션을 구축할 수 있습니다.
Inertia는 Laravel의 놀라운 백엔드 생산성과 초고속 Vite 컴파일을 결합하여 React 및 Vue의 프론트엔드 파워를 즐길 수 있게 해줍니다. Inertia 스택을 사용하려면 breeze:install Artisan 명령어를 실행할 때 Vue 또는 React 프론트엔드 스택을 선택하면 됩니다.
Vue 또는 React 프론트엔드 스택을 선택할 때 Breeze 설치 프로그램은 Inertia SSR 또는 TypeScript 지원 여부를 결정하는 메시지를 표시합니다. Breeze의 스캐폴딩 설치가 완료되면 애플리케이션의 프론트엔드 애셋을 컴파일해야 합니다.
php artisan breeze:install
php artisan migrate
npm install
npm run dev
그런 다음, 웹 브라우저에서 애플리케이션의 /login 또는 /register URL로 이동할 수 있습니다. Breeze의 모든 라우트는 routes/auth.php 파일에 정의되어 있습니다.
2.5 Breeze와 Next.js / API[ | ]
aravel Breeze는 Next, Nuxt 등과 같은 최신 JavaScript 애플리케이션을 인증할 준비가 된 인증 API를 스캐폴딩할 수 있습니다. 시작하려면 breeze:install Artisan 명령어를 실행할 때 원하는 스택으로 API 스택을 선택하십시오:
php artisan breeze:install
php artisan migrate
설치 중에 Breeze는 애플리케이션의 .env 파일에 FRONTEND_URL 환경변수를 추가합니다. 이 URL은 JavaScript 애플리케이션의 URL이어야 합니다. 로컬 개발 중에는 일반적으로 http://localhost:3000이 됩니다. 또한 APP_URL이 http://localhost:8000으로 설정되어 있는지 확인해야 합니다. 이는 serve Artisan 명령어에서 사용되는 기본 URL입니다.
- Next.js 참조 구현
마지막으로, 선택한 프론트엔드와 이 백엔드를 페어링할 준비가 되었습니다. Breeze 프론트엔드의 Next 참조 구현은 GitHub에서 제공됩니다. 이 프론트엔드는 Laravel에 의해 유지관리되며 Breeze가 제공하는 전통적인 Blade 및 Inertia 스택과 동일한 사용자 인터페이스를 포함하고 있습니다.
3 Laravel Jetstream[ | ]
Laravel Breeze는 Laravel 애플리케이션을 구축하는 데 필요한 간단하고 최소한의 출발점을 제공하지만, Jetstream은 더 강력한 기능과 추가적인 프론트엔드 기술 스택을 통해 그 기능을 확장합니다. Laravel을 처음 접하는 분들께는 Laravel Breeze로 기초를 익힌 후 Laravel Jetstream으로 나아가기를 권장합니다.
Jetstream은 Laravel을 위한 아름답게 설계된 애플리케이션 스캐폴딩을 제공하며, 로그인, 회원가입, 이메일 인증, 2단계 인증, 세션 관리, Laravel Sanctum을 통한 API 지원 및 선택적인 팀 관리 기능을 포함합니다. Jetstream은 Tailwind CSS를 사용하여 설계되었으며, Livewire 또는 Inertia를 이용한 프론트엔드 스캐폴딩 중 선택할 수 있습니다.
Laravel Jetstream 설치에 대한 완전한 문서는 공식 Jetstream 문서에서 찾을 수 있습니다.
-
{{comment.page_title}} ―{{comment.name}}