🎸 로컬 공연장 월간 공연 달력 - 날짜별 티켓 정보 & 아티스트 소개

mkdir venue-monthly-concert-calendar && cd venue-monthly-concert-calendar

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

다음 작업을 수행해주세요:

1. Laravel 13.x 프로젝트 생성 (composer create-project laravel/laravel . 명령 사용)
2. .env 파일에서 DB_CONNECTION을 sqlite로 변경하고, database/database.sqlite 파일 생성
3. Tailwind CSS 설치 및 설정 (npm install -D tailwindcss postcss autoprefixer && npx tailwindcss init -p)
4. tailwind.config.js에서 content 경로 설정: './resources/**/*.blade.php', './resources/**/*.js'
5. resources/css/app.css에 Tailwind 지시문 추가 (@tailwind base; @tailwind components; @tailwind utilities;)
6. Alpine.js CDN 추가 (resources/views/layouts/app.blade.php 생성 후 <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script> 추가)
7. npm run dev 실행하여 에셋 빌드

프로젝트 구조가 정상적으로 생성되었는지 확인하고, 기본 레이아웃 파일(app.blade.php)을 만들어주세요. 레이아웃에는 네비게이션 바(공연 달력, 공연 등록, 공연 목록 링크)와 Tailwind CSS가 적용되어야 합니다.

공연(Concert) 모델과 마이그레이션을 생성하고, 데이터베이스 테이블을 설계해주세요.

다음 작업을 수행해주세요:

1. Concert 모델 생성 (php artisan make:model Concert -m 명령 사용)
2. 마이그레이션 파일에서 concerts 테이블 스키마 정의:
   - id (자동 생성)
   - name (공연명, string)
   - artist (아티스트명, string)
   - date (공연 날짜, date)
   - time (공연 시간, time)
   - genre (장르, string, nullable)
   - ticket_price (티켓 가격, integer, nullable)
   - booking_link (예매 링크, string, nullable)
   - description (공연 설명, text, nullable)
   - timestamps (자동 생성)
3. php artisan migrate 실행하여 테이블 생성
4. Concert 모델에 $fillable 속성 추가 (대량 할당 가능 필드 지정)

마이그레이션이 성공적으로 실행되고, Concert 모델이 준비되었는지 확인해주세요.

공연 등록 페이지를 만들어주세요. 사용자가 공연 정보를 입력하고 데이터베이스에 저장할 수 있어야 합니다.

다음 작업을 수행해주세요:

1. ConcertController 생성 (php artisan make:controller ConcertController)
2. routes/web.php에 라우트 추가:
   - GET /concerts/create -> ConcertController@create (공연 등록 폼 표시)
   - POST /concerts -> ConcertController@store (공연 저장)
3. ConcertController의 create 메서드: resources/views/concerts/create.blade.php 뷰 반환
4. create.blade.php 작성:
   - 공연명, 아티스트명, 날짜, 시간, 장르, 티켓 가격, 예매 링크, 설명 입력 필드
   - Tailwind CSS로 깔끔한 폼 디자인 (카드 형태, 입력 필드 스타일링)
   - CSRF 토큰 포함 (@csrf)
   - 유효성 검사 에러 메시지 표시 (@error 디렉티브 활용)
5. ConcertController의 store 메서드:
   - 입력값 유효성 검사 (name, artist, date 필수)
   - Concert::create()로 데이터 저장
   - 저장 후 달력 페이지로 리다이렉트 (성공 메시지 포함)

공연 등록 폼이 정상적으로 표시되고, 데이터가 데이터베이스에 저장되는지 확인해주세요.

월간 달력 페이지를 만들어주세요. 현재 월의 날짜를 그리드 형태로 표시하고, 공연이 있는 날짜는 시각적으로 강조해주세요.

다음 작업을 수행해주세요:

1. routes/web.php에 라우트 추가:
   - GET / -> ConcertController@calendar (달력 페이지)
2. ConcertController의 calendar 메서드:
   - Carbon 라이브러리로 현재 월의 시작일/종료일 계산
   - 해당 월의 모든 공연을 Concert::whereBetween('date', [시작일, 종료일])->get()으로 조회
   - 날짜별로 공연을 그룹화하여 뷰에 전달
