Commit graph

288 commits

Author SHA1 Message Date
767cbcaf5f refactor(mobile): Swiper 제거하고 터치 제스처 방식 CalendarPicker로 변경 2026-01-07 14:23:02 +09:00
0750dded97 refactor(pc): 홈/멤버 페이지 UI 개선
- 홈: 퀵 링크 제거, 통계 섹션(데뷔일/D+Day/멤버수/팬덤명) 추가
- 홈: 모든 섹션 배경색 회색(bg-gray-50)으로 통일
- 멤버: 전 멤버 카드 UI를 현재 멤버와 동일하게 변경 (5열 그리드)
- 멤버: 불필요한 stats API 호출 제거
2026-01-07 10:30:09 +09:00
f958e2b5e2 feat(mobile): 모바일 페이지 기본 구현
- 모바일 레이아웃 및 하단 네비게이션 추가
- 홈 페이지: 히어로, 멤버, 앨범(2개), 일정 섹션
- 멤버 페이지: 현재/전 멤버 분리, 상세 모달
- 앨범 페이지: 목록, 상세, 갤러리
- 일정 페이지: 캘린더 피커, 세로 스크롤 목록
- ScrollToTop 컴포넌트로 페이지 이동 시 스크롤 초기화
- PC 홈 일정 API startDate+limit 방식으로 변경
2026-01-07 10:10:12 +09:00
c54de2ba82 feat: useInfiniteQuery 기반 무한 스크롤 구현 및 UI 개선
- react-infinite-scroll-component를 useInfiniteQuery + useInView로 대체
- Schedule.jsx, AdminSchedule.jsx에 안정적인 무한 스크롤 적용
- source_name에 Link2 아이콘 추가 (카테고리 오른쪽 인라인 표시)
- 멤버 5명 이상일 경우 '프로미스나인'으로 표시 (탈퇴 멤버 고려)
- AdminSchedule 일반 모드에서 members 배열도 확인하여 멤버 표시
- QueryClientProvider 설정 추가 (main.jsx)
2026-01-06 19:48:43 +09:00
2278d42026 chore: 환경 변수 파일 업데이트 2026-01-06 14:17:31 +09:00
bb027df914 feat: 일정 관련 UI/UX 개선
- 카테고리 정렬: 일정 개수 기준 내림차순, 0개 숨김, 기타는 맨 아래 고정
- useMemo로 카테고리 정렬 메모이제이션 (깜빡임 방지)
- 일정 수정 시 이미지 삭제 버그 수정 (existingImageIds 업데이트)
- 이미지 파일명에서 Date.now() 제거 (01.webp 형식 유지)
- 이미지 삭제 후 sort_order 재정렬 로직 추가
- 날짜 선택 시 요일 표시 추가 (2026년 1월 7일 (수) 형식)
2026-01-06 14:16:29 +09:00
dac2234a0b 일정 관리 상태 관리를 Zustand로 마이그레이션
- zustand 패키지 설치
- useScheduleStore 스토어 생성
- sessionStorage 관련 모든 복잡한 로직 제거
- 메모리 기반이라 SPA 내 이동 시 유지, 새로고침 시 자동 초기화
2026-01-06 12:26:40 +09:00
7df7469b78 일정 관리 상태 복원 - React StrictMode 이중 마운트 문제 해결
- useRef로 상태 복원 로직 한 번만 실행되도록 보장
- 두 번째 마운트에서 플래그/상태 삭제 방지
2026-01-06 12:22:10 +09:00
2c766e8da6 일정 관리 상태 복원 로직 - fromScheduleForm 플래그 방식으로 변경
- 일정 추가/수정 버튼 클릭 시 플래그 설정
- 돌아올 때 플래그가 있으면 상태 복원 후 플래그 제거
- 플래그가 없으면 상태 초기화 (새로고침/직접 진입)
2026-01-06 12:10:58 +09:00
31f15fe20b 일정 관리 상태 복원 로직 수정 - back_forward 타입일 때만 복원
- 뒤로가기/앞으로가기: 상태 복원
- 새로고침(reload), 직접 진입(navigate): 상태 초기화
2026-01-06 12:08:58 +09:00
a3573ec990 일정 관리 상태 복원 로직 개선 - scheduleToast 기반 판별
- scheduleToast가 있을 때만 상태 복원 (일정 폼에서 돌아올 때)
- 그 외에는 상태 초기화
2026-01-06 12:07:32 +09:00
026c68aa52 일정 관리 페이지 상태 저장 수정 - 새로고침/직접 진입 시 초기화
- navigation type 체크: reload나 navigate일 때 sessionStorage 상태 제거
- 뒤로가기(back_forward)에서만 상태 복원
2026-01-06 12:05:39 +09:00
cc8fe5a8a3 홈페이지 다가오는 일정 섹션 API 연동 및 UI 개선
- 백엔드: /api/schedules에 startDate, endDate, limit 파라미터 지원 추가
- 프론트엔드: 더미 데이터 제거, 실제 API 호출로 변경
- KST 기준으로 오늘 이후 3개 일정 표시
- 일정 페이지와 동일한 카드 스타일 적용
- 멤버 5명 이상이면 '프로미스나인'으로 표시
2026-01-06 12:04:27 +09:00
d3b6598138 봇 목록 새로고침 버튼 추가
- 헤더에 새로고침 버튼 추가
- 커스텀 Tooltip 컴포넌트 적용
- 로딩 시 아이콘 회전 애니메이션
2026-01-06 11:46:36 +09:00
217746af3e 봇 관리 UI 개선
- 카드 그리드 레이아웃으로 변경
- 통계 분리: 총 추가 / 마지막 추가 / 업데이트 간격
- DB에 last_added_count 컬럼 추가
- 업데이트 시간을 봇 이름 아래에 표시
- 마지막 추가된 개수 초록색 강조
2026-01-06 11:42:47 +09:00
89cd2d7965 관리자 일정 목록에 외부 링크 버튼 추가
- URL이 있는 일정에 파란색 외부 링크 버튼 표시
- 수정/삭제 버튼 앞에 배치
2026-01-06 11:14:18 +09:00
b6b212821e 일정 페이지 UI/UX 개선
- 검색 모드 전환 시 일정 목록 fade 애니메이션 통일
- 일정 개수 텍스트 애니메이션 추가
- 관리자 일정 개수 표시 'N개 일정'으로 변경
- 일정 항목 애니메이션 y 이동 제거 (스크롤바 깜빡임 방지)
- 관리자 일정 페이지 상태 유지 (sessionStorage)
2026-01-06 09:50:29 +09:00
2572ce2195 일정 목록 내부 스크롤 UI 개선
- 공개/관리자 일정 목록에 고정 높이 및 내부 스크롤 적용
- 상하단 패딩 추가로 가독성 개선
2026-01-06 08:59:31 +09:00
068c5ffbbb Meilisearch 검색 기능 개선
- 검색 결과 유사도순 정렬 (동일 유사도 시 최신 날짜 우선)
- 프론트엔드 검색 재정렬 제거 (Meilisearch 순서 유지)
- 관리자 일정 페이지 Meilisearch 검색 적용
- 일정 수정 시 Meilisearch 동기화 추가
- 서버 시작 시 자동 동기화
- 멤버 이름 쉼표 구분으로 통일
2026-01-06 08:46:10 +09:00
346d6529f2 Meilisearch 검색 엔진 도입
- Docker Compose에 Meilisearch 서비스 추가
- meilisearch.js 서비스 생성 (초기화, CRUD, 검색)
- 공개 일정 API에 Meilisearch 검색 통합
- 일정 생성/삭제 시 Meilisearch 자동 동기화
- YouTube 봇 일정 추가 시 Meilisearch 동기화
- sync-search API 추가 (기존 데이터 일괄 동기화)
- 다중 키워드, 오타 허용, 유사어 검색 지원
2026-01-06 08:22:43 +09:00
9ab79ef507 일정 페이지 기본 날짜 KST 기준으로 수정 2026-01-06 08:09:17 +09:00
52332babea 일정 관리 기능 개선: 봇 스케줄러 리팩토링, 멤버 표시, UI 개선
- 봇 스케줄러: 서버 시작 시 자동 초기화, 10초 간격 상태 동기화
- DB 리팩토링: bots 테이블에서 YouTube 컬럼 분리, bot_youtube_config 활용
- 봇별 커스텀 설정: BOT_CUSTOM_CONFIG 상수로 코드 내 관리
- 공개/관리자 일정 목록에 멤버 태그 표시 (5명 이상이면 '프로미스나인')
- 일정 목록 글씨 크기 증가 및 UI 개선
- source_name 관리자 일정에 뱃지로 표시
- 봇 시작/정지 토스트에 봇 이름 포함
2026-01-06 00:27:35 +09:00
0c91abd722 fix(bot): 봇 목록 API 수정 - JOIN 제거, ID 오름차순 정렬
- bots 테이블에서 직접 조회 (bot_youtube_config JOIN 제거)
- channel_id, rss_url 등이 bots 테이블에 직접 저장됨
- 정렬 순서: created_at DESC → id ASC
- 오류 발생 후 목록 갱신 추가
2026-01-05 22:51:37 +09:00
4d37f0dfe2 fix(bot): 오류 발생 후 목록 갱신 추가 2026-01-05 22:31:56 +09:00
e216539f34 feat(bot): studiofromis_9 채널 봇 추가 및 cron 표현식 지원
- .env에 YouTube API 키 추가
- bots 테이블에 channel_id, rss_url, cron_expression 컬럼 추가
- youtube-scheduler.js: cron_expression 파라미터 지원
- youtube-bot.js: bots 테이블에서 직접 조회, Shorts 필터링 제거
- studiofromis_9 봇 등록 (채널: UCW0ORl7mZO8wIWkgtq-yzjQ, cron: 1,2 * * * *)
2026-01-05 22:26:44 +09:00
1b01182028 feat: 일정 봇 자동화 및 검색 기능 추가
- YouTube 일정 봇 서비스 추가 (youtube-bot.js, youtube-scheduler.js)
- 공개 일정 API 라우터 추가 (schedules.js)
- 관리자 일정 봇 관리 페이지 추가 (AdminScheduleBots.jsx)
- 백엔드 의존성 업데이트
2026-01-05 22:16:02 +09:00
387db937b0 feat(schedule): 공개 일정 페이지에 검색 기능 추가
- 헤더에 검색 토글 UI 추가 (밑줄 스타일 검색창)
- API 검색 기능 (/api/admin/schedules?search=) 연동
- 검색 모드에서 달력/카테고리 비활성화 (framer-motion animate)
- 검색 결과에 년.월 형식 날짜 표시 (2025.4)
- 카테고리 개수: 검색 시 결과 기준, 일반 시 해당 월 기준
- 달력/카테고리 구조 분리하여 독립 제어
- AdminSchedule.jsx도 동일한 비활성화 방식 적용
2026-01-05 22:08:41 +09:00
dff43126c4 feat(schedule): 일정 수정/삭제 기능 구현 및 DB 스키마 개선
- schedule_members 테이블 분리 (members 컬럼 → 별도 테이블)
- schedules 테이블 컬럼 comment 추가 및 순서 정리
- 상세주소(location_detail) 필드 추가
- 장소 검색 UI 개선 (탭 제거 → 입력 필드+검색 버튼 병합)
- 카카오 장소 검색 API 프록시 추가 (/api/admin/kakao/places)
- 백엔드 CRUD API 구현 (GET/PUT/DELETE /schedules/:id)
- 프론트엔드 삭제 기능 및 확인 다이얼로그 추가
- 프론트엔드 수정 모드 지원 (기존 데이터 로드)
2026-01-05 18:11:40 +09:00
4da5ea58ef feat: 일정 카테고리 관리 기능 추가 및 다이얼로그 스타일 통일
- 일정 카테고리 CRUD API 추가 (backend/routes/admin.js)
- AdminScheduleCategory 페이지 신규 추가
  - 카테고리 추가/수정/삭제 기능
  - 드래그 앤 드롭 정렬 (framer-motion Reorder)
  - react-colorful 기반 커스텀 색상 선택기
  - 중복 카테고리 체크
