mkdir online-art-exhibition-platform && cd online-art-exhibition-platform

이 폴더에서 Laravel 13.x + Inertia.js + React 19 프로젝트를 시작합니다.

`npx create laravel` 명령으로 Laravel 13.x 프로젝트를 생성하고, Laravel Breeze의 React + Inertia.js starter kit을 설치해주세요.

설치 후 다음 작업을 수행해주세요:
1. SQLite 데이터베이스 설정 (.env 파일에서 DB_CONNECTION=sqlite 설정, database/database.sqlite 파일 생성)
2. Tailwind CSS 설정 확인 (Breeze가 자동으로 설정)
3. `php artisan migrate` 실행하여 기본 테이블 생성
4. `npm install && npm run dev` 실행하여 프론트엔드 빌드 시작
5. `php artisan serve` 실행하여 개발 서버 시작

프로젝트 구조가 올바르게 설정되었는지 확인해주세요.

작품(Artwork) 모델과 데이터베이스 마이그레이션을 생성해주세요.

`php artisan make:model Artwork -m` 명령으로 모델과 마이그레이션 파일을 생성하고, 마이그레이션 파일에 다음 컬럼을 추가해주세요:

- id (자동 생성)
- title (string, 작품 제목)
- artist_name (string, 작가명)
- category (string, 카테고리: painting/sculpture/photography/digital)
- description (text, 작품 설명)
- size (string, 작품 크기, 예: 50x70cm)
- material (string, 재료, 예: Oil on canvas)
- price (decimal, 가격)
- image_path (string, 이미지 경로)
- is_sold (boolean, 판매 여부, 기본값 false)
- created_at, updated_at (타임스탬프)

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

그리고 Artwork 모델에 $fillable 속성을 추가하여 대량 할당 가능하도록 설정해주세요.

시더(Seeder)를 생성하여 샘플 작품 데이터를 추가해주세요.

`php artisan make:seeder ArtworkSeeder` 명령으로 시더를 생성하고, 최소 12개 이상의 샘플 작품을 추가해주세요. 카테고리는 painting, sculpture, photography, digital을 골고루 섞어주세요.

샘플 데이터 예시:
- 제목: "Sunset over the Ocean"
- 작가명: "Jane Doe"
- 카테고리: painting
- 설명: "A vibrant sunset painting capturing the beauty of nature."
- 크기: "60x80cm"
- 재료: "Oil on canvas"
- 가격: 350000 (원 단위)
- 이미지 경로: "artworks/sample1.jpg" (실제 이미지는 나중에 업로드)
- 판매 여부: false

DatabaseSeeder.php에서 ArtworkSeeder를 호출하도록 설정하고, `php artisan db:seed` 명령으로 데이터를 삽입해주세요.

이미지는 public/storage/artworks 폴더에 샘플 이미지(placeholder)를 넣거나, https://picsum.photos 같은 무료 이미지 서비스를 활용해주세요.

작품 갤러리 페이지를 구현해주세요.

1. **라우트 설정**: routes/web.php에 갤러리 메인 페이지 라우트 추가
   - GET '/' → ArtworkController@index

2. **컨트롤러 생성**: `php artisan make:controller ArtworkController`
   - index() 메서드에서 Artwork::all()로 모든 작품을 가져와 Inertia::render('Gallery/Index', ['artworks' => $artworks])로 전달

3. **React 컴포넌트 생성**: resources/js/Pages/Gallery/Index.jsx
   - props로 artworks 받기
   - 그리드 레이아웃(grid-cols-1 md:grid-cols-3 lg:grid-cols-4)으로 작품 카드 표시
   - 각 카드에 이미지, 제목, 작가명, 가격 표시
   - Tailwind CSS로 세련된 카드 디자인 (hover 효과, 그림자 등)
   - 카드 클릭 시 작품 상세 페이지로 이동 (Inertia Link 사용)

4. **레이아웃**: AuthenticatedLayout 대신 GuestLayout 또는 커스텀 레이아웃 사용 (갤러리는 누구나 볼 수 있도록)

이미지 표시는 `/storage/artworks/{image_path}` 경로를 사용하고, `php artisan storage:link` 명령으로 심볼릭 링크를 생성해주세요.

카테고리 필터링 기능을 추가해주세요.

1. **Gallery/Index.jsx 수정**:
   - 상단에 카테고리 버튼 추가 (All, Painting, Sculpture, Photography, Digital)
   - useState로 selectedCategory 상태 관리
   - 버튼 클릭 시 selectedCategory 업데이트
   - artworks를 필터링하여 선택된 카테고리만 표시 (All이면 전체 표시)
   - 선택된 버튼은 다른 색상으로 강조 (Tailwind의 bg-blue-500 등)

2. **검색 기능 추가**:
   - 입력 필드 추가 (작품명 또는 작가명 검색)
   - useState로 searchQuery 상태 관리
   - artworks를 필터링하여 검색어와 매칭되는 작품만 표시
   - 카테고리 필터와 검색 필터를 동시에 적용

