Hyungi Ahn 2662b1138e feat: 현황판 카드 정보 표시 방식 개선
📋 Information Display Improvements:

1️⃣ 마감시간/담당자 섹션 개선:
-  '마감시간 | 담당부서 담당자' (복잡한 한 줄 표시)
-  마감시간: / 담당자: (깔끔한 분리 표시)
- 담당부서 제거 (불필요한 정보)
- 각각 별도 라인으로 구분하여 가독성 향상

2️⃣ 부적합 내용 섹션 개선:
-  단순한 텍스트 표시
-  제목과 본문 구분 표시
- 첫 번째 단어를 제목으로 강조 (font-semibold)
- 나머지 내용을 본문으로 표시 (작은 글씨)
- 회색 배경 + 파란색 좌측 테두리로 시각적 구분

🎨 Visual Enhancements:
- 마감시간/담당자: 라벨(text-xs) + 값(font-medium) 구조
- 부적합 내용: 배경 박스 + 좌측 강조 테두리
- 제목: font-semibold + 약간 큰 글씨
- 본문: 작은 글씨 + 줄간격 조정 (leading-relaxed)

📱 Better Readability:
- 정보 계층 구조 명확화
- 시각적 구분으로 스캔 가능성 향상
- 공간 효율성과 가독성 균형

Expected Result:
 더 깔끔한 정보 표시
 제목-본문 구분으로 내용 파악 용이
 마감시간/담당자 정보 명확화
 시각적 계층 구조 개선
2025-10-26 11:06:33 +09:00

M-Project - 작업보고서 시스템

간단하고 효율적인 부적합 사항 관리 및 공수 계산 시스템

🚀 빠른 시작

Docker를 사용한 실행 (권장)

  1. Docker 컨테이너 실행:
cd M-Project
docker-compose up -d
  1. 브라우저에서 접속:
http://localhost:16080
  1. 로그인:
  • 관리자: hyungi / djg3-jj34-X3Q3
  • 검사자1: inspector1 / pass123
  • 검사자2: inspector2 / pass456

간단한 웹 서버 실행 (개발용)

cd M-Project
python3 -m http.server 16080

📱 주요 기능

1. 프로젝트 관리 (신규 추가 )

  • Job No. 기반 프로젝트 생성
  • 관리자 전용 프로젝트 생성 배너
  • 프로젝트 목록 조회 및 관리

2. 부적합 등록 (모바일 최적화)

  • 사진 촬영 또는 업로드 (최대 2장)
  • 카테고리별 분류 (자재누락, 설계미스, 입고자재 불량, 검사미스)
  • 상세 설명 입력

3. 목록 관리

  • 등록된 부적합 사항 조회
  • 작업 시간 입력
  • 상태 변경 (신규→진행중→완료)
  • 추가 메모 작성

4. 일일 공수 관리

  • 작업자 수 및 정규/야근 시간 입력
  • 날짜별 공수 추적
  • 자동 계산 기능

5. 보고서

  • 작업 기간 및 총 공수 자동 계산
  • 카테고리별 통계
  • 부적합 사항 상세 내역
  • 인쇄 가능한 형식

📁 파일 구조

M-Project/
├── index.html      # 메인 애플리케이션
├── Rules.md        # 시스템 규칙 및 요구사항
└── README.md       # 이 파일

🛠️ 기술 스택

  • Backend: FastAPI (Python), SQLAlchemy, PostgreSQL
  • Frontend: HTML5, Tailwind CSS, JavaScript (Vanilla)
  • Database: PostgreSQL 15
  • Container: Docker & Docker Compose
  • Web Server: Nginx
  • Authentication: JWT (JSON Web Token)
  • Icons: Font Awesome

📋 데이터 구조

부적합 사항은 다음과 같은 형식으로 저장됩니다:

{
  id: 1234567890,                    // 타임스탬프
  photo: "data:image/jpeg;base64...", // Base64 이미지
  location: "2층 회의실",              // 위치
  category: "safety",                 // 카테고리
  description: "안전 장비 미착용",      // 설명
  urgency: "high",                    // 긴급도
  status: "new",                      // 상태
  reporter: "inspector1",             // 보고자 ID
  reporterName: "검사자1",            // 보고자 이름
  reportDate: "2025-09-17T10:30:00", // 보고 일시
  workHours: 2.5,                    // 작업 시간
  detailNotes: "추가 메모..."         // 상세 메모
}

특징

  • 모바일 우선: 현장에서 스마트폰으로 쉽게 입력
  • 실시간 데이터: PostgreSQL 데이터베이스로 실시간 동기화
  • 권한 관리: 관리자/일반 사용자 역할 기반 접근 제어
  • Docker 기반: 간편한 배포 및 확장성
  • RESTful API: 표준 API 설계로 확장 가능

🔒 보안 기능

  • JWT 인증: 토큰 기반 보안 인증 시스템
  • 비밀번호 암호화: bcrypt 해시를 사용한 안전한 비밀번호 저장
  • 권한 기반 접근: 역할별 API 접근 제어
  • SQL 인젝션 방지: SQLAlchemy ORM 사용

📚 문서

📝 라이선스

내부 사용 목적으로 제작됨


최종 업데이트: 2024-10-24
버전: 1.0.0 (프로젝트 관리 기능 추가)

Description
No description provided
Readme 1.9 MiB
Languages
HTML 66.2%
Python 13.6%
JavaScript 13.4%
PLpgSQL 5%
Shell 1.3%
Other 0.5%