Commit graph

6 commits

Author SHA1 Message Date
961ca97920 feat: 앨범 사진 다중 해상도 URL 지원 및 갤러리 UI 개선
- album_photos, album_teasers 테이블에 original_url, medium_url, thumb_url 컬럼 추가
- API에서 3가지 해상도 URL 및 width/height 반환
- AlbumDetail: 티저는 thumb_url(400), 컨셉포토는 medium_url(800) 사용
- AlbumGallery: 동적 비율 + CSS hover 효과 추가
- react-photo-album rowConstraints로 마지막 row 표시 문제 개선
2026-01-02 09:38:04 +09:00
ae898d01ad refactor: 코드 정리 및 버그 수정
- AlbumGallery.jsx: useEffect 의존성 버그 수정 (id→name)
- AlbumGallery.jsx: 미사용 useMemo import 제거
- albums.js: 중복 코드를 getAlbumDetails 헬퍼 함수로 추출
- albums.js: 163줄 → 115줄 (48줄 감소)
2026-01-01 17:23:29 +09:00
3339b281c7 feat: 갤러리 최적화 및 라우터 개선
- 컨셉 포토 갤러리 페이지 추가 (AlbumGallery.jsx)
- react-photo-album 라이브러리로 Justified 레이아웃 구현
- 썸네일/원본 이미지 분리 (thumb_400, original 폴더)
- 라우터 변경: /discography → /album
- URL 형식 변경: ID 기반 → 앨범명 기반 (/album/하얀 그리움)
- 앨범명 기반 API 추가 (/api/albums/by-name/:name)
- 브레드크럼 스타일 네비게이션 적용
- 라이트박스 슬라이드 애니메이션 추가
- 점 형태 인디케이터로 변경
2026-01-01 17:20:36 +09:00
66099a1988 fix: React Router v7 future 플래그 추가
- BrowserRouter에 v7_startTransition, v7_relativeSplatPath 플래그 추가
- 콘솔 경고 메시지 제거

refactor: 앨범 유형 표시 분리 및 라이트박스 개선
- album_type (전체), album_type_short (짧은) 분리
- 앨범 목록에서 짧은 유형 표시
- 라이트박스 닫기 애니메이션 추가 (AnimatePresence)
- 배경 클릭 시 모달 닫힘 방지
- favicon 링크 추가
2026-01-01 14:15:39 +09:00
ef1050758a feat: 앨범 티저 이미지 기능 추가
- album_teasers 테이블 생성 및 API 연동
- 앨범 상세 페이지에 티저 이미지 썸네일 표시
- 이미지 클릭 시 라이트박스 모달 표시
- 좌우 슬라이드 애니메이션 적용
- 티저 썸네일 호버 효과 (확대 + 그림자)
2026-01-01 13:52:12 +09:00
1ca5640a67 feat: 앨범 데이터 API 연동
- 백엔드: /api/albums 라우트 추가 (routes/albums.js)
- 앨범별 트랙 정보 포함 조회
- 프론트엔드: Discography 페이지 API 연동
- 앨범 타입별 통계 동적 계산
- 타이틀곡 자동 표시
2026-01-01 09:32:38 +09:00