- AdminScheduleForm에 동적 카테고리 로드 기능 추가
- 삭제 다이얼로그 앨범 스타일로 통일 (AlertTriangle 아이콘, 경고 메시지)
- Toast 컴포넌트 exit 애니메이션 수정
- 토스트 3초 자동 닫힘 기능 추가
2026-01-05 11:20:44 +09:00
2a952f39ab feat: 일정 관리 페이지 및 타임피커 개선
- AdminSchedule, AdminScheduleForm 페이지 추가
- 커스텀 타임피커 구현 (오전/오후 지원, 드래그/휠 스크롤)
- Lightbox 공통 컴포넌트 분리 (components/common/Lightbox.jsx)
- 이미지 드래그 앤 드롭 정렬 기능
- 이미지 삭제 확인 다이얼로그
- 이미지 추가 버튼 첫번째 위치 고정
- 일정 이미지 순서 번호 표시
- react-ios-time-picker 라이브러리 CSS 제거
2026-01-04 20:50:21 +09:00
20cb711795 feat: 멤버 프로필 수정 페이지 구현
- 멤버 수정 페이지 추가 (AdminMemberEdit.jsx)
- 커스텀 데이트픽커 적용 (앨범 폼과 동일)
- 활동 상태 버튼 토글 (활동 중/탈퇴)
- URL 라우터 멤버 이름 기반으로 변경 (/admin/members/:name/edit)
- 백엔드 멤버 조회/수정 API 추가 (이름 기반)
- 전 멤버 섹션 UI 개선 (배경 항상 표시, 포지션 제거)
2026-01-04 14:02:45 +09:00
97e63580e5 feat: 관리자 페이지 개선
- 관리자 페이지 헤더 로고 클릭 시 어드민 대시보드로 이동
- 멤버 관리 페이지 UI 추가 (5열 그리드, 현재/이전 멤버 분리)
- 대시보드 통계 실제 데이터 연결 및 슬롯머신 애니메이션
- 멤버 카드 페이드+스케일업 애니메이션
2026-01-04 13:10:34 +09:00
925cfe026a feat: 앨범 상세 페이지에서 커버 이미지 클릭 시 라이트박스 열기
- 커버 이미지 클릭 시 원본 이미지를 라이트박스로 표시
- 호버 시 확대 효과 추가
2026-01-04 11:42:52 +09:00
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
1c42d3333c fix: 업로드 시작 번호를 타입별로 분리 계산
- 컨셉 포토와 티저 각각 별도로 시작 번호 계산
- 타입 변경 시 해당 타입의 마지막 번호 +1로 자동 업데이트
- 업로드 후 수동 번호 증가 제거 (useEffect에서 자동 처리)
2026-01-04 11:20:46 +09:00
a5eba6535f fix: 사이트 레이아웃 개선
- 사이트 전체 min-width 1200px → 1440px로 변경
- 헤더/갤러리 양쪽 여백 통일 (px-24)
- 갤러리 CSS 정리 (호버 효과만 유지)
2026-01-04 02:22:42 +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
17407ec6da refactor: Discography.jsx를 Album.jsx로 이름 변경
- 파일명 및 컴포넌트명 통일
- 멤버 소개 텍스트 수정
2026-01-03 14:43:43 +09:00
035cdf0383 refactor: '스케줄' 용어를 '일정'으로 통일
- 헤더 메뉴, 페이지 제목, 안내 메시지 등 전체 변경
- Home, Schedule, Header, AdminDashboard 파일 수정
2026-01-03 14:30:30 +09:00
27878816b1 refactor: 앨범 사진 관리 개선
- '솔로' → '개인'으로 텍스트 변경
- 컨셉명 필수 검증 제거 (선택사항으로 변경)
- 라이트박스에서 컨셉명 없어도 멤버 이름 표시되도록 수정
- 'Default' 컨셉명은 표시하지 않음
2026-01-03 14:27:19 +09:00
1fcb70e2c9 perf: Discography 페이지 앨범 커버 이미지 lazy loading 추가 2026-01-03 11:32:28 +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
1ae01fb2d7 fix: 사진 삭제 API 수정, 앨범 호버 애니메이션 개선 2026-01-03 01:06:32 +09:00
2bbb6f53e5 fix: 멤버 페이지 통계 - 현재 멤버 수로 변경 2026-01-02 23:36:48 +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
d9d1a447c4 fix: 공식 YouTube, Instagram 링크 수정 2026-01-02 13:31:33 +09:00