🎨 작가 커미션 포트폴리오 샵 - 작품 갤러리 & 의뢰 신청 폼

mkdir artist-commission-portfolio-shop && cd artist-commission-portfolio-shop

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

# Laravel 13 프로젝트 생성 및 초기 설정

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

1. Laravel 13.x 프로젝트 생성
2. SQLite 데이터베이스 설정 (.env 파일에서 DB_CONNECTION=sqlite 설정, database/database.sqlite 파일 생성)
3. Tailwind CSS 설치 및 설정 (npm install, vite.config.js 설정)
4. Laravel Breeze 설치 (Blade 스택 선택) - 관리자 로그인용
5. 기본 마이그레이션 실행 (php artisan migrate)

프로젝트 구조가 준비되면 다음 단계로 넘어갈 수 있습니다.

# 포트폴리오 작품 모델 및 마이그레이션 생성

작품(Portfolio) 모델을 만들고 데이터베이스 테이블을 설정합니다.

## 요구사항:

1. `Portfolio` 모델 생성 (php artisan make:model Portfolio -m)
2. 마이그레이션 파일에 다음 컬럼 추가:
   - title (string): 작품 제목
   - description (text, nullable): 작품 설명
   - image_path (string): 이미지 파일 경로
   - category (string): 카테고리 (예: '일러스트', '로고', '캐릭터 디자인')
   - created_at, updated_at (timestamps)
3. 마이그레이션 실행

## 추가 작업:

- Portfolio 모델에 fillable 속성 설정
- storage/app/public 폴더와 public/storage 심볼릭 링크 생성 (php artisan storage:link)

# 커미션 신청 모델 및 마이그레이션 생성

커미션 신청(Commission) 모델을 만들고 데이터베이스 테이블을 설정합니다.

## 요구사항:

1. `Commission` 모델 생성 (php artisan make:model Commission -m)
2. 마이그레이션 파일에 다음 컬럼 추가:
   - client_name (string): 의뢰자 이름
   - client_email (string): 의뢰자 이메일
   - commission_type (string): 작업 유형 (예: '캐릭터 디자인', '일러스트', '로고')
   - budget (string): 예산
   - description (text): 상세 요청사항
   - status (string, default: 'pending'): 상태 (pending/in_progress/completed)
   - created_at, updated_at (timestamps)
3. 마이그레이션 실행

## 추가 작업:

- Commission 모델에 fillable 속성 설정
- status 기본값 설정

# 포트폴리오 갤러리 페이지 구현

방문자가 작품을 볼 수 있는 메인 갤러리 페이지를 만듭니다.

## 요구사항:

1. PortfolioController 생성 (php artisan make:controller PortfolioController)
2. 라우트 설정:
   - GET / → 포트폴리오 갤러리 (PortfolioController@index)
   - GET /portfolio/{id} → 작품 상세 페이지 (PortfolioController@show)
3. resources/views/portfolio/index.blade.php 생성:
   - Tailwind CSS grid 레이아웃으로 작품 이미지 나열 (3-4 컬럼)
   - 각 작품에 제목, 카테고리 뱃지 표시
   - 이미지 hover 시 부드러운 확대 효과
   - 반응형 디자인 (모바일: 1-2 컬럼, 데스크톱: 3-4 컬럼)
4. resources/views/portfolio/show.blade.php 생성:
   - 작품 이미지 크게 표시
   - 제목, 카테고리, 설명 표시
   - '뒤로 가기' 버튼

## UI 디자인 가이드:

- 깔끔하고 미니멀한 갤러리 느낌
- 작품이 돋보이도록 여백 충분히 확보
- 카테고리 뱃지는 색상으로 구분 (일러스트: 파란색, 로고: 초록색 등)
- 이미지 aspect-ratio 유지

# 관리자 작품 등록 페이지 구현

관리자가 로그인 후 작품을 업로드할 수 있는 페이지를 만듭니다.

## 요구사항:

1. 라우트 설정 (auth 미들웨어로 보호):
   - GET /admin/portfolio/create → 작품 등록 폼 (PortfolioController@create)
   - POST /admin/portfolio → 작품 저장 (PortfolioController@store)
   - GET /admin/portfolio/{id}/edit → 작품 수정 폼 (PortfolioController@edit)
   - PUT /admin/portfolio/{id} → 작품 업데이트 (PortfolioController@update)
   - DELETE /admin/portfolio/{id} → 작품 삭제 (PortfolioController@destroy)
2. resources/views/portfolio/create.blade.php 생성:
   - 제목 입력 필드
   - 설명 textarea
   - 카테고리 select (일러스트, 로고, 캐릭터 디자인, 기타)
   - 이미지 파일 업로드 input (accept="image/*")
   - 저장 버튼
