🎸 밴드 공연 티켓 판매 랜딩페이지 - 예매 폼 & 공연 정보

mkdir band-concert-ticket-landing && cd band-concert-ticket-landing

이 폴더에서 Laravel 13.x 프로젝트를 시작합니다.

Laravel 13.x 프로젝트를 생성하고 기본 설정을 완료해주세요.

1. `composer create-project laravel/laravel .` 명령으로 Laravel 최신 버전(13.x) 설치
2. `.env` 파일에서 DB 설정을 SQLite로 변경:
   - `DB_CONNECTION=sqlite`
   - `DB_DATABASE` 항목은 주석 처리하거나 삭제
3. `database/database.sqlite` 파일 생성 (빈 파일)
4. `php artisan migrate` 실행하여 기본 마이그레이션 적용
5. Tailwind CSS 설치:
   - `npm install -D tailwindcss postcss autoprefixer`
   - `npx tailwindcss init -p`
   - `tailwind.config.js`에서 `content` 경로 설정:
     ```js
     content: [
       "./resources/**/*.blade.php",
       "./resources/**/*.js",
     ],
     ```
   - `resources/css/app.css`에 Tailwind 디렉티브 추가:
     ```css
     @tailwind base;
     @tailwind components;
     @tailwind utilities;
     ```
   - `npm run dev` 실행하여 빌드
6. `resources/views/welcome.blade.php`를 간단한 "공연 티켓 판매 랜딩페이지" 헤더로 수정하여 설치 확인
7. `php artisan serve`로 서버 실행 후 http://localhost:8000 접속하여 Tailwind CSS 적용 확인

모든 설정이 완료되면 "Laravel + Tailwind CSS 설치 완료" 메시지를 출력해주세요.

공연 정보와 예매 내역을 저장할 데이터베이스 구조를 설계하고 마이그레이션을 생성해주세요.

1. `concerts` 테이블 마이그레이션 생성:
   - `php artisan make:migration create_concerts_table`
   - 컬럼: id, title(string), description(text), date(datetime), venue(string), price(integer), poster_url(string, nullable), available_tickets(integer, default 100), created_at, updated_at

2. `bookings` 테이블 마이그레이션 생성:
   - `php artisan make:migration create_bookings_table`
   - 컬럼: id, concert_id(foreignId, concerts 테이블 참조), name(string), email(string), phone(string), tickets(integer), booking_number(string, unique), created_at, updated_at
   - foreign key 제약 조건 추가: `$table->foreignId('concert_id')->constrained()->onDelete('cascade');`

3. 마이그레이션 실행: `php artisan migrate`

4. Concert 모델 생성:
   - `php artisan make:model Concert`
   - `app/Models/Concert.php`에서 `$fillable` 속성 정의: ['title', 'description', 'date', 'venue', 'price', 'poster_url', 'available_tickets']
   - `bookings` 관계 메서드 추가: `public function bookings() { return $this->hasMany(Booking::class); }`

5. Booking 모델 생성:
   - `php artisan make:model Booking`
   - `app/Models/Booking.php`에서 `$fillable` 속성 정의: ['concert_id', 'name', 'email', 'phone', 'tickets', 'booking_number']
   - `concert` 관계 메서드 추가: `public function concert() { return $this->belongsTo(Concert::class); }`

6. 시더(Seeder)로 샘플 공연 데이터 생성:
   - `php artisan make:seeder ConcertSeeder`
   - `database/seeders/ConcertSeeder.php`에서 1~2개의 샘플 공연 데이터 생성 (예: "인디 밴드 라이브 콘서트", 날짜는 미래 날짜)
   - `DatabaseSeeder.php`에서 `$this->call(ConcertSeeder::class);` 호출
   - `php artisan db:seed` 실행

완료되면 "DB 마이그레이션 및 모델 설정 완료" 메시지를 출력해주세요.

공연 상세 정보를 표시하는 랜딩페이지와 티켓 예매 폼을 구현해주세요.

1. 라우트 정의 (`routes/web.php`):
   - `GET /` → 공연 목록 페이지 (ConcertController@index)
   - `GET /concerts/{concert}` → 공연 상세 & 예매 폼 페이지 (ConcertController@show)
   - `POST /concerts/{concert}/book` → 예매 처리 (BookingController@store)
   - `GET /bookings` → 예매 목록 페이지 (BookingController@index)
   - `GET /bookings/{booking}` → 예매 확인 페이지 (BookingController@show)

2. ConcertController 생성:
   - `php artisan make:controller ConcertController`
   - `index()` 메서드: 모든 공연 목록 반환 (`Concert::all()`), `concerts.index` 뷰 렌더링
   - `show(Concert $concert)` 메서드: 특정 공연 상세 정보 반환, `concerts.show` 뷰 렌더링

3. BookingController 생성:
   - `php artisan make:controller BookingController`
   - `store(Request $request, Concert $concert)` 메서드:
     - 폼 검증: name(required), email(required|email), phone(required), tickets(required|integer|min:1)
     - 예매 번호 자동 생성 (예: 'BK' + 타임스탬프 + 랜덤 문자열)
     - Booking 레코드 생성 및 저장
     - 공연 잔여 티켓 수 감소 (`$concert->decrement('available_tickets', $request->tickets)`)
     - 예매 확인 페이지로 리다이렉트 (`redirect()->route('bookings.show', $booking)`)
   - `index()` 메서드: 모든 예매 목록 반환 (`Booking::with('concert')->latest()->get()`), `bookings.index` 뷰 렌더링
   - `show(Booking $booking)` 메서드: 예매 상세 정보 반환, `bookings.show` 뷰 렌더링

4. 뷰 파일 생성:
   - `resources/views/layouts/app.blade.php`: 기본 레이아웃 (Tailwind CSS 포함, @yield('content'))
   - `resources/views/concerts/index.blade.php`: 공연 목록 (카드 형태로 표시, 각 카드에 "상세보기" 링크)
   - `resources/views/concerts/show.blade.php`: 공연 상세 정보 + 예매 폼 (포스터 이미지, 제목, 날짜, 장소, 가격, 설명, 잔여 티켓 표시)
   - 예매 폼: name, email, phone, tickets(number input) 필드, "예매하기" 버튼
   - `resources/views/bookings/index.blade.php`: 예매 목록 (테이블 형태)
   - `resources/views/bookings/show.blade.php`: 예매 확인 페이지 (예매 번호, 공연 정보, 예매자 정보 표시)

5. Tailwind CSS로 디자인:
   - 공연 카드: 그림자, 둥근 모서리, 호버 효과
   - 예매 폼: input 스타일링, 버튼 색상 (primary), 반응형 레이아웃
   - 예매 확인 페이지: 성공 메시지 (초록색 배경), 예매 번호 강조

6. 에러 처리:
   - 폼 검증 실패 시 에러 메시지 표시 (`@error` 디렉티브)
   - 잔여 티켓 부족 시 예매 불가 메시지

완료되면 "공연 랜딩페이지 및 예매 기능 구현 완료" 메시지를 출력해주세요.