fromis_9/frontend/package.json

{
    "name": "fromis9-frontend",
    "private": true,
    "version": "1.0.0",
    "type": "module",
    "scripts": {
        "dev": "vite",
        "build": "vite build",
        "preview": "vite preview"
    },
    "dependencies": {
        "@tanstack/react-query": "^5.90.16",
        "dayjs": "^1.11.19",
        "framer-motion": "^11.0.8",
        "lucide-react": "^0.344.0",
        "react": "^18.2.0",
        "react-calendar": "^6.0.0",
        "react-colorful": "^5.6.1",
        "react-device-detect": "^2.2.3",
        "react-dom": "^18.2.0",
        "react-infinite-scroll-component": "^6.1.1",
        "react-intersection-observer": "^10.0.0",
        "react-ios-time-picker": "^0.2.2",
        "react-photo-album": "^3.4.0",
        "react-router-dom": "^6.22.3",
        "react-window": "^2.2.3",
        "swiper": "^12.0.3",
        "zustand": "^5.0.9"
    },
    "devDependencies": {
        "@types/react": "^18.3.3",
        "@types/react-dom": "^18.3.0",
        "@vitejs/plugin-react": "^4.3.1",
        "autoprefixer": "^10.4.22",
        "postcss": "^8.5.6",
        "tailwindcss": "^3.4.18",
        "vite": "^5.4.1"
    }
}
🎉 Initial commit - 프로젝트 구조 및 Docker 설정 2025-12-31 21:44:40 +09:00			`{`
			`"name": "fromis9-frontend",`
			`"private": true,`
			`"version": "1.0.0",`
			`"type": "module",`
			`"scripts": {`
			`"dev": "vite",`
			`"build": "vite build",`
			`"preview": "vite preview"`
			`},`
			`"dependencies": {`
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			`"@tanstack/react-query": "^5.90.16",`
feat: dayjs 라이브러리로 날짜 계산 로직 통합 - dayjs 패키지 설치 (타임존 지원) - utils/date.js 유틸리티 생성 (getTodayKST, formatDate, parseDateKST 등) - PC/모바일 Home.jsx의 날짜 계산을 유틸리티로 교체 - PC Schedule.jsx, AdminSchedule.jsx의 getTodayKST 함수를 유틸리티로 교체 - KST 타임존 기준으로 정확한 날짜 계산 보장 2026-01-09 09:46:54 +09:00			`"dayjs": "^1.11.19",`
🎉 Initial commit - 프로젝트 구조 및 Docker 설정 2025-12-31 21:44:40 +09:00			`"framer-motion": "^11.0.8",`
			`"lucide-react": "^0.344.0",`
			`"react": "^18.2.0",`
refactor(mobile): Swiper 제거하고 터치 제스처 방식 CalendarPicker로 변경 2026-01-07 14:23:02 +09:00			`"react-calendar": "^6.0.0",`
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			`"react-colorful": "^5.6.1",`
🎉 Initial commit - 프로젝트 구조 및 Docker 설정 2025-12-31 21:44:40 +09:00			`"react-device-detect": "^2.2.3",`
			`"react-dom": "^18.2.0",`
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			`"react-infinite-scroll-component": "^6.1.1",`
			`"react-intersection-observer": "^10.0.0",`
feat: 일정 관리 페이지 및 타임피커 개선 - AdminSchedule, AdminScheduleForm 페이지 추가 - 커스텀 타임피커 구현 (오전/오후 지원, 드래그/휠 스크롤) - Lightbox 공통 컴포넌트 분리 (components/common/Lightbox.jsx) - 이미지 드래그 앤 드롭 정렬 기능 - 이미지 삭제 확인 다이얼로그 - 이미지 추가 버튼 첫번째 위치 고정 - 일정 이미지 순서 번호 표시 - react-ios-time-picker 라이브러리 CSS 제거 2026-01-04 20:50:21 +09:00			`"react-ios-time-picker": "^0.2.2",`
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			`"react-photo-album": "^3.4.0",`
feat: 앨범 상세 레이아웃 개선, 관리 화면 썸네일 확대 및 최적화 - 앨범 소개를 다이얼로그로 분리 (점3개 메뉴) - 수록곡 전체 너비로 표시 - 관리 화면 썸네일 180px로 확대 - 메타 영역 고정 높이 (200px) - lazy loading 및 애니메이션 최적화 2026-01-03 10:01:34 +09:00			`"react-router-dom": "^6.22.3",`
일정 관리 상태 관리를 Zustand로 마이그레이션 - zustand 패키지 설치 - useScheduleStore 스토어 생성 - sessionStorage 관련 모든 복잡한 로직 제거 - 메모리 기반이라 SPA 내 이동 시 유지, 새로고침 시 자동 초기화 2026-01-06 12:26:40 +09:00			`"react-window": "^2.2.3",`
feat(mobile): 모바일 페이지 기본 구현 - 모바일 레이아웃 및 하단 네비게이션 추가 - 홈 페이지: 히어로, 멤버, 앨범(2개), 일정 섹션 - 멤버 페이지: 현재/전 멤버 분리, 상세 모달 - 앨범 페이지: 목록, 상세, 갤러리 - 일정 페이지: 캘린더 피커, 세로 스크롤 목록 - ScrollToTop 컴포넌트로 페이지 이동 시 스크롤 초기화 - PC 홈 일정 API startDate+limit 방식으로 변경 2026-01-07 10:10:12 +09:00			`"swiper": "^12.0.3",`
일정 관리 상태 관리를 Zustand로 마이그레이션 - zustand 패키지 설치 - useScheduleStore 스토어 생성 - sessionStorage 관련 모든 복잡한 로직 제거 - 메모리 기반이라 SPA 내 이동 시 유지, 새로고침 시 자동 초기화 2026-01-06 12:26:40 +09:00			`"zustand": "^5.0.9"`
🎉 Initial commit - 프로젝트 구조 및 Docker 설정 2025-12-31 21:44:40 +09:00			`},`
			`"devDependencies": {`
			`"@types/react": "^18.3.3",`
			`"@types/react-dom": "^18.3.0",`
			`"@vitejs/plugin-react": "^4.3.1",`
			`"autoprefixer": "^10.4.22",`
			`"postcss": "^8.5.6",`
			`"tailwindcss": "^3.4.18",`
			`"vite": "^5.4.1"`
			`}`
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			`}`