No description

Find a file

caadiq 5472725e9c style(admin): 콘서트 굿즈 섹션 UI 개선 + 드래그앤드롭 재정렬 - 그리드 4열 레이아웃으로 전환해 카드 공백감 해소 - 세로 이미지 잘림 방지: aspect-[3/4] + object-contain + 회색 배경 - 호버 시 삭제 버튼 노출, 순서 뱃지 상시 표시 - 마지막 칸에 '+ 추가' 점선 타일 추가 (다중 업로드 가능) - @dnd-kit 기반 드래그앤드롭 재정렬 도입 (DragOverlay, rectSortingStrategy) Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>		2026-04-23 17:13:20 +09:00
app	feat(app): 예능 일정 상세 화면 추가	2026-04-05 17:06:06 +09:00
backend	feat(schedule): 행사 수정 폼 + 공개 상세 페이지 + 지도	2026-04-23 12:24:01 +09:00
docs	feat(schedule): 행사 수정 폼 + 공개 상세 페이지 + 지도	2026-04-23 12:24:01 +09:00
frontend	style(admin): 콘서트 굿즈 섹션 UI 개선 + 드래그앤드롭 재정렬	2026-04-23 17:13:20 +09:00
.env	chore: PubSubHubbub 환경변수 제거	2026-03-02 15:54:18 +09:00
.gitignore	feat(schedule): 행사 수정 폼 + 공개 상세 페이지 + 지도	2026-04-23 12:24:01 +09:00
CLAUDE.md	docs: 새 기능 추가 시 logActivity 호출 필수 안내 추가	2026-03-02 17:23:00 +09:00
docker-compose.yml	refactor: Meilisearch 봇을 단순 일일 동기화 방식으로 변경	2026-01-27 11:59: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