## 주요 변경사항
### 디자인 시스템 개선
- 새로운 색상 팔레트 적용 (민트, 보라, 파랑 기반)
- Tailwind CSS 스타일 그림자 시스템
- 개선된 카드 스타일 (1px 테두리, 큰 border-radius)
- 부드러운 애니메이션 (cubic-bezier)
- 타이포그래피 개선 (letter-spacing, 색상 계층)
### 메인 대시보드 리디자인
- KPI 카드: 그라디언트 배경, 원형 아이콘 컨테이너, 큰 숫자
- 빠른 시작: 개선된 아이콘 크기와 그림자
- 진행 중인 이벤트: 깔끔한 레이아웃, 민트 배지
- 최근 활동: 그라디언트 아이콘, 더 큰 간격
- FAB 버튼: 보라색 글로우 효과
### 레이아웃 개선
- 더 넓은 여백과 간격 (mb: 6, spacing: 4)
- 밝은 회색 배경 적용
- 화이트 카드 배경
- 개선된 반응형 패딩
### Header 오버레이 수정
- 모든 페이지에 적절한 상단 패딩 추가
- containerStyles.page에 pt 추가
🤖 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
주요 변경사항:
- FSD(Feature-Sliced Design) 아키텍처 도입
- shared 레이어 구조 생성 (ui, lib, api, model, types, config)
- 공통 UI 컴포넌트를 shared/ui로 이동 (Header, BottomNavigation, Loading, Toast)
- 라이브러리 코드를 shared/lib로 이동 (theme-provider, react-query-provider, theme)
- 모든 import 경로 업데이트하여 새로운 구조 반영
- 기존 components, lib 디렉토리 제거
- 빌드 검증 완료
향후 확장:
- widgets: 복잡한 UI 블록
- features: 기능 단위 코드
- entities: 비즈니스 엔티티
🤖 Generated with Claude Code
Co-Authored-By: Claude <noreply@anthropic.com>
- Header 컴포넌트 개발 (뒤로가기, 메뉴, 프로필 버튼 지원)
- Bottom Navigation 컴포넌트 개발 (홈, 이벤트, 분석, 프로필)
- (main) 레이아웃 생성 및 Bottom Navigation 자동 적용
- 홈 페이지(대시보드)에 Header 추가
- 이벤트 목록 페이지에 Header 추가
- 성과 분석 페이지에 Header 추가
- 모든 (main) 그룹 페이지에서 Header와 Bottom Navigation 자동 표시
- Material-UI AppBar 및 BottomNavigation 컴포넌트 사용
- 반응형 디자인 적용
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- 회원가입 성공 시 완료 다이얼로그 표시
- CheckCircle 아이콘과 환영 메시지 추가
- 사용자 이름을 포함한 개인화된 메시지 표시
- '시작하기' 버튼으로 대시보드 이동
- Dialog, DialogContent, DialogActions 컴포넌트 임포트 추가
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- 이벤트 목록 페이지 (/events)
- 검색, 필터링, 정렬, 페이지네이션 기능
- 이벤트 카드 클릭 시 상세 페이지로 이동
- 이벤트 상세 페이지 (/events/[eventId])
- 실시간 KPI 모니터링 (참여자, 조회수, ROI, 전환율)
- 참여 추세 차트 및 기간 선택 기능
- 빠른 액션 버튼 (참여자 관리, 수정, 공유, 다운로드)
- 이벤트 참여 페이지 (/events/[eventId]/participate)
- 공개 페이지 (인증 불필요)
- 이벤트 배너 및 정보 표시
- 참여 폼 (이름, 전화번호 자동 포맷팅)
- 개인정보 동의 및 폼 유효성 검사
- 중복 참여 체크 및 성공 다이얼로그
- 참여자 목록 페이지 (/events/[eventId]/participants)
- 검색 및 필터링 (참여 경로, 당첨 상태)
- 참여자 상세 정보 모달
- 당첨자 추첨 페이지로 이동
- 엑셀 다운로드 기능
- 당첨자 추첨 페이지 (/events/[eventId]/draw)
- 당첨 인원 설정 및 가산점 옵션
- 추첨 애니메이션 (3단계)
- 당첨자 목록 표시 (순위별 배지)
- 재추첨, 엑셀 다운로드, SMS 알림 전송 기능
- 추첨 이력 관리
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
- /analytics 경로에 실시간 대시보드 페이지 추가
- 실시간 업데이트 로직 구현 (30초마다 시간 갱신, 5분마다 데이터 갱신)
- KPI 요약 카드 4개 구현 (참여자수, 총비용, 예상수익, ROI)
- 채널별 성과 차트 섹션 (파이차트 플레이스홀더 + 범례)
- 시간대별 참여 추이 차트 섹션 (라인차트 플레이스홀더 + 통계)
- ROI 상세 분석 테이블 (비용/수익 분해 + 계산식 시각화)
- 참여자 프로필 분석 (연령별/성별 막대 그래프)
- AI 이벤트 추천 -> 배포채널 선택 -> 콘텐츠 미리보기 -> 콘텐츠 편집 -> 최종승인 순서로 변경
- 우리동네TV, 지니TV, SNS 선택 시에만 콘텐츠 단계 진입하도록 조건부 분기 추가
- ContentPreviewStep, ContentEditStep 컴포넌트 임포트 및 funnel에 통합
