No description

Find a file

caadiq 76e0c2ee72 feat(frontend-temp): Phase 10 - 앨범 목록 페이지 구현 PC 앨범 페이지: - 앨범 목록 그리드 (4열) - 앨범 타입별 통계 (정규/미니/싱글/총) - 호버 시 트랙 수 표시 - 타이틀곡 및 발매일 표시 Mobile 앨범 페이지: - 앨범 목록 그리드 (2열) - 앨범 타입 및 발매년도 표시 Note: 앨범 상세 페이지(AlbumDetail, AlbumGallery)는 추후 구현 예정 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>		2026-01-22 09:23:24 +09:00
app	fix: 일정 상세 화면 UI 개선	2026-01-15 21:39:29 +09:00
backend	fix(backend): 검색 결과에서 _rankingScore 제거 및 CORS 설정 추가	2026-01-21 23:21:24 +09:00
docs	chore: docs 파일 정리 및 불필요한 파일 삭제	2026-01-22 00:49:46 +09:00
frontend	refactor(frontend): 관리자 일정 API도 새 형식에 맞게 업데이트	2026-01-21 23:35:17 +09:00
frontend-temp	feat(frontend-temp): Phase 10 - 앨범 목록 페이지 구현	2026-01-22 09:23:24 +09:00
.env	chore: NODE_ENV를 development로 변경	2026-01-18 22:12:16 +09:00
.gitignore	feat: 추천 검색어 시스템 구현 (kiwi-nlp 형태소 분석)	2026-01-18 13:01:29 +09:00
CLAUDE.md	feat: YouTube API 할당량 절감을 위한 playlist ID 캐싱	2026-01-19 12:32:04 +09:00
docker-compose.yml	feat(frontend): Phase 1 - 리팩토링을 위한 frontend-temp 프로젝트 셋업	2026-01-21 17:04:18 +09:00
README.md	📝 README 및 .gitignore 스타일 정리	2025-12-31 21:46:09 +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