bad5584988
🎨 모던 디자인 시스템 적용: 1. 대시보드와 일관된 디자인 언어: - design-system.css 활용한 통일된 색상, 타이포그래피 - 동일한 카드, 버튼, 애니메이션 스타일 - 일관된 간격, 그림자, 테두리 반경 2. 새로운 CSS 파일 분리: - daily-work-report.css 생성 (673줄) - 인라인 스타일 완전 제거 (926줄 → 0줄) - 모듈화된 스타일 관리 🚀 사용자 경험 대폭 개선: 1. 모던한 진행 단계 표시: - 상단 3단계 진행 바 추가 - 실시간 단계 상태 표시 (활성/완료) - 시각적 진행도 피드백 2. 개선된 레이아웃 구조: - 헤더: 그라데이션 배경, 중앙 정렬 - 메인: 최대 너비 1200px, 중앙 배치 - 카드: 일관된 패딩, 그림자, 테두리 3. 향상된 작업자 선택 UI: - worker-btn → worker-card 클래스 변경 - 카드형 디자인으로 시각적 개선 - 호버 효과: 상단 컬러 바, 배경 변화 - 선택 상태: 그라데이션 배경, 흰색 텍스트 ✨ 인터랙션 개선: 1. 버튼 디자인 통일: - 일관된 패딩, 높이 (48px) - 호버 효과: translateY(-2px), 그림자 확대 - 색상: primary, success, secondary 통일 2. 폼 요소 개선: - form-input 클래스로 통일된 스타일 - 포커스 상태: 테두리 색상, 그림자 효과 - 라벨: 명확한 계층 구조 3. 애니메이션 효과: - 단계 전환: opacity, transform 애니메이션 - 카드 호버: translateY, 그림자 변화 - 부드러운 전환: var(--transition-normal) 📱 반응형 디자인 최적화: 1. 모바일 (768px 이하): - 진행 단계: 세로 배치 - 작업자 그리드: 1열로 변경 - 패딩, 폰트 크기 조정 2. 태블릿 (1024px 이하): - 적절한 그리드 컬럼 수 조정 - 터치 친화적 버튼 크기 🔧 기술적 개선: 1. JavaScript 업데이트: - updateProgressSteps() 함수 추가 - 진행 단계 실시간 업데이트 - CSS 클래스명 변경 반영 2. HTML 구조 개선: - 시맨틱 태그 활용 (header, main) - 접근성 향상 (label, aria 속성) - 깔끔한 마크업 구조 🎯 결과: - 대시보드와 완벽한 디자인 일관성 - 직관적이고 사용하기 쉬운 인터페이스 - 모든 디바이스에서 최적화된 경험 - 프로페셔널한 시각적 품질 테스트: http://localhost:20000/pages/common/daily-work-report.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번대 포트 사용