213f57b52d
Media Engine Control Panel — 6탭 웹 대시보드 [백엔드] FastAPI (dashboard/backend/) - server.py: 포트 8080, CORS, React SPA 서빙 - api_overview.py: KPI 카드 + 파이프라인 상태 + 활동 로그 - api_content.py: 칸반 보드 + 승인/거부 + 수동 트리거 - api_analytics.py: 방문자 추이 + 플랫폼/코너별 성과 - api_novels.py: 소설 목록/생성/에피소드 관리 - api_settings.py: engine.json CRUD - api_connections.py: AI 서비스 연결 관리 + 키 저장 - api_tools.py: 기능별 AI 도구 선택 - api_cost.py: 구독 현황 + API 사용량 추적 - api_logs.py: 시스템 로그 필터/검색 [프론트엔드] React + Vite + Tailwind + Recharts (dashboard/frontend/) - Overview: KPI 카드 + 파이프라인 + 코너별 바차트 + 활동 로그 - Content: 4열 칸반 보드 + 상세 모달 + 승인/거부 - Analytics: LineChart 방문자 추이 + 플랫폼별 성과 - Novel: 소설 목록 + 에피소드 테이블 + 새 소설 생성 폼 - Settings: 5개 서브탭 (AI연결/도구선택/배포채널/품질/비용관리) - Logs: 필터/검색 시스템 로그 뷰어 [디자인] CNN 다크+골드 테마 - 배경 #0a0a0d + 액센트 #c8a84e - 모바일 반응형 (Tailscale 외부 접속 대응) [실행] - dashboard/start.bat 더블클릭 → http://localhost:8080 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
91 lines
2.6 KiB
Bash
91 lines
2.6 KiB
Bash
#!/bin/bash
|
|
# The 4th Path — Control Panel 시작 스크립트
|
|
# 백엔드(FastAPI) + 프론트엔드(Vite dev) 동시 실행
|
|
|
|
set -e
|
|
|
|
SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
|
|
PROJECT_ROOT="$(dirname "$SCRIPT_DIR")"
|
|
FRONTEND_DIR="$SCRIPT_DIR/frontend"
|
|
BACKEND_DIR="$SCRIPT_DIR/backend"
|
|
|
|
echo "================================================"
|
|
echo " The 4th Path · Control Panel"
|
|
echo " 프로젝트 루트: $PROJECT_ROOT"
|
|
echo "================================================"
|
|
|
|
# Python 가상환경 확인
|
|
if [ -d "$PROJECT_ROOT/venv" ]; then
|
|
echo "[*] 가상환경 활성화..."
|
|
source "$PROJECT_ROOT/venv/bin/activate" 2>/dev/null || source "$PROJECT_ROOT/venv/Scripts/activate" 2>/dev/null
|
|
elif [ -d "$PROJECT_ROOT/.venv" ]; then
|
|
source "$PROJECT_ROOT/.venv/bin/activate" 2>/dev/null || source "$PROJECT_ROOT/.venv/Scripts/activate" 2>/dev/null
|
|
fi
|
|
|
|
# 백엔드 의존성 확인
|
|
echo "[*] 백엔드 의존성 확인..."
|
|
cd "$PROJECT_ROOT"
|
|
pip install fastapi uvicorn python-dotenv 2>/dev/null || true
|
|
|
|
# 프론트엔드 의존성 확인
|
|
if [ ! -d "$FRONTEND_DIR/node_modules" ]; then
|
|
echo "[*] 프론트엔드 의존성 설치 (npm install)..."
|
|
cd "$FRONTEND_DIR"
|
|
npm install
|
|
fi
|
|
|
|
# 프론트 빌드 여부 확인
|
|
if [ ! -d "$FRONTEND_DIR/dist" ]; then
|
|
echo "[*] 프론트엔드 빌드..."
|
|
cd "$FRONTEND_DIR"
|
|
npm run build
|
|
fi
|
|
|
|
# 함수: 백엔드 실행
|
|
start_backend() {
|
|
echo "[*] 백엔드 시작 (http://localhost:8080)..."
|
|
cd "$PROJECT_ROOT"
|
|
python -m uvicorn dashboard.backend.server:app --host 0.0.0.0 --port 8080 --reload &
|
|
BACKEND_PID=$!
|
|
echo " PID: $BACKEND_PID"
|
|
}
|
|
|
|
# 함수: 프론트엔드 개발 서버 실행
|
|
start_frontend_dev() {
|
|
echo "[*] 프론트엔드 개발 서버 시작 (http://localhost:5173)..."
|
|
cd "$FRONTEND_DIR"
|
|
npm run dev &
|
|
FRONTEND_PID=$!
|
|
echo " PID: $FRONTEND_PID"
|
|
}
|
|
|
|
# 실행 모드 선택
|
|
MODE=${1:-"prod"}
|
|
|
|
if [ "$MODE" = "dev" ]; then
|
|
start_backend
|
|
start_frontend_dev
|
|
echo ""
|
|
echo "개발 모드 실행 중:"
|
|
echo " 프론트엔드: http://localhost:5173"
|
|
echo " 백엔드 API: http://localhost:8080"
|
|
echo ""
|
|
echo "종료: Ctrl+C"
|
|
trap "kill $BACKEND_PID $FRONTEND_PID 2>/dev/null; exit" INT TERM
|
|
wait
|
|
else
|
|
# 프로덕션 모드: 프론트 빌드 후 백엔드만 실행
|
|
echo "[*] 프론트엔드 빌드..."
|
|
cd "$FRONTEND_DIR"
|
|
npm run build
|
|
|
|
start_backend
|
|
echo ""
|
|
echo "프로덕션 모드 실행 중:"
|
|
echo " 대시보드: http://localhost:8080"
|
|
echo ""
|
|
echo "종료: Ctrl+C"
|
|
trap "kill $BACKEND_PID 2>/dev/null; exit" INT TERM
|
|
wait $BACKEND_PID
|
|
fi
|