No description

Find a file

caadiq c4cbdc7d33 feat(schedule): 달력 UI 개선 및 검색 준비 - ExpandablePageView로 달력 높이 동적 조절 (월별 주 수에 따라) - 데이트픽커 년도 변경 시 스와이프 애니메이션 추가 - 달력 월 변경 시 일정 점 비동기 업데이트 (캐시 기반) - 모든 달력/데이트픽커 텍스트에 Pretendard 폰트 적용 - 데이트픽커 화살표 터치 영역 확대 및 ripple effect 추가 - 데이트픽커 펼침 시 툴바 좌우 화살표 숨김 (페이드 애니메이션) - expandable_page_view 패키지 추가 Co-Authored-By: Claude <noreply@anthropic.com>		2026-01-13 20:37:00 +09:00
app	feat(schedule): 달력 UI 개선 및 검색 준비	2026-01-13 20:37:00 +09:00
backend	비디오 티저 썸네일 추출 기능 추가	2026-01-13 11:59:58 +09:00
docs	문서: 곡 상세 화면 구현 내용 추가 (handover.md, PROJECT_STRUCTURE.md)	2026-01-12 19:03:12 +09:00
frontend	모바일 웹: 멤버 페이지 UI 개선 (앱 디자인 적용)	2026-01-13 14:38:59 +09:00
.env	chore: 환경 변수 파일 업데이트	2026-01-06 14:17:31 +09:00
.gitignore	feat(app): 멤버 화면 블러 효과 및 dayjs 날짜 처리 적용	2026-01-12 12:47:59 +09:00
docker-compose.dev.yml	비디오 티저 썸네일 추출 기능 추가	2026-01-13 11:59:58 +09:00
docker-compose.yml	Meilisearch 검색 엔진 도입	2026-01-06 08:22:43 +09:00
Dockerfile	비디오 티저 썸네일 추출 기능 추가	2026-01-13 11:59:58 +09:00
download_photos.sh	feat: 멤버 관리 개선 - 전/현재 멤버 구분, D+Day 표시, UI 정리	2026-01-02 23:35:36 +09:00
README.md	📝 README 및 .gitignore 스타일 정리	2025-12-31 21:46:09 +09:00
update_descriptions.sql	feat: 앨범 상세 페이지 추가 및 UI 개선	2026-01-01 10:20:54 +09:00

README.md

🌸 fromis_9 Fan Site

프로미스나인 팬사이트입니다.

✨ 주요 기능

👥 멤버 소개 - 프로미스나인 멤버 프로필 및 상세 정보
💿 디스코그래피 - 앨범 목록 및 타이틀곡 정보
📅 스케줄 - 예정된 활동 일정 (자동 업데이트)
🔗 SNS 링크 - 공식 소셜 미디어 바로가기

📁 프로젝트 구조

fromis_9/
├── frontend/          # React + Vite 프론트엔드
├── backend/           # Node.js + Express 백엔드
├── Dockerfile         # 멀티스테이지 Docker 빌드
└── docker-compose.yml # Docker Compose 설정

🛠️ 기술 스택

Frontend

기술	설명
React 18	UI 라이브러리
Vite	빌드 도구
TailwindCSS	CSS 프레임워크
react-device-detect	PC/모바일 분기
framer-motion	애니메이션

Backend

기술	설명
Node.js	런타임 환경
Express	웹 프레임워크
MySQL2	데이터베이스 연동

🚀 실행 방법

Docker (권장)

docker compose up -d --build

개발 모드

# 프론트엔드
cd frontend && npm install && npm run dev

# 백엔드
cd backend && npm install && npm start

⚙️ 환경 변수

.env 파일에 다음 변수들을 설정하세요:

DB_HOST=mariadb
DB_USER=fromis9
DB_PASSWORD=your_password
DB_NAME=fromis9

🌐 접속

URL: https://fromis9.caadiq.co.kr

📄 라이선스

MIT License