No description

Find a file

caadiq 64fc07044d feat(frontend): Phase 7 - 레이아웃 및 스케줄 페이지 마이그레이션 레이아웃 컴포넌트: - Header: PC용 헤더 (네비게이션 + SNS 링크) - MobileNav: 모바일 하단 네비게이션 - Footer: PC용 푸터 - Layout: PC/Mobile 통합 레이아웃 (useIsMobile 기반 분기) 스케줄 페이지 (기본 구조): - PC: 좌측 캘린더 + 우측 일정 목록 - Mobile: 상단 네비게이션 + 일정 목록 - 월 변경, 날짜 선택, 일정 표시 기능 App.jsx 업데이트: - 라우팅 설정 (/, /schedule, /members, /album) - Layout 컴포넌트 적용 상수 추가: - NAV_ITEMS: 네비게이션 메뉴 항목 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>		2026-01-21 17:54:27 +09:00
app	fix: 일정 상세 화면 UI 개선	2026-01-15 21:39:29 +09:00
backend	feat(backend): Redis 캐시 확대 - 카테고리, 앨범 목록/상세 캐싱	2026-01-21 16:16:09 +09:00
docs	feat(frontend): Phase 4 - API 계층 구현	2026-01-21 17:17:56 +09:00
frontend	fix(frontend): 멤버 표시 오류 수정 및 생일 우선 정렬 추가	2026-01-21 16:26:17 +09:00
frontend-temp	feat(frontend): Phase 7 - 레이아웃 및 스케줄 페이지 마이그레이션	2026-01-21 17:54:27 +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