☕ 커피숍 시그니처 메뉴 소개 페이지 - 포토 갤러리 & 가격표

mkdir cafe-signature-menu-showcase && cd cafe-signature-menu-showcase

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

# 프로젝트 초기 설정

1. Laravel 13.x 프로젝트를 생성하세요.
2. SQLite 데이터베이스를 사용하도록 .env 파일을 설정하세요.
   - DB_CONNECTION=sqlite
   - database/database.sqlite 파일 생성
3. Tailwind CSS를 설치하고 설정하세요.
   - npm install -D tailwindcss postcss autoprefixer
   - npx tailwindcss init -p
   - tailwind.config.js에서 content 경로 설정
   - resources/css/app.css에 Tailwind 디렉티브 추가
4. Alpine.js를 CDN으로 추가하세요 (resources/views/layouts/app.blade.php의 head에 추가).

프로젝트 구조가 정상적으로 생성되고, `php artisan serve` 명령으로 서버가 실행되는지 확인하세요.

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

메뉴 정보를 저장할 데이터베이스 테이블을 만들어주세요.

1. Menu 모델과 마이그레이션을 생성하세요.
   - `php artisan make:model Menu -m`
2. 마이그레이션 파일에 다음 컬럼을 추가하세요:
   - name (string): 메뉴 이름
   - category (string): 카테고리 (coffee, non-coffee, dessert, seasonal)
   - price (integer): 가격 (원)
   - description (text): 메뉴 설명
   - image_path (string, nullable): 이미지 경로
   - is_popular (boolean, default false): 인기 메뉴 여부
   - allergens (string, nullable): 알레르기 정보
   - timestamps
3. 마이그레이션을 실행하세요 (`php artisan migrate`).
4. Menu 모델에 $fillable 속성을 추가하세요 (mass assignment 허용).

데이터베이스 테이블이 정상적으로 생성되었는지 확인하세요.

# 시더(Seeder)로 샘플 데이터 생성

실제 메뉴 데이터를 데이터베이스에 추가해주세요.

1. MenuSeeder를 생성하세요 (`php artisan make:seeder MenuSeeder`).
2. MenuSeeder에 최소 8개 이상의 샘플 메뉴 데이터를 추가하세요:
   - 커피 메뉴 3개 (예: 아메리카노, 카페라떼, 바닐라라떼)
   - 논커피 메뉴 2개 (예: 딸기라떼, 녹차라떼)
   - 디저트 2개 (예: 티라미수, 마카롱)
   - 시즌 메뉴 1개 (예: 벚꽃라떼)
3. 일부 메뉴는 is_popular를 true로 설정하세요.
4. DatabaseSeeder에서 MenuSeeder를 호출하도록 설정하세요.
5. 시더를 실행하세요 (`php artisan db:seed`).

샘플 데이터가 정상적으로 데이터베이스에 저장되었는지 확인하세요.

# 메뉴 목록 페이지 구현 (프론트엔드)

고객이 볼 수 있는 메뉴 소개 페이지를 만들어주세요.

1. MenuController를 생성하세요 (`php artisan make:controller MenuController`).
2. MenuController에 index 메서드를 만들고, 모든 메뉴를 가져와 뷰에 전달하세요.
3. routes/web.php에 라우트를 추가하세요:
   - GET / → MenuController@index
4. resources/views/layouts/app.blade.php 레이아웃 파일을 생성하세요:
   - HTML 기본 구조
   - Tailwind CSS 및 Alpine.js CDN 링크
   - 헤더(카페 이름, 로고)
   - @yield('content') 섹션
   - 푸터(영업시간, 주소, 연락처)
5. resources/views/menus/index.blade.php를 생성하세요:
   - 카테고리별 탭 (coffee, non-coffee, dessert, seasonal)
   - Alpine.js로 탭 전환 기능 구현
   - 각 카테고리별로 메뉴를 그리드 레이아웃(grid-cols-1 md:grid-cols-2 lg:grid-cols-3)으로 표시
   - 메뉴 카드 디자인:
     * 이미지 (없으면 플레이스홀더)
     * 메뉴 이름
     * 가격 (원)
     * 설명
     * 인기 메뉴 배지 (is_popular가 true일 때)
     * 알레르기 정보 (있을 경우)
   - 호버 효과: 카드에 마우스를 올리면 살짝 확대되는 애니메이션

Tailwind CSS로 아름답고 현대적인 디자인을 적용하세요. 반응형 디자인을 꼭 고려하세요.

# 관리자 페이지 - 메뉴 관리 (CRUD)

카페 운영자가 메뉴를 추가/수정/삭제할 수 있는 관리자 페이지를 만들어주세요.

1. routes/web.php에 관리자 라우트를 추가하세요:
   - GET /admin/menus → MenuController@adminIndex (메뉴 목록)
   - GET /admin/menus/create → MenuController@create (메뉴 추가 폼)
   - POST /admin/menus → MenuController@store (메뉴 저장)
   - GET /admin/menus/{id}/edit → MenuController@edit (메뉴 수정 폼)
   - PUT /admin/menus/{id} → MenuController@update (메뉴 업데이트)
   - DELETE /admin/menus/{id} → MenuController@destroy (메뉴 삭제)
2. MenuController에 위 메서드들을 구현하세요:
   - adminIndex: 모든 메뉴를 테이블 형태로 표시
   - create: 메뉴 추가 폼 표시
   - store: 폼 데이터를 검증하고 저장 (이미지 업로드 포함)
   - edit: 기존 메뉴 정보를 폼에 채워서 표시
   - update: 메뉴 정보 업데이트
   - destroy: 메뉴 삭제
3. resources/views/admin/menus/index.blade.php 생성:
   - 메뉴 목록을 테이블로 표시
   - 각 행에 수정/삭제 버튼 추가
   - 상단에 "새 메뉴 추가" 버튼
4. resources/views/admin/menus/form.blade.php 생성 (추가/수정 공통 폼):
   - 메뉴 이름 입력
   - 카테고리 선택 (셀렉트 박스)
   - 가격 입력
   - 설명 입력 (textarea)
   - 이미지 업로드
   - 인기 메뉴 체크박스
   - 알레르기 정보 입력
   - 저장 버튼
5. 이미지 업로드 처리:
   - public/storage 심볼릭 링크 생성 (`php artisan storage:link`)
   - 업로드된 이미지를 storage/app/public/menus에 저장
   - image_path에 저장 경로 기록

관리자 페이지가 정상적으로 작동하는지 확인하세요. 메뉴를 추가/수정/삭제할 수 있어야 합니다.