3. **UI 개선**:
   - 필터/검색 섹션을 상단에 고정하거나 sticky로 설정
   - 필터 결과가 없을 때 "No artworks found" 메시지 표시
   - 애니메이션 효과 추가 (카드 fade-in 등)

Tailwind CSS의 transition과 transform을 활용하여 부드러운 UX를 구현해주세요.

작품 상세 페이지를 구현해주세요.

1. **라우트 추가**: routes/web.php
   - GET '/artworks/{id}' → ArtworkController@show

2. **컨트롤러 메서드**: ArtworkController@show
   - Artwork::findOrFail($id)로 작품 조회
   - Inertia::render('Gallery/Show', ['artwork' => $artwork])로 전달

3. **React 컴포넌트**: resources/js/Pages/Gallery/Show.jsx
   - 큰 작품 이미지 표시 (이미지 클릭 시 모달로 확대 - 선택 사항)
   - 작품 정보 표시: 제목, 작가명, 카테고리, 설명, 크기, 재료, 가격
   - 판매 여부 배지 (Available / Sold Out)
   - "구매 문의" 버튼 (클릭 시 문의 폼으로 스크롤)
   - 좋아요 버튼 (하트 아이콘, 로컬 스토리지에 저장)
   - 뒤로 가기 버튼 (갤러리로 돌아가기)

4. **레이아웃**: 2컬럼 레이아웃 (왼쪽: 이미지, 오른쪽: 정보)
   - 모바일에서는 1컬럼으로 전환
   - Tailwind CSS로 깔끔한 디자인

좋아요 기능은 로컬 스토리지를 활용하여 클라이언트 측에서만 처리합니다 (백엔드 저장 선택 사항).

구매 문의 폼을 구현해주세요.

1. **문의 모델 생성**: `php artisan make:model Inquiry -m`
   - 마이그레이션 컬럼: id, artwork_id, name, email, message, created_at, updated_at
   - Artwork와 관계 설정 (belongsTo)
   - 마이그레이션 실행

2. **Gallery/Show.jsx에 문의 폼 추가**:
   - 작품 정보 아래에 문의 폼 섹션 추가
   - 입력 필드: 이름, 이메일, 메시지
   - useForm (Inertia.js의 form helper) 사용하여 폼 상태 관리
   - 제출 버튼 클릭 시 POST /artworks/{id}/inquiries로 전송
   - 폼 제출 후 성공 메시지 표시 (Inertia flash message 활용)

3. **라우트 추가**: routes/web.php
   - POST '/artworks/{id}/inquiries' → ArtworkController@storeInquiry

4. **컨트롤러 메서드**: ArtworkController@storeInquiry
   - Request validation (name, email, message 필수)
   - Inquiry::create()로 데이터 저장
   - redirect()->back()->with('success', '문의가 전송되었습니다.')

5. **이메일 알림 (선택 사항)**:
   - `php artisan make:mail InquiryReceived --markdown=emails.inquiry`
   - 문의 저장 후 Mail::to('gallery@example.com')->send(new InquiryReceived($inquiry))
   - .env에 메일 설정 (개발 시 mailtrap 또는 log 드라이버 사용)

폼 디자인은 Tailwind CSS로 깔끔하게 만들고, 유효성 검사 에러 메시지도 표시해주세요.

갤러리 UI/UX를 개선하고 마무리 작업을 해주세요.

1. **네비게이션 바 추가**:
   - 상단에 로고/사이트명과 "Gallery", "About" 링크 추가
   - 모바일에서는 햄버거 메뉴로 전환

2. **정렬 기능 추가** (Gallery/Index.jsx):
   - 드롭다운 메뉴로 정렬 옵션 제공 (최신순, 가격 낮은순, 가격 높은순)
   - useState로 sortBy 상태 관리
   - artworks 배열을 정렬하여 표시

3. **페이지네이션 또는 무한 스크롤**:
   - Laravel의 paginate() 사용하여 작품 목록 페이지네이션
   - Inertia.js의 Link 컴포넌트로 페이지 이동
   - 또는 React Infinite Scroll 라이브러리 활용

4. **로딩 상태 표시**:
   - Inertia.js의 progress indicator 활용
   - 작품 카드 로딩 시 스켈레톤 UI 표시

5. **이미지 최적화**:
   - Lazy loading 적용 (loading="lazy" 속성)
   - 이미지 비율 유지 (aspect-ratio 설정)

6. **접근성 개선**:
   - alt 텍스트 추가
   - 키보드 네비게이션 지원
   - ARIA 라벨 추가

7. **반응형 테스트**:
   - 모바일, 태블릿, 데스크톱에서 레이아웃 확인
   - Chrome DevTools로 다양한 화면 크기 테스트

8. **README 작성**:
   - 프로젝트 설명, 설치 방법, 실행 방법 작성
   - 스크린샷 추가

모든 기능이 정상 작동하는지 최종 테스트를 진행해주세요.