eb98bd79f6
🎨 한글 기반 모던 디자인 시스템: - design-system.css: 포괄적인 디자인 토큰 및 컴포넌트 시스템 - CSS 변수 기반 색상, 타이포그래피, 간격, 그림자 체계 - 반응형 그리드, 플렉스 유틸리티, 애니메이션 시스템 - 카드, 버튼, 배지, 상태 표시기 등 재사용 가능한 컴포넌트 📊 모던 대시보드 구현: - modern-dashboard.html: 깔끔하고 직관적인 대시보드 레이아웃 - 실시간 시간 표시, 사용자 프로필 드롭다운 - 4개 요약 카드: 작업자 수, 작업 시간, 프로젝트 수, 오류 건수 - 프로젝트별 작업 현황 시각화 - 작업자 현황 카드/리스트 뷰 전환 기능 🚀 고급 기능: - modern-dashboard.js: ES6 모듈 기반 JavaScript - 실시간 데이터 로딩 및 캐싱 - 토스트 알림 시스템 - 로딩/에러 상태 처리 - 반응형 디자인 (모바일 최적화) ✨ 사용자 경험 개선: - 부드러운 애니메이션 및 호버 효과 - 직관적인 아이콘 및 한글 레이블 - 접근성 고려 (키보드 네비게이션, 색상 대비) - 일관된 시각적 계층 구조 접근: http://localhost:20000/pages/dashboard/modern-dashboard.html
TK-FB-Project - 통합 실행 가이드
🚀 한 번에 모든 서비스 실행
🎯 간편 실행 (권장)
cd /Users/hyungi/docker/TK-FB-Project
./start.sh
🛑 간편 중지
./stop.sh
📋 직접 실행
docker-compose up -d
docker-compose down
📊 서비스 목록
| 서비스 | 포트 | 접속 URL | 설명 |
|---|---|---|---|
| 웹 UI | 20000 | http://localhost:20000 | 메인 웹 인터페이스 |
| API 서버 | 20005 | http://localhost:20005 | Node.js API 서버 ✅ |
| FastAPI 브릿지 | 20010 | http://localhost:20010 | Python FastAPI 서비스 |
| phpMyAdmin | 20080 | http://localhost:20080 | DB 관리도구 |
| MariaDB | 20306 | - | 데이터베이스 서버 |
🛠️ 관리 명령어
모든 서비스 중지
cd /Users/hyungi/docker/TK-FB-Project
docker-compose down
서비스 상태 확인
docker ps | grep fb_
로그 확인
docker-compose logs -f
💾 데이터베이스 정보
- 호스트: localhost:20306
- 데이터베이스: hyungi
- 사용자: hyungi
- 비밀번호: hyungi_password_2025
- Root 비밀번호: hyungi_root_password_2025
✨ 주요 개선사항
- 통합 실행: 한 번의 명령으로 모든 서비스 실행
- 깔끔한 DB 초기화: 마이그레이션 오류 해결
- 일관된 네이밍: fb_ 접두사로 컨테이너 구분
- 안정적인 포트: 20000번대 포트 사용