- 히어로 섹션 배경을 포스터 확대 + 블러 효과로 변경
- 회차 선택을 드롭다운 형태로 변경 및 디자인 개선
- 드롭다운 열릴 때 선택된 항목 자동 스크롤
- 장소 카드 디자인 정리 (MapPin 아이콘 사용)
- 지도 높이 2배로 증가 (h-64 → h-[32rem])
- 길찾기 버튼 색상 분기 (카카오맵: #0079f4, 구글맵: #4285F4)
- 글래스모피즘 효과 제거
PC/모바일 웹:
- 콘서트 선택된 일정 텍스트 볼드체 제거
- 모바일 콘서트 헤더 장소 표시 제거
- 모바일 콘서트 포스터 여백 제거
Flutter 앱:
- lucide_icons 사용하여 웹과 동일한 아이콘 적용
- 콘서트 헤더 장소 제거 및 포스터 여백 제거
- 콘서트 선택된 일정 볼드체 제거
- 지도 플레이스홀더 추가 (탭시 카카오맵 이동)
- 길찾기 버튼 색상 blue-500으로 변경
- 유튜브 섹션: 숏츠 둥근 테두리, 버튼 제거, 유튜브 아이콘으로 교체
- X 섹션: 웹과 동일한 디자인 (프로필, @username, 인증배지, X로고 버튼)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- ScheduleDetail, ScheduleMember, RelatedDate 모델 추가
- getSchedule API 서비스 함수 추가
- schedule_detail_view.dart 구현 (유튜브, X, 콘서트, 기본 섹션)
- 라우터에 /schedule/:id 경로 추가
- 일정 목록 및 검색 결과에서 상세 화면 이동 기능 추가
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- 콘서트 UI 최적화: 포스터 썸네일화, 공연 일정 세로 배치
- 카카오맵 SDK 연동으로 실제 지도 표시
- 회차 변경 시 keepPreviousData로 부드러운 전환
- 달력 다른 달 이동 시 일정 점 표시 (비동기 조회)
- PC 콘서트 섹션 그림자 통일 (shadow-lg shadow-black/5)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- 모바일 일정 상세 페이지 기본 구조 구현
- 유튜브 섹션: 일반 영상/숏츠 구분 렌더링
- 전체화면 시 가로 회전 (숏츠 제외)
- 일정 목록에서 상세 페이지로 이동 클릭 이벤트 추가
- mobile-layout 클래스 시스템으로 스크롤바 숨김 처리
- zustand store로 날짜 상태 유지
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- 생일 카드 컴포넌트 추가 (PC/모바일)
- 생일 폭죽(confetti) 애니메이션 적용 (하루에 한 번)
- 생일 상세 페이지 추가 (/birthday/멤버이름/년도)
- 관리자 일정 페이지에 생일 표시 (수정/삭제 버튼 숨김)
- 일정 상세 페이지 404 에러 UI 개선
- 일정 상세 페이지 불필요한 재시도 방지 (retry: false)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- 같은 제목의 콘서트 일정을 모아서 회차별로 표시
- 현재 보고 있는 회차 강조 표시
- 카카오맵 SDK 키 수정 및 에러 처리 개선
- 길찾기 버튼 추가
- 회차 전환 시 부드러운 데이터 로딩 (keepPreviousData)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- KakaoMap 컴포넌트: 위도/경도 기반 지도 표시 기능
- ConcertSection: 포스터 이미지, 날짜 범위, 장소 정보 표시
- 위치 좌표가 없는 경우(해외) 장소명만 표시
- 백엔드 API에 이미지 정보 포함
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Schedule.jsx에서 useState 대신 useScheduleStore 사용
- 상세 페이지 이동 후에도 선택한 날짜/카테고리/검색어 유지
- X 상세 페이지 UI 개선 (X 아이콘 제거, 날짜 형식 변경)
- X 프로필 URL 디코딩 로직 수정
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- X 봇에서 Nitter 프로필 정보(이름, 아바타) 추출 및 Redis 캐싱
- X 프로필 조회 API 추가 (/api/schedules/x-profile/:username)
- X 상세 페이지 UI 구현 (트위터 카드 스타일)
- X 카테고리 클릭 시 상세 페이지로 이동하도록 변경
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- 고정 트윗 체크 로직이 이전 컨테이너를 참조하여 다음 트윗도 고정으로 판단하는 버그 수정
- 현재 컨테이너 내에 'class="pinned"'가 있는지만 확인하도록 변경
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- PC/모바일 각각 사이트 스타일에 맞는 404 페이지 생성
- framer-motion 애니메이션 적용
- PC Layout 수정으로 푸터 하단 고정
- 모바일은 100dvh로 스크롤 없이 전체 화면 사용
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- 달력 열기/닫기 애니메이션 속도 조정 (200ms → 280ms)
- 날짜 스크롤 애니메이션 속도 조정 (150ms → 220ms)
- 달력 요일-날짜 간격 확대 (12px → 16px)
- 날짜 그리드 세로 간격 및 셀 높이 확대
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- AnimatedBuilder child 캐싱으로 매 프레임 rebuild 방지
- RepaintBoundary 추가로 리페인트 범위 제한
- 양옆 카드 스케일 비율 조정 (0.15 → 0.25)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- 최근 검색기록 기능 추가 (SharedPreferences로 최대 10개 저장)
- 추천 검색어 입력 시 프로그레스바 제거
- 추천 검색어 클릭 효과 제거 (InkWell → GestureDetector)
- 달력 요일/날짜 그리드 상단 여백 축소
- 달력 그리드와 오늘 버튼 사이 간격 증가
- 검색 종료 시 날짜 선택 부분 중앙 스크롤
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- 데이트픽커 년/월 선택에서 오늘 날짜 초록색 강조
- 검색어 변경 시 스크롤 초기화 개선 (requestAnimationFrame)
- 유튜브 스타일 검색 UX 구현
- X 버튼 클릭 시 추천 검색어 화면으로 전환
- 뒤로가기 시 검색 결과 복원 및 검색어 유지
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- 최대 검색 횟수의 1% 또는 최소 10회 중 더 큰 값 적용
- GREATEST(MAX(count) * 0.01, 10) 사용
- 데이터가 적을 때도 오타 필터링 가능
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- 추천 검색어 API 연동 (getSuggestions)
- SuggestionController로 추천 검색어 상태 관리
- 유튜브 스타일 검색 UX 구현
- X 버튼 클릭 시 추천 검색어 화면으로 전환
- 뒤로가기 시 검색 결과 화면 복원 및 검색어 유지
- 검색 결과 화면 전체 페이드 애니메이션으로 변경
- 입력 디바운스(200ms) 적용
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- 검색 API 및 컨트롤러 추가 (페이지네이션 20개씩)
- 검색 모드 UI 구현 (툴바 전환 애니메이션)
- 검색 결과 카드 (날짜 왼쪽, 콘텐츠 오른쪽)
- 무한 스크롤 (500px 전 미리 로드)
- 뒤로가기 키로 검색 모드 종료
- 카드 등장 애니메이션 (페이드+슬라이드)
- 스크롤 시 이미 표시된 카드 애니메이션 스킵
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- ExpandablePageView로 달력 높이 동적 조절 (월별 주 수에 따라)
- 데이트픽커 년도 변경 시 스와이프 애니메이션 추가
- 달력 월 변경 시 일정 점 비동기 업데이트 (캐시 기반)
- 모든 달력/데이트픽커 텍스트에 Pretendard 폰트 적용
- 데이트픽커 화살표 터치 영역 확대 및 ripple effect 추가
- 데이트픽커 펼침 시 툴바 좌우 화살표 숨김 (페이드 애니메이션)
- expandable_page_view 패키지 추가
Co-Authored-By: Claude <noreply@anthropic.com>
- 달력 열기 애니메이션 추가 (아래로 부드럽게 펼쳐짐)
- 툴바 영역 오버레이 제외 (툴바 아래부터 반투명 배경)
- 년월 텍스트 가운데 고정, 화살표는 옆에 별도 위치
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
달력 아이콘 클릭시 달력 팝업 표시:
- 월 그리드 (요일 헤더 + 날짜 + 일정 점 표시)
- 년월 선택 모드 (년도 범위 + 월 선택)
- 오늘 버튼
- 배경 터치로 닫기
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- controllers/ 폴더 추가
- ScheduleController 생성 (Riverpod Notifier)
- ScheduleState 상태 클래스 분리
- ScheduleView를 ConsumerStatefulWidget으로 변경
- View는 UI 렌더링만, 비즈니스 로직은 Controller로 분리
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- 자체 툴바 (년월 표시, 이전/다음 월 버튼)
- 가로 스크롤 날짜 선택기 (일정 점 표시, 자동 중앙 스크롤)
- 일정 카드 (시간, 카테고리, 제목, 출처, 멤버)
- 순차적 페이드 인 애니메이션
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- 그리드 레이아웃에서 카드 스와이프 스타일로 변경
- 상단 썸네일 인디케이터 추가 (자동 스크롤, 클릭 이동)
- 멤버 페이지 헤더 그림자 제거 (noShadow prop)
- Swiper 라이브러리로 좌우 스와이프 구현
- 카드 그림자 및 레이아웃 최적화
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- 다운로드 서비스 개선
- 저장 경로를 Pictures/fromis_9 폴더로 변경 (갤러리 표시)
- URL에서 파일 확장자 자동 추출 (동영상/이미지)
- saveInPublicStorage 옵션으로 미디어 스캐너 트리거
- 티저 라이트박스에서 동영상 다운로드 지원
- video_thumbnail 패키지 제거 (백엔드에서 썸네일 처리)
- 티저 썸네일 위젯 간소화 (StatefulWidget → StatelessWidget)
- 홈 화면 하단 여백 수정
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- 컨셉포토 갤러리에 라이트박스 기능 추가
- PhotoViewGallery로 이미지 스와이프 및 줌 지원
- 멤버/컨셉 정보 바텀시트 (info 버튼)
- 이미지 다운로드 기능
- 슬라이딩 인디케이터
- PhotoViewGallery에 allowImplicitScrolling 옵션 추가
- 인접 페이지 미리 빌드로 스와이프 시 즉시 표시
- 불필요한 수동 프리로드 코드 제거
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- 컨셉포토 전체보기 화면 추가 (2열 Masonry 레이아웃)
- ConceptPhoto 모델에 width, height, members, concept 필드 추가
- 앨범 상세/갤러리 화면 스크롤 시 툴바 색상 고정
- 멤버 인디케이터 중앙 정렬 수정
- 티저 포토 → 티저 이미지로 명칭 변경
- 뒤로가기 두 번 종료 기능 제거
- 앱 이름 fromis9 → fromis_9로 변경
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- DB: album_teasers 테이블에 video_url 컬럼 추가
- 백엔드: 비디오 업로드 시 ffmpeg로 썸네일 추출 후 WebP 저장
- 백엔드: video_url에 MP4 URL 저장, 썸네일은 기존 URL 필드 사용
- 프론트엔드: 썸네일 이미지 표시, 클릭 시 video_url로 재생
- Flutter 앱: Teaser 모델에 videoUrl 필드 추가 및 비디오 재생 수정
- Docker: ffmpeg 설치 추가 (Dockerfile, docker-compose.dev.yml)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- 앨범 상세 화면 구현 (히어로, 티저, 수록곡, 컨셉포토 섹션)
- 티저/컨셉포토 라이트박스 (photo_view 핀치줌)
- flutter_downloader로 백그라운드 이미지 다운로드
- modal_bottom_sheet로 앨범 소개 다이얼로그
- 뒤로가기 두 번 눌러 종료 기능
- 앱 아이콘 변경 (fromis_9 로고)
- 모든 아이콘 Lucide Icons로 통일
- 앨범 목록 애니메이션 최적화 (스크롤 시 애니메이션 제거)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- 홈 화면에 웹과 동일한 framer-motion 스타일 애니메이션 적용
- 멤버 화면 카드 스와이프 디자인으로 재구현
- 인스타그램 딥링크 지원 (url_launcher, AndroidManifest queries)
- flutter_svg 추가로 SVG 아이콘 동적 strokeWidth 지원
- 바텀 네비게이션 아이콘 strokeWidth 웹과 동일하게 조정
- 멤버 화면 툴바 그림자 제거 및 인디케이터 그림자 최적화
- 탭 전환 시 애니메이션 재생 기능 추가
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