3. resources/views/concerts/calendar.blade.php 작성:
   - 상단에 현재 월 표시 (예: "2025년 1월")
   - 이전/다음 달 이동 버튼 (아직 기능 없음, 다음 단계에서 구현)
   - 요일 헤더 (일~토)
   - 날짜 그리드 (7x5 또는 7x6 테이블)
   - 공연이 있는 날짜는 배경색 변경 (예: bg-blue-100) 및 공연 개수 표시
   - Tailwind CSS로 반응형 그리드 디자인
4. 각 날짜 셀에 날짜 번호와 해당 날짜의 공연 개수를 표시

달력이 정상적으로 표시되고, 공연이 등록된 날짜가 시각적으로 구분되는지 확인해주세요.

달력에서 날짜를 클릭하면 해당 날짜의 공연 정보를 모달 창으로 표시하는 기능을 추가해주세요.

다음 작업을 수행해주세요:

1. calendar.blade.php 수정:
   - Alpine.js를 활용하여 모달 상태 관리 (x-data="{ open: false, selectedDate: null, concerts: [] }")
   - 각 날짜 셀에 @click 이벤트 추가: 클릭 시 해당 날짜의 공연 정보를 모달에 표시
   - 모달 컴포넌트 추가 (x-show="open"로 표시/숨김 제어)
   - 모달 내용:
     - 선택된 날짜 표시 (예: "2025년 1월 15일 공연")
     - 해당 날짜의 공연 목록 (공연명, 아티스트, 시간, 장르, 티켓 가격, 예매 링크)
     - 공연이 없는 경우 "이 날은 공연이 없습니다" 메시지 표시
     - 닫기 버튼 (@click="open = false")
2. Tailwind CSS로 모달 스타일링:
   - 반투명 배경 (bg-black bg-opacity-50)
   - 중앙 정렬 모달 카드 (bg-white rounded-lg shadow-xl)
   - 공연 정보 카드 디자인 (각 공연을 카드 형태로 표시)
3. JavaScript로 날짜 클릭 시 해당 날짜의 공연 데이터를 모달에 전달
   - Blade에서 @json()으로 공연 데이터를 JavaScript 객체로 변환

날짜를 클릭하면 모달이 열리고, 해당 날짜의 공연 정보가 표시되는지 확인해주세요. 모달 외부를 클릭하면 닫히도록 구현해주세요.

공연 목록 페이지를 만들고, 공연 수정/삭제 기능을 추가해주세요.

다음 작업을 수행해주세요:

1. routes/web.php에 라우트 추가:
   - GET /concerts -> ConcertController@index (공연 목록)
   - GET /concerts/{id}/edit -> ConcertController@edit (공연 수정 폼)
   - PUT /concerts/{id} -> ConcertController@update (공연 업데이트)
   - DELETE /concerts/{id} -> ConcertController@destroy (공연 삭제)
2. ConcertController의 index 메서드:
   - 모든 공연을 날짜 순으로 조회 (Concert::orderBy('date', 'asc')->get())
   - resources/views/concerts/index.blade.php 뷰 반환
3. index.blade.php 작성:
   - 공연 목록을 테이블 또는 카드 형태로 표시
   - 각 공연에 수정/삭제 버튼 추가
   - Tailwind CSS로 스타일링
4. edit.blade.php 작성 (create.blade.php와 유사하지만 기존 데이터 표시)
   - @method('PUT') 포함
5. ConcertController의 update 메서드:
   - 입력값 유효성 검사
   - Concert::find($id)->update()로 데이터 업데이트
   - 목록 페이지로 리다이렉트
6. ConcertController의 destroy 메서드:
   - Concert::find($id)->delete()로 데이터 삭제
   - 목록 페이지로 리다이렉트
7. 삭제 버튼에 확인 알림 추가 (JavaScript confirm() 또는 Alpine.js 활용)

공연 목록 페이지가 정상적으로 표시되고, 수정/삭제 기능이 작동하는지 확인해주세요.