3. PortfolioController@store 메서드 구현:
   - 폼 데이터 검증 (title required, image required & image type)
   - 이미지 파일 storage/app/public/portfolios 폴더에 저장
   - DB에 작품 정보 저장
   - 갤러리 페이지로 리다이렉트
4. resources/views/portfolio/edit.blade.php 생성 (create.blade.php와 유사, 기존 데이터 표시)

## 추가 작업:

- 파일 업로드 시 고유한 파일명 생성 (예: timestamp + 원본 파일명)
- 이미지 크기 제한 (max:2048 = 2MB)
- 에러 메시지 표시 (@error 디렉티브 사용)

# 커미션 신청 폼 구현

방문자가 커미션을 신청할 수 있는 페이지를 만듭니다.

## 요구사항:

1. CommissionController 생성 (php artisan make:controller CommissionController)
2. 라우트 설정:
   - GET /commission → 커미션 신청 폼 (CommissionController@create)
   - POST /commission → 신청 저장 (CommissionController@store)
3. resources/views/commission/create.blade.php 생성:
   - 의뢰자 이름 입력 필드
   - 의뢰자 이메일 입력 필드
   - 작업 유형 select (캐릭터 디자인, 일러스트, 로고, 기타)
   - 예산 입력 필드 (예: '10만원~30만원' 또는 '협의 가능')
   - 상세 요청사항 textarea (최소 50자)
   - 제출 버튼
4. CommissionController@store 메서드 구현:
   - 폼 데이터 검증 (모든 필드 required, email 형식 체크)
   - DB에 커미션 신청 저장 (status는 'pending'으로 자동 설정)
   - 성공 메시지와 함께 갤러리 페이지로 리다이렉트

## UI 디자인 가이드:

- 폼이 길어도 부담스럽지 않도록 여백과 라벨 명확히
- placeholder로 예시 제공 (예: '어떤 스타일의 작품을 원하시나요?')
- 제출 버튼 눈에 띄게 디자인
- 모바일에서도 입력하기 편하도록 폰트 크기 조정

# 관리자 커미션 신청 관리 페이지 구현

관리자가 접수된 커미션 신청을 확인하고 상태를 변경할 수 있는 페이지를 만듭니다.

## 요구사항:

1. 라우트 설정 (auth 미들웨어로 보호):
   - GET /admin/commissions → 신청 목록 (CommissionController@index)
   - GET /admin/commissions/{id} → 신청 상세 (CommissionController@show)
   - PATCH /admin/commissions/{id}/status → 상태 변경 (CommissionController@updateStatus)
2. resources/views/commission/index.blade.php 생성:
   - 테이블 형태로 신청 목록 표시
   - 컬럼: 의뢰자 이름, 이메일, 작업 유형, 상태, 신청일, 상세보기 버튼
   - 상태별 색상 뱃지 (pending: 노란색, in_progress: 파란색, completed: 초록색)
   - 최신 신청 순으로 정렬
3. resources/views/commission/show.blade.php 생성:
   - 의뢰자 정보 전체 표시
   - 상세 요청사항 전문 표시
   - 상태 변경 버튼 (pending → in_progress → completed)
   - 목록으로 돌아가기 버튼
4. CommissionController@updateStatus 메서드 구현:
   - 상태 업데이트 (검증 포함)
   - 성공 메시지와 함께 상세 페이지로 리다이렉트

## 추가 기능:

- 상태별 필터링 (전체/검토중/진행중/완료)
- 검색 기능 (의뢰자 이름 또는 이메일로)

# 네비게이션 및 레이아웃 개선

전체 사이트의 네비게이션과 레이아웃을 완성합니다.

## 요구사항:

1. resources/views/layouts/app.blade.php 수정:
   - 헤더에 로고/사이트명 추가
   - 메인 네비게이션 메뉴:
     - 포트폴리오 (갤러리 페이지)
     - 커미션 신청
     - 로그인 (비로그인 시) / 관리자 메뉴 (로그인 시)
   - 푸터 추가 (저작권, 소셜 미디어 링크 placeholder)
2. 관리자 전용 네비게이션:
   - 로그인 시에만 보이는 드롭다운 메뉴
   - 작품 등록, 커미션 관리, 로그아웃 링크
3. 모바일 반응형 햄버거 메뉴:
   - Tailwind CSS로 모바일에서 햄버거 아이콘 표시
   - 클릭 시 메뉴 슬라이드 (Alpine.js 또는 간단한 JS 사용)
4. 전체 UI 통일:
   - 모든 페이지에 일관된 여백, 폰트, 색상 적용
   - 버튼 스타일 통일 (primary, secondary, danger)
   - 카드 컴포넌트 스타일 통일

## 디자인 가이드:

- 미니멀하고 세련된 포트폴리오 사이트 느낌
- 작품이 주인공이 되도록 UI는 절제된 색상 사용
- 호버 효과, 트랜지션으로 인터랙티브한 느낌 추가