행복을 찾아서

Livewire 살펴보기이전 로그인 생성할때 사용했던 라이브와이어에 대해 좀더 자세히 살펴보겠습니다. 라라벨의 프론트앤드를 작성할때 SPA방식의 웹페이지를 구현해야될 필요가 있다면 Vue와 React도 좋은 선택이지만Laravel에서는 Livewire라는 선택지도 존재합니다.서버와 프론트앤드에서 모두 PHP문법을 적극적으로 사용할수있는 장점이 있습니다. Full-Page Component일반적으로 라이브와이어 사용방법을 찾아보면 inline component 로 구현한 예제를 많이 볼수있습니다. (like Jetstream)하지만 우리는 로그인을 구현할때 full-page component 로 구현했고 그 주된 이유는 SPA 패러다임에 입각하여 만들기 위해서 입니다.Blade와 Livewire를 SPA로..

로그인 사전준비로그인 추가하기라라벨에서는 로그인을 만드는 방법으로 스타터킷(Breeze, Jetstream) 을 사용하는것을 추천합니다그러나 디자인적인 부분이나 기능을 커스터마이징하는 경우 스타터킷의 틀에 맞춰서 변경해야되는 경우가 발생하기에 직접 구현하는 쪽으로 진행하겠습니다.Laravel Breeze : tailwind 스타일을 적용한 간단한 인증구현Laravel Jetstream : Livewire와 Inertia 를 지원하는 강력한 인증구현 Fortify포터파이에서 회원가입, 유저정보변경, 비밀번호변경 등의 기본적인 인증 백앤드를 구현해놓았기에우리는 편하게 인증서비스를 만들수 있습니다, 물론 만들어진 기능을 다 쓸필요는 없습니다.composer require laravel/fortifyphp a..

in btn out btn div class 변화 show kkk clk hihi hideonbush

라라벨을 설치하고 실행한다 composer create-project laravel/laravel:^11.0 example-app php artisan serve npm install npm run dev 라이브와이어를 설치한다 composer require livewire/livewire 이제 준비가 끝났다. 1. 간단한 액션만들기 라이브와이어 오브젝트를 생성하는 artisan 명령어를 입력한다 Counter.php 와 counter.blade.php 가 생성된다 php artisan make:livewire counter Counter.php class Counter extends Component { public $count = 1; public function increment($addValue)..

프로젝트 생성하기composer create-project laravel/laravel:^11.0 example-appcd example-app 프로젝트에 사용할 데이터베이스는 docker 로 mysql 컨테이너를 만들어 활용하겠습니다docker run --name mysql-container -e MYSQL_ROOT_PASSWORD=rootroot -d -p 3306:3306 mysql:latest .env 파일에서 새로생성한 데이터베이스와 연결해줍니다.DB_CONNECTION=mysqlDB_HOST=127.0.0.1DB_PORT=3306DB_DATABASE=laravelDB_USERNAME=rootDB_PASSWORD=rootroot DB마이그레이션까지 완료합니다php a..