Commit graph

15 commits

Author SHA1 Message Date
b262907780 feat: 앨범 커버 이미지 3개 해상도로 저장
- DB 스키마 변경: cover_url → cover_original_url, cover_medium_url, cover_thumb_url
- 백엔드: 앨범 생성/수정 시 original/800/400 3개 크기로 저장
- 프론트엔드: 용도에 맞게 적절한 해상도 사용
  - 앨범 목록: medium
  - 상세 페이지: medium
  - 관리자 목록: thumb
2026-01-04 11:34:31 +09:00
326cb02df6 fix: 라이트박스 이미지 크기 고정 및 스크롤바 숨기기
- 이미지 max-h를 75vh에서 900px 고정값으로 변경
- 라이트박스 컨테이너 min값 1400x1200으로 설정
- 스크롤바 숨기기 (Firefox/Chrome/Safari 지원)
2026-01-04 01:56:05 +09:00
5610a337c5 feat: 라이트박스 인디케이터 개선 및 업로드 기능 강화
- 인디케이터 슬라이딩 애니메이션 개선 (CSS transition으로 GPU 가속)
- React.memo로 인디케이터 분리하여 이미지 로딩 시 리렌더링 방지
- 양옆 페이드 그라데이션 효과 추가
- 업로드 시 시작 번호 자동 계산 (기존 사진 마지막 번호 +1)
- 동영상 썸네일 및 미리보기 지원
- 이미지 프리로딩 범위 확장 (±2개)
- Multer 업로드 제한 50 → 200개로 증가
2026-01-04 01:38:32 +09:00
3ff912d1fe style: 라이트박스 이미지 둥근 모서리 제거 및 멤버 버튼 크기 일관성 수정
- AlbumGallery, AlbumDetail 라이트박스 이미지 rounded-lg 제거
- 선택된 멤버 버튼에 border 추가하여 크기 변화 방지
- 티저 라벨 영문->한글 변경
2026-01-03 21:01:48 +09:00
a55d06655f feat: 커스텀 툴팁 컴포넌트 추가 및 메뉴 애니메이션 개선
- 마우스 따라다니는 커스텀 Tooltip 컴포넌트 구현
- AdminAlbums 관리 버튼에 툴팁 적용
- 앨범 상세 점3개 메뉴 열기/닫기 애니메이션 추가
- 컨셉 포토에 lazy loading 추가
2026-01-03 10:16:38 +09:00
0a77765a6d feat: 앨범 상세 레이아웃 개선, 관리 화면 썸네일 확대 및 최적화
- 앨범 소개를 다이얼로그로 분리 (점3개 메뉴)
- 수록곡 전체 너비로 표시
- 관리 화면 썸네일 180px로 확대
- 메타 영역 고정 높이 (200px)
- lazy loading 및 애니메이션 최적화
2026-01-03 10:01:34 +09:00
1ad5f6a907 feat: 멤버 관리 개선 - 전/현재 멤버 구분, D+Day 표시, UI 정리 2026-01-02 23:35:36 +09:00
3c06a20ea4 feat: 앨범 상세 UI 개선 - 소개 스크롤, 작사/작곡 자동변환, 타입별 개수 표시 2026-01-02 17:04:27 +09:00
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
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
831715da3e feat: 앨범 상세 페이지 추가 및 UI 개선
- 앨범 상세 페이지 (AlbumDetail.jsx) 신규 생성
- 앨범 목록에서 클릭 시 상세 페이지로 이동
- 소개글/트랙 리스트 2열 그리드 레이아웃
- 트랙 호버 효과 및 총 재생시간 표시
- 페이지 전환 fade 애니메이션 적용
- '디스코그래피' -> '앨범' 텍스트 변경
- albums 테이블 description 컬럼 추가
- 트랙 duration 데이터 입력
2026-01-01 10:20:54 +09:00