🎬 시네마 무비로그 - 영화 감상 기록 & 별점 다이어리

mkdir cinema-movie-diary-laravel && cd cinema-movie-diary-laravel

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

# 프로젝트 초기 설정

다음 요구사항으로 Laravel 프로젝트를 생성해주세요:

1. Laravel 13.x 최신 버전으로 프로젝트 생성
2. SQLite 데이터베이스 설정 (database/database.sqlite 파일 생성)
3. Tailwind CSS 설치 및 설정 (Vite 사용)
4. .env 파일에서 DB_CONNECTION을 sqlite로 변경
5. 기본 인증 스캐폴딩 제거 (이 프로젝트는 인증 불필요)

프로젝트 구조가 완성되면 `php artisan serve`로 서버를 실행했을 때 Laravel 웰컴 페이지가 표시되어야 합니다.

또한 Tailwind CSS가 제대로 작동하는지 확인하기 위해 간단한 테스트 스타일을 적용해주세요.

# 데이터베이스 마이그레이션 생성

영화 정보를 저장할 `movies` 테이블을 생성해주세요.

## 테이블 구조

- id: 자동 증가 기본키
- title: 영화 제목 (string, 필수)
- director: 감독 이름 (string, 필수)
- genre: 장르 (string, 필수)
- watched_at: 관람일 (date, 필수)
- rating: 별점 (integer, 1~5, 필수)
- review: 한 줄 평 (text, 선택, 최대 200자)
- poster_url: 포스터 이미지 URL (string, 선택, nullable)
- is_favorite: 즐겨찾기 여부 (boolean, 기본값 false)
- timestamps: created_at, updated_at

마이그레이션 파일을 생성하고 실행해주세요.

또한 Movie 모델도 함께 생성하고, $fillable 속성을 설정해주세요.

# 메인 레이아웃 및 네비게이션 생성

`resources/views/layouts/app.blade.php` 레이아웃 파일을 만들어주세요.

## 레이아웃 요구사항

- Tailwind CSS 스타일 적용
- 상단 네비게이션 바:
  - 로고/제목: "🎬 시네마 무비로그"
  - 메뉴: 홈, 영화 추가, 전체 영화
  - 반응형 디자인 (모바일에서는 햄버거 메뉴)
- 메인 콘텐츠 영역 (@yield('content'))
- 푸터: 저작권 정보
- 다크 그레이/블루 계열 색상 테마
- 부드러운 그림자 효과

또한 홈페이지 라우트(/)와 컨트롤러를 생성하고, 간단한 웰컴 페이지를 만들어주세요. 웰컴 페이지에는:
- 큰 제목과 설명
- "영화 추가하기" CTA 버튼
- 최근 추가된 영화 3개 미리보기 (아직 데이터 없으면 "아직 등록된 영화가 없습니다" 메시지)

# 영화 등록 폼 구현

영화를 추가할 수 있는 페이지를 만들어주세요.

## 라우트

- GET /movies/create: 등록 폼 표시
- POST /movies: 영화 저장

## 폼 필드

1. 제목 (text input, 필수)
2. 감독 (text input, 필수)
3. 장르 (select dropdown, 필수)
   - 옵션: 액션, 드라마, SF, 코미디, 로맨스, 스릴러, 호러, 애니메이션, 다큐멘터리, 기타
4. 관람일 (date input, 필수, max=오늘)
5. 별점 (별 아이콘 5개를 클릭하여 선택, 1~5)
6. 한 줄 평 (textarea, 선택, 최대 200자)
7. 포스터 URL (text input, 선택, placeholder="이미지 URL 입력")

## 유효성 검사

- 제목, 감독, 장르, 관람일, 별점은 필수
- 별점은 1~5 사이 정수
- 한 줄 평은 최대 200자
- 관람일은 오늘 이전 날짜만 가능
- 에러 메시지는 각 필드 아래에 빨간색으로 표시

## 디자인

- 카드 형태의 폼 (중앙 정렬, 최대 너비 600px)
- 별점 선택 UI는 인터랙티브하게 (호버 시 색상 변경)
- 제출 버튼: "영화 추가하기" (파란색 배경)
- 취소 버튼: "목록으로" (회색 배경)

MovieController를 생성하고 create, store 메서드를 구현해주세요.

# 영화 목록 페이지 구현

등록된 모든 영화를 표시하는 목록 페이지를 만들어주세요.

## 라우트

- GET /movies: 전체 영화 목록

## 기능

1. 영화 카드 그리드 레이아웃 (반응형: 모바일 1열, 태블릿 2열, 데스크톱 3열)
2. 각 카드에 표시할 정보:
   - 포스터 이미지 (없으면 기본 영화 아이콘)
   - 제목 (볼드체)
   - 감독
   - 장르 배지 (색상으로 구분)
   - 별점 (별 아이콘으로 시각화)
   - 관람일
   - 한 줄 평 (최대 2줄, 넘으면 "...")
3. 상단에 필터 버튼:
   - 전체, 액션, 드라마, SF, 코미디, 로맨스 등
   - 선택된 장르만 표시
4. 정렬 옵션:
   - 최신순 (기본값)
   - 별점 높은순
   - 제목 가나다순
5. 카드 호버 시 살짝 확대 애니메이션
6. 각 카드 클릭 시 상세 페이지로 이동

## 빈 상태

- 등록된 영화가 없을 때: "아직 등록된 영화가 없습니다. 첫 영화를 추가해보세요!" 메시지와 "영화 추가하기" 버튼

MovieController의 index 메서드를 구현해주세요.

# 영화 상세 페이지 및 수정/삭제 기능

개별 영화의 상세 정보를 보고 수정/삭제할 수 있는 페이지를 만들어주세요.

## 라우트

- GET /movies/{id}: 상세 페이지
- GET /movies/{id}/edit: 수정 폼
- PUT /movies/{id}: 영화 정보 업데이트
- DELETE /movies/{id}: 영화 삭제

## 상세 페이지 구성

- 왼쪽: 포스터 이미지 (크게)
- 오른쪽:
  - 제목 (큰 폰트)
  - 감독
  - 장르 배지
  - 별점 (별 아이콘 + 숫자)
  - 관람일
  - 한 줄 평 (전체 텍스트)
- 하단 액션 버튼:
  - 수정하기 (노란색)
  - 삭제하기 (빨간색, 확인 다이얼로그)
  - 목록으로 (회색)

## 수정 폼

- 등록 폼과 동일한 구조
- 기존 데이터가 미리 채워져 있음
- "수정 완료" 버튼

## 삭제 기능

- 삭제 버튼 클릭 시 JavaScript 확인 다이얼로그
- "정말로 이 영화를 삭제하시겠습니까?" 메시지
- 확인 시 DELETE 요청 전송 (form method spoofing 사용)
- 삭제 후 목록 페이지로 리다이렉트 + 성공 메시지

MovieController의 show, edit, update, destroy 메서드를 구현해주세요.

## 추가 요구사항

- 존재하지 않는 영화 ID 접근 시 404 페이지 표시
- 수정/삭제 성공 시 flash 메시지 표시 (초록색 알림)
- 모든 페이지에서 뒤로가기 네비게이션 제공