# Task ID: 9
# Title: Vercel 자동 배포 설정
# Status: done
# Dependencies: 4
# Priority: low
# Description: Vercel을 사용하여 자동 배포 환경을 구축하고 환경별 배포와 PR 미리보기를 설정합니다.
# Details:
1. Vercel 프로젝트 연결 및 GitHub 통합 2. 환경별 배포 설정 (프로덕션, 스테이징) 3. 환경 변수 Vercel 대시보드에서 설정 4. PR 생성 시 미리보기 배포 자동 생성 5. 빌드 최적화 설정 6. 도메인 연결 및 SSL 인증서 설정 7. 배포 후 알림 설정

# Test Strategy:
자동 배포가 성공적으로 이루어지는지 확인, PR 미리보기 배포 동작 확인, 환경별로 올바른 환경 변수가 적용되는지 검증

# Subtasks:
## 1. Vercel 프로젝트 설정 및 GitHub 통합 [done]
### Dependencies: None
### Description: Vercel 계정에 프로젝트를 생성하고 GitHub 저장소와 연결하여 자동 배포 파이프라인의 기초를 구축합니다.
### Details:
1. Vercel 계정 생성 및 로그인 2. GitHub 저장소를 Vercel에 임포트 3. 빌드 설정 구성 (Node.js 18.x, npm run build) 4. 루트 디렉토리 및 출력 디렉토리 설정 5. 첫 번째 배포 테스트 실행 6. 배포 로그 확인 및 오류 해결

## 2. 환경별 배포 및 환경 변수 설정 [done]
### Dependencies: 9.1
### Description: 프로덕션과 스테이징 환경을 구분하여 배포하고, 각 환경에 맞는 환경 변수를 Vercel 대시보드에서 구성합니다.
### Details:
1. Vercel 프로젝트 설정에서 Git 브랜치별 환경 매핑 (main → Production, develop → Preview) 2. 환경 변수를 Vercel 대시보드에서 설정 (VITE_APPWRITE_ENDPOINT, VITE_APPWRITE_PROJECT_ID 등) 3. 프로덕션과 프리뷰 환경별로 다른 Appwrite 프로젝트 ID 설정 4. 환경별 도메인 설정 (프로덕션용 커스텀 도메인, 프리뷰용 자동 생성 도메인) 5. 각 환경에서 빌드 테스트 및 환경 변수 적용 확인

## 3. PR 미리보기 및 배포 최적화 설정 [done]
### Dependencies: 9.2
### Description: Pull Request 생성 시 자동으로 미리보기 배포가 생성되도록 설정하고, 빌드 성능 최적화 및 배포 알림을 구성합니다.
### Details:
1. GitHub PR 생성 시 자동 미리보기 배포 활성화 2. Vercel 빌드 최적화 설정 (캐싱, 번들 분석 활성화) 3. 도메인 연결 및 SSL 인증서 자동 설정 4. GitHub Actions 또는 Vercel 웹훅을 통한 배포 완료 알림 설정 5. 배포 실패 시 Slack/Discord 알림 설정 6. 배포 상태를 GitHub PR에 자동으로 코멘트하는 설정