Commit graph

5 commits

Author SHA1 Message Date
4d8d18586c style: 갤러리 사진 간격 증가, 앨범 상세 hover 효과 부드럽게 개선 2026-01-02 11:27:19 +09:00
79fb58e2ee feat: 라이트박스 UI 개선 - min-width/height 적용, body 스크롤 숨김, 이미지 크기 증가, 멤버 태그 개별 표시 2026-01-02 11:07:51 +09:00
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