2445b3b29e
🎯 문제 해결: - 빠른 작업 카드들이 가운데 몰려있고 양쪽에 과도한 여백 발생 - 화면 공간 활용도가 낮아 사용자 경험 저하 📐 레이아웃 최적화: 1. 메인 컨테이너 확장: - 최대 너비: 1400px → 1600px (200px 확장) - 좌우 패딩: var(--space-6) → var(--space-4) (축소) - 더 넓은 콘텐츠 영역 확보 2. 카드 그리드 개선: - 카드 간격: var(--space-4) → var(--space-6) (확대) - 전체 너비 활용: width: 100%, max-width: none - 4개 카드가 화면 전체에 균등 분배 ✅ 개선 효과: - 양쪽 여백 최소화로 공간 효율성 극대화 - 카드들이 화면 전체에 균등하게 분산 - 더 넓은 클릭 영역으로 사용성 향상 - 시각적 균형감 개선 📱 반응형 호환성: - 기존 태블릿/모바일 반응형 디자인 유지 - 데스크톱에서만 확장된 레이아웃 적용 - 모든 디바이스에서 최적화된 경험 🎨 시각적 개선: - 카드 간 적절한 간격으로 가독성 향상 - 전체적인 레이아웃 밸런스 개선 - 프리미엄 느낌의 넓은 공간 활용 결과: 화면 공간을 효율적으로 활용하는 최적화된 레이아웃 테스트: http://localhost:20000/pages/dashboard/group-leader.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번대 포트 사용