🎨 아티스트 전시 작품 소개 페이지 - 갤러리 모드 with 상세 설명

mkdir artist-exhibition-showcase && cd artist-exhibition-showcase

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

**목표**: Laravel 13.x 프로젝트를 생성하고 기본 설정을 완료합니다.

**요구사항**:
1. `composer create-project laravel/laravel .` 명령으로 Laravel 최신 버전 설치
2. `.env` 파일에서 데이터베이스를 SQLite로 설정:
   - `DB_CONNECTION=sqlite`
   - `DB_DATABASE` 경로를 `database/database.sqlite`로 설정
3. `database/database.sqlite` 파일 생성 (빈 파일)
4. `php artisan storage:link` 실행하여 public 스토리지 심볼릭 링크 생성
5. Tailwind CSS 설치 및 설정:
   - `npm install -D tailwindcss postcss autoprefixer`
   - `npx tailwindcss init -p`
   - `tailwind.config.js`에서 content 경로 설정: `content: ['./resources/**/*.blade.php', './resources/**/*.js']`
   - `resources/css/app.css`에 Tailwind 디렉티브 추가
6. `npm install && npm run dev` 실행하여 Vite 빌드 확인
7. 기본 라우트 설정: `routes/web.php`에 홈 라우트 생성
8. 간단한 환영 페이지 Blade 템플릿 작성 (`resources/views/welcome.blade.php`)

**확인사항**:
- Laravel 프로젝트가 정상적으로 생성되었는지
- SQLite 데이터베이스 파일이 존재하는지
- Tailwind CSS가 정상 작동하는지
- `php artisan serve`로 개발 서버 실행 후 브라우저에서 접속 가능한지

**목표**: 작품(Artwork) 모델, 마이그레이션, 컨트롤러를 생성하고 데이터베이스 테이블을 구성합니다.

**요구사항**:
1. `php artisan make:model Artwork -mcr` 명령으로 모델, 마이그레이션, 컨트롤러(리소스) 동시 생성
2. 마이그레이션 파일 수정 (`database/migrations/xxxx_create_artworks_table.php`):
   - `title` (string, 작품 제목)
   - `artist_name` (string, 작가명)
   - `year` (integer, 제작 연도)
   - `description` (text, 작품 설명)
   - `image_path` (string, 이미지 저장 경로)
   - `timestamps` (created_at, updated_at)
3. `php artisan migrate` 실행하여 테이블 생성
4. `Artwork` 모델에 fillable 속성 설정:
   ```php
   protected $fillable = ['title', 'artist_name', 'year', 'description', 'image_path'];
   ```
5. `ArtworkController`에 기본 CRUD 메서드 구조 작성 (index, create, store, show, edit, update, destroy)
6. `routes/web.php`에 리소스 라우트 등록:
   ```php
   Route::resource('artworks', ArtworkController::class);
   ```

**확인사항**:
- `artworks` 테이블이 SQLite 데이터베이스에 생성되었는지
- 라우트가 정상적으로 등록되었는지 (`php artisan route:list`로 확인)
- 컨트롤러 메서드가 준비되었는지

**목표**: 작품 등록 폼 페이지를 만들고, 이미지 업로드 기능을 구현합니다.

**요구사항**:
1. `resources/views/artworks/create.blade.php` 파일 생성
2. Blade 레이아웃 구성:
   - Tailwind CSS로 스타일링된 폼 작성
   - 입력 필드: 제목, 작가명, 제작 연도, 작품 설명 (textarea), 이미지 파일 업로드
   - CSRF 토큰 포함 (`@csrf`)
   - `enctype="multipart/form-data"` 속성 추가 (파일 업로드용)
   - 제출 버튼 및 취소 버튼 (목록으로 돌아가기 링크)
3. `ArtworkController@create` 메서드에서 `create.blade.php` 뷰 반환
4. `ArtworkController@store` 메서드 구현:
   - 폼 데이터 유효성 검증 (validate):
     - title: required, max:255
     - artist_name: required, max:255
     - year: required, integer, min:1000, max:현재 연도
     - description: required
     - image: required, image, mimes:jpeg,png,jpg,gif, max:2048
   - 이미지 파일 저장: `$request->file('image')->store('artworks', 'public')`
   - Artwork 모델에 데이터 저장
   - 저장 후 작품 목록 페이지로 리다이렉트 (`return redirect()->route('artworks.index')->with('success', '작품이 등록되었습니다.');`)
5. 에러 메시지 표시: `@error` Blade 디렉티브 사용

**확인사항**:
- `/artworks/create` 경로로 접속하여 폼이 표시되는지
- 폼 제출 시 유효성 검증이 작동하는지
- 이미지가 `storage/app/public/artworks` 폴더에 저장되는지
- 데이터베이스에 작품 정보가 저장되는지

**목표**: 작품 목록 페이지를 그리드 레이아웃으로 구성하고, 작품 썸네일을 표시합니다.

