No description
caadiq
7c20e9bb17
- Admin: EventEditForm 추가 (기존 포스터 유지 + 신규 추가 조합), ScheduleItem 편집 경로에 '행사' 분기 - PC 공개 상세: EventSection 추가 - 포스터 Swiper 슬라이드 + 호버 화살표, 클릭 시 Lightbox, 카카오맵 + 마커 + 장소명 오버레이, 관련 링크는 중간점+primary 색상, max-w-5xl 및 text-2xl로 크기 확대 - Mobile 공개 상세: MobileEventSection 추가 (포스터/장소/지도/링크) - KakaoMap 공용 컴포넌트 신규 (SDK 1회 로드 공유), VITE_KAKAO_JS_KEY 사용 - .gitignore: frontend/.env 제외 - routes/admin/events.js: PUT 핸들러의 addOrUpdateSchedule → syncScheduleById 정정 - 관련 문서(api/architecture/development) 업데이트 Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| app | ||
| backend | ||
| docs | ||
| frontend | ||
| .env | ||
| .gitignore | ||
| CLAUDE.md | ||
| docker-compose.yml | ||
| 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
🌐 접속
📄 라이선스
MIT License