**요구사항**:
1. `resources/views/artworks/index.blade.php` 파일 생성
2. `ArtworkController@index` 메서드에서 모든 작품 조회:
   ```php
   $artworks = Artwork::latest()->get();
   return view('artworks.index', compact('artworks'));
   ```
3. Blade 템플릿 구성:
   - 페이지 제목 및 "새 작품 등록" 버튼 (링크: `/artworks/create`)
   - 성공 메시지 표시 (`@if(session('success'))` 사용)
   - Tailwind CSS 그리드 레이아웃 (3열 또는 4열, 반응형)
   - 각 작품 카드:
     - 썸네일 이미지 (`<img src="{{ asset('storage/' . $artwork->image_path) }}" alt="{{ $artwork->title }}">`)
     - 작품 제목, 작가명, 제작 연도
     - "상세보기" 링크 (링크: `/artworks/{id}`)
   - 작품이 없을 경우 "등록된 작품이 없습니다" 메시지 표시
4. 반응형 디자인:
   - 모바일: 1열
   - 태블릿: 2열
   - 데스크톱: 3~4열
5. 카드 호버 효과 추가 (Tailwind: `hover:shadow-lg`, `transition` 등)

**확인사항**:
- `/artworks` 경로로 접속하여 작품 목록이 그리드로 표시되는지
- 썸네일 이미지가 정상적으로 로드되는지
- 반응형 레이아웃이 작동하는지 (브라우저 창 크기 조절)
- "새 작품 등록" 버튼 클릭 시 등록 폼으로 이동하는지

**목표**: 작품 상세 페이지를 만들고, 큰 이미지와 상세 정보를 표시합니다.

**요구사항**:
1. `resources/views/artworks/show.blade.php` 파일 생성
2. `ArtworkController@show` 메서드 구현:
   ```php
   public function show(Artwork $artwork)
   {
       return view('artworks.show', compact('artwork'));
   }
   ```
3. Blade 템플릿 구성:
   - 큰 작품 이미지 표시 (최대 너비 제한, 중앙 정렬)
   - 작품 정보:
     - 제목 (큰 글씨)
     - 작가명
     - 제작 연도
     - 상세 설명 (줄바꿈 유지: `nl2br` 또는 `white-space: pre-wrap`)
   - 버튼:
     - "수정" 버튼 (링크: `/artworks/{id}/edit`)
     - "삭제" 버튼 (폼으로 DELETE 요청)
     - "목록으로" 버튼 (링크: `/artworks`)
4. 삭제 버튼 구현:
   - `<form>` 태그 사용, `method="POST"`, `action="{{ route('artworks.destroy', $artwork) }}"`
   - `@csrf`, `@method('DELETE')`
   - JavaScript 확인 메시지 추가 (`onclick="return confirm('정말 삭제하시겠습니까?')"`)
5. Tailwind CSS로 깔끔한 레이아웃 구성

**확인사항**:
- `/artworks/{id}` 경로로 접속하여 작품 상세 정보가 표시되는지
- 큰 이미지가 정상적으로 로드되는지
- 수정, 삭제, 목록 버튼이 작동하는지
- 삭제 버튼 클릭 시 확인 메시지가 뜨는지

**목표**: 작품 수정 및 삭제 기능을 구현합니다.

**요구사항**:
1. `resources/views/artworks/edit.blade.php` 파일 생성
2. 수정 폼 구성:
   - `create.blade.php`와 유사하지만, 기존 데이터를 폼에 채워넣기 (`value="{{ old('title', $artwork->title) }}"`)
   - `@method('PUT')` 추가
   - 이미지 업로드는 선택 사항 (새 이미지 업로드 시에만 교체)
   - 현재 이미지 미리보기 표시
3. `ArtworkController@edit` 메서드:
   ```php
   public function edit(Artwork $artwork)
   {
       return view('artworks.edit', compact('artwork'));
   }
   ```
4. `ArtworkController@update` 메서드:
   - 유효성 검증 (이미지는 nullable)
   - 새 이미지가 업로드된 경우:
     - 기존 이미지 삭제 (`Storage::disk('public')->delete($artwork->image_path)`)
     - 새 이미지 저장
   - 작품 정보 업데이트
   - 리다이렉트: `return redirect()->route('artworks.show', $artwork)->with('success', '작품이 수정되었습니다.');`
5. `ArtworkController@destroy` 메서드:
   - 이미지 파일 삭제
   - 데이터베이스에서 작품 삭제
   - 리다이렉트: `return redirect()->route('artworks.index')->with('success', '작품이 삭제되었습니다.');`

**확인사항**:
- `/artworks/{id}/edit` 경로로 접속하여 수정 폼이 기존 데이터와 함께 표시되는지
- 폼 제출 시 데이터가 업데이트되는지
- 새 이미지 업로드 시 기존 이미지가 삭제되고 교체되는지
- 삭제 기능이 정상 작동하는지 (이미지 파일 및 DB 레코드 삭제)
- 수정/삭제 후 성공 메시지가 표시되는지