TK-Project/시연회_핵심기능_5선.md

# 🎯 TK Project 시연회용 핵심 기능 5선

## 📋 개요
시연회를 위해 선별된 TK Project의 핵심 기능들입니다. 
DB 연동 없이 하드코딩으로 구현하여 전체 워크플로우를 효과적으로 시연할 예정입니다.

---

## 🚀 핵심 기능 6선

### 0. **🏢 프로젝트 관리 (워크플로우 시작점)**

#### 🎯 **시연 포인트**
- 전체 워크플로우의 중심이 되는 프로젝트 선택 시스템
- 간단하고 직관적인 UI로 빠른 프로젝트 접근

#### 📱 **구현 내용**

##### **🎨 간단한 프로젝트 선택기**
- **중앙 배치 디자인**:
  - 큰 "TK Project" 타이틀
  - "프로젝트를 선택하여 관리를 시작하세요" 안내 문구
- **HTML Select 박스**:
  - 4개 프로젝트 옵션 (하드코딩)
  - 깔끔하고 직관적인 드롭다운 방식
- **동적 액션 버튼**:
  - 프로젝트 선택 시에만 표시
  - 🏭 생산회의록, 📦 입고 검수, 🔧 생산팀 작업

##### **💡 하드코딩 데이터**
```javascript
const projectOptions = [
  { value: "TK-2024-015", text: "ABC 공장 배관공사 (TK-2024-015)" },
  { value: "TK-2024-016", text: "DEF 플랜트 배관 설치 (TK-2024-016)" },
  { value: "TK-2024-017", text: "GHI 정유 공장 개보수 (TK-2024-017)" },
  { value: "TK-2024-012", text: "JKL 화학 공장 신설 (TK-2024-012)" }
];
```

##### **🔄 워크플로우 연결**
```
프로젝트 선택 → 세션 스토리지 저장 → 각 기능 페이지로 이동
```

##### **💡 실제 구현 시 고려사항**
- **납기 필터링**: 납기가 지나지 않고 완료 처리가 안된 프로젝트만 표시
- **동적 로딩**: DB에서 활성 프로젝트 목록을 가져와서 select 옵션 생성
- **권한 관리**: 사용자 권한에 따른 프로젝트 접근 제어

```javascript
// 실제 구현시 필터링 로직 예시
function getActiveProjects() {
  // 납기가 지나지 않았고 완료 처리가 안된 프로젝트만 반환
  return projects.filter(project => {
    const today = new Date();
    const deadline = new Date(project.deadline);
    return deadline >= today && project.status !== 'completed';
  });
}
```

---

### 1. **📋 프로젝트 정보 등록 (2단계 시스템)**

#### 🎯 **시연 포인트**
- 1단계: 프로젝트 생성 및 기본 정보 입력
- 2단계: 킥오프 미팅 후 세부 사양 및 요구사항 입력

---

#### **📝 1단계: 프로젝트 생성**

##### **📱 구현 내용**
- **프로젝트 기본 정보**:
  - 프로젝트명, 고객사, 계약금액
  - 수주일, **납기일**, 프로젝트 규모
  - **납품방식**: 현장납품/공장인도/부분납품
- **자동 Job No. 생성**: `TK-YYYY-XXX` 형식
- **제작 방식 선택**: 외주 vs 자체제작
- **담당자 배정**:
  - 영업담당, PM, 설계팀장, 품질팀장, 구매팀장, 생산팀장

##### **💡 하드코딩 데이터**
```javascript
const projectBasicInfo = {
  jobNo: "TK-2024-015",
  name: "ABC 공장 배관공사",
  client: "ABC 케미칼",
  contractAmount: "150,000,000",
  orderDate: "2024-01-15",
  deliveryDate: "2024-03-30",
  deliveryMethod: "현장납품", // 현장납품/공장인도/부분납품
  productionType: "자체제작",
  scale: "중형", // 소형/중형/대형
  status: "승인완료" // 기본정보입력 = 프로젝트승인
};
```

---

#### **🎯 2단계: 세부 사양 입력**

##### **📱 구현 내용**
- **킥오프 미팅 결과**:
  - 미팅 일자, 참석자, 주요 결정사항
  - 고객 요구사항 변경점
- **기술 사양서 (User Spec)**:
  - 설계 기준 (ASME, KS, JIS 등)
  - 사용 압력, 온도, 유체 종류
  - 특수 요구사항 (내식성, 내압성 등)
- **프로젝트 세부 일정**:
  - 설계 완료일, 자재 발주 완료일
  - 제작 시작일, FAT 일정, 납품 일정
- **품질 요구사항**:
  - 필수 검사 항목, 성적서 요구사항
  - 고객 입회 검사 여부
- **특이사항 및 리스크**:
  - 기술적 난이도, 일정상 제약
  - 고객사 특수 요구사항

##### **💡 하드코딩 데이터**
```javascript
const projectDetailInfo = {
  jobNo: "TK-2024-015",
  kickoffMeeting: {
    date: "2024-01-20",
    attendees: ["김영업", "이PM", "박설계", "최고객"],
    decisions: ["압력등급 150LB로 확정", "재질 SS316L로 변경"]
  },
  technicalSpec: {
    designStandard: "ASME B31.3",
    workingPressure: "10 bar",
    workingTemperature: "80°C",
    fluid: "화학용매",
    specialRequirements: ["내식성 강화", "고온 대응"]
  },
  schedule: {
    designComplete: "2024-02-15",
    procurementComplete: "2024-02-28",
    productionStart: "2024-03-01",
    fatDate: "2024-03-25",
    deliveryDate: "2024-03-30"
  },
  qualityRequirements: {
    mandatoryTests: ["압력시험", "재질성분분석", "용접검사"],
    certificates: ["재질증명서", "압력시험성적서", "용접검사성적서"],
    customerWitness: true
  },
  risks: [
    { type: "기술", description: "특수 합금 용접 기술 필요", level: "중" },
    { type: "일정", description: "납기 단축 요구", level: "높음" },
    { type: "품질", description: "고객사 높은 품질 기준", level: "중" }
  ],
  status: "진행중", // 세부사양은 지속적으로 업데이트
  lastUpdated: "2024-01-25"
};
```

---

#### **🔄 프로젝트 진행 워크플로우**

##### **Step 1: 프로젝트 생성 및 승인** (영업팀)
```
수주 확정 → 기본 정보 입력 → Job No. 생성 → 담당자 배정 → 프로젝트 승인 ✅
```
**⚠️ 중요**: 기본 정보 입력 완료 = 프로젝트 승인 완료 (프로젝트 시작)

##### **Step 2: 킥오프 미팅** (선택적, 프로젝트 진행 중)
```
고객 미팅 → 요구사항 정리 → 내부 검토 → 세부 일정 수립
```
**📝 특징**: 프로젝트 진행 중 언제든 추가/수정 가능

##### **Step 3: 세부 사양 입력** (지속적, PM 주도)
```
기술사양 입력 → 품질요구사항 정리 → 리스크 분석 → 정보 업데이트
```
**📝 특징**: 납품까지 지속적으로 추가/수정 가능

##### **Step 4: 지속적 정보 관리** (전 기간)
```
설계 변경 → 고객 요구사항 변경 → 일정 조정 → 품질 기준 변경
```
**📝 특징**: 프로젝트 전 기간에 걸쳐 필요시 언제든 업데이트

---

### 2. **🏭 생산회의록 시스템**

#### 🎯 **시연 포인트**
- 선택한 프로젝트의 공정표 기반 일정 관리
- 캘린더 기반 마감일자 관리 및 Follow-up 추적

#### 📱 **구현 내용**

##### **📋 프로젝트 공정표 (상단)**
- **공정별 진행 현황**:
  - 설계 → 구매 → 제작 → 검사 → 납품 단계별 표시
  - 각 공정별 진행률 (%) 및 상태 (완료/진행중/대기)
  - 담당자 및 예정 완료일
- **Gantt Chart 스타일**:
  - 시각적 타임라인 표시
  - 지연 공정 빨간색 표시
  - 임계 경로 (Critical Path) 강조

##### **📅 캘린더 기반 마감일자 관리 (중앙)**
- **주요 마감일 등록**:
  - 도장 외주: 출고일 (2024-09-20) → 입고 예정일 (2024-09-25)
  - 추가 발주품: 엘보 10EA → 입고 예정일 (2024-09-18)
  - 검사 일정: 압력시험 (2024-09-22), 고객 입회검사 (2024-09-28)
- **일정 입력 방식**:
  - 캘린더 클릭 → 일정 유형 선택 → 상세 내용 입력
  - 길어지는 내용은 클릭하여 **메모 형식**으로 상세 입력 가능
- **알림 시스템**:
  - D-3, D-1 자동 알림
  - 지연 일정 빨간색 표시

##### **📦 입고 예정 품목 (우측)**
- **해당 프로젝트 발주 현황**:
  - 발주 품목명, 수량, 공급업체
  - 발주일, 예정 입고일, 현재 상태
- **상태별 색상 구분**:
  - 🟢 **정상**: 예정일 내 입고 예상
  - 🟡 **주의**: 입고일 임박 (D-2 이내)
  - 🔴 **지연**: 예정일 초과
- **리스트 형식**:
  ```
  ✅ 파이프 4인치 x 50EA (입고완료 - 09/10)
  🟡 밸브 2인치 x 10EA (입고예정 - 09/16)
  🔴 엘보 4인치 x 20EA (지연 - 09/12 → 09/18)
  ```

##### **⚠️ Follow-up 리스트 (하단)**
- **미해결 중요 사항**:
  - 우선순위별 정렬 (긴급/높음/보통)
  - 등록일, 담당자, 예상 해결일
- **Follow-up 항목 예시**:
  - 🔴 **긴급**: 밸브 A 납기 지연 → 대체 업체 검토 중 (구매팀)
  - 🟡 **높음**: 용접 검사 일정 조정 필요 (품질팀)
  - 🟢 **보통**: 도면 수정 요청 검토 (설계팀)

#### 💡 **하드코딩 데이터**
```javascript
const productionMeeting = {
  project: "TK-2024-015",
  date: "2024-09-14",
  
  // 공정표
  processChart: {
    design: { progress: 100, status: "완료", dueDate: "2024-02-15", responsible: "박설계" },
    procurement: { progress: 85, status: "진행중", dueDate: "2024-02-28", responsible: "김구매" },
    production: { progress: 60, status: "진행중", dueDate: "2024-03-20", responsible: "이생산" },
    inspection: { progress: 0, status: "대기", dueDate: "2024-03-25", responsible: "최품질" },
    delivery: { progress: 0, status: "대기", dueDate: "2024-03-30", responsible: "박PM" }
  },
  
  // 캘린더 일정
  schedule: [
    {
      date: "2024-09-20",
      type: "외주출고",
      title: "도장 작업 출고",
      memo: "A구역 파이프 20본, B구역 밸브 5개\n업체: 대한도장\n연락처: 010-1234-5678",
      responsible: "김구매"
    },
    {
      date: "2024-09-22",
      type: "검사일정", 
      title: "압력시험",
      memo: "시험압력: 15bar, 30분간 유지\n검사자: 최품질, 이생산",
      responsible: "최품질"
    }
  ],
  
  // 입고 예정 품목
  expectedDeliveries: [
    { item: "파이프 4인치", qty: 50, supplier: "대한파이프", orderDate: "2024-09-01", expectedDate: "2024-09-10", status: "입고완료" },
    { item: "밸브 2인치", qty: 10, supplier: "코리아밸브", orderDate: "2024-09-05", expectedDate: "2024-09-16", status: "정상" },
    { item: "엘보 4인치", qty: 20, supplier: "피팅코리아", orderDate: "2024-09-08", expectedDate: "2024-09-12", actualDate: "2024-09-18", status: "지연" }
  ],
  
  // Follow-up 리스트
  followUps: [
    {
      id: 1,
      priority: "긴급",
      title: "밸브 A 납기 지연 대응",
      description: "주 공급업체 생산 지연으로 대체 업체 검토 필요",
      responsible: "김구매",
      registeredDate: "2024-09-10",
      expectedResolution: "2024-09-17",
      status: "진행중"
    },
    {
      id: 2, 
      priority: "높음",
      title: "용접 검사 일정 조정",
      description: "고객사 일정 변경으로 검사일 재조정 필요",
      responsible: "최품질",
      registeredDate: "2024-09-12",
      expectedResolution: "2024-09-20",
      status: "검토중"
    }
  ]
};
```

##### **📝 데일리 체크 (별도 페이지)**
> **참고**: 데일리 체크는 별도 기능으로 분리 예정
- **문제 발생 즉시 기록**:
  1. **즉시 해결**: 문제 → 책임 → 해결자 → 사진자료 → 완료처리
  2. **지연 해결**: 문제 기록 → Follow-up 등록 → 해결책 강구 → 해결 완료
- **생산회의록과 연동**: 미해결 문제는 Follow-up 리스트에 자동 반영

---

### 3. **📦 입고 검수 & 보관 관리**

#### 🎯 **시연 포인트**
- 발주 정보 연동을 통한 입고 예정 품목 자동 표시
- 구매 담당자 중심의 검수 → 보관 → 인수인계 프로세스

#### 📱 **구현 내용**

##### **📋 발주 연동 입고 대시보드 (상단)**
- **발주 정보 자동 연동**:
  - 프로젝트별 발주 품목 자동 가져오기
  - 발주번호, 품목명, 수량, 공급업체, 발주일
  - 예정 입고일, 담당 구매자
- **입고 상태 추적**:
  - 🟢 **입고완료**: 검수 및 보관 완료
  - 🟡 **입고대기**: 오늘 입고 예정
  - 🔵 **검수중**: 입고됨, 검수 진행중
  - 🟠 **보관대기**: 검수완료, 위치 지정 필요
  - 🔴 **지연**: 예정일 초과

##### **🔍 입고 검수 프로세스 (중앙)**
- **1단계: 입고 확인**
  - 발주 품목 리스트에서 입고된 품목 선택
  - 납품서, 검사성적서 등 서류 확인
  - 운송 상태 및 포장 상태 체크
- **2단계: 검수 진행**
  - **수량 검수**: 발주 수량 vs 입고 수량 대조
  - **외관 검사**: 손상, 변형, 오염 여부 확인
  - **규격 검사**: 도면 사양 vs 실제 규격 대조
  - **사진 촬영**: 검수 과정 및 결과 기록
- **3단계: 검수 결과 처리**
  - ✅ **합격**: 보관 단계로 진행
  - ❌ **불합격**: NCR 발행, 공급업체 연락
  - 📝 **조건부 합격**: 경미한 결함, 사용 가능 판정

##### **📍 보관 위치 관리 (하단)**
- **창고 구역 선택** (지도는 추후 구현):
  - A구역 (파이프류), B구역 (밸브류), C구역 (피팅류), D구역 (기타)
  - 각 구역별 가용 공간 및 적재 현황 표시
- **세부 위치 지정**:
  - 구역 → 선반번호 → 세부 위치 (상/중/하단)
  - QR코드 또는 바코드 생성하여 라벨 출력
- **보관 완료 처리**:
  - 위치 정보 시스템 등록
  - 자동 생산팀 알림 (인수 가능 상태)
  - 재고 관리 시스템 업데이트

##### **🔄 인수인계 관리**
- **생산팀 인수 요청**:
  - 프로젝트별 필요 자재 검색
  - 보관 위치 정보 제공
  - 인수 수량 입력 및 확인
- **상태 변경 추적**:
  - 🟢 **보관중**: 창고 보관 상태
  - 🔵 **인수완료**: 생산팀 인수 완료
  - 🟡 **부분인수**: 일부만 인수된 상태
  - 🔴 **불출**: 최종 사용 완료

#### 💡 **하드코딩 데이터**
```javascript
const incomingManagement = {
  // 발주 연동 데이터
  purchaseOrders: [
    {
      poNumber: "PO-2024-0156",
      project: "TK-2024-015",
      item: "스테인리스 파이프 4인치 SCH40",
      qty: 50,
      unit: "EA",
      supplier: "대한파이프",
      orderDate: "2024-09-01",
      expectedDate: "2024-09-15",
      buyer: "김구매",
      status: "입고대기"
    },
    {
      poNumber: "PO-2024-0157", 
      project: "TK-2024-015",
      item: "게이트밸브 2인치 150LB",
      qty: 10,
      unit: "EA", 
      supplier: "코리아밸브",
      orderDate: "2024-09-05",
      expectedDate: "2024-09-16",
      buyer: "김구매",
      status: "검수중"
    }
  ],
  
  // 검수 체크리스트
  inspectionChecklist: {
    "파이프": ["수량확인", "길이측정", "두께측정", "표면상태", "마킹확인"],
    "밸브": ["수량확인", "압력등급", "재질확인", "작동테스트", "성적서확인"],
    "피팅": ["수량확인", "나사규격", "재질확인", "표면처리", "치수확인"]
  },
  
  // 창고 구역 정보
  warehouseZones: [
    { 
      id: "A", 
      name: "파이프류", 
      capacity: 100, 
      current: 75, 
      shelves: ["A-1", "A-2", "A-3", "A-4", "A-5"] 
    },
    { 
      id: "B", 
      name: "밸브류", 
      capacity: 80, 
      current: 45, 
      shelves: ["B-1", "B-2", "B-3", "B-4"] 
    }
  ],
  
  // 인수인계 현황
  handoverStatus: [
    {
      item: "파이프 4인치",
      totalQty: 50,
      storedQty: 50,
      handedQty: 30,
      remainingQty: 20,
      location: "A-3-상단",
      project: "TK-2024-015",
      status: "부분인수"
    }
  ]
};
```

##### **🎯 구매 담당자 업무 플로우**
```
발주 완료 → 입고 예정 모니터링 → 입고 확인 → 검수 진행 → 
보관 위치 지정 → 생산팀 알림 → 인수인계 → 상태 업데이트
```

---

### 4. **🔧 생산팀 작업 관리 (그룹장용 TK-FB 통합)**

#### 🎯 **시연 포인트**
- 그룹장 중심의 일일 작업 현황 관리
- 자재 확인 및 요청 기능 통합

#### 📱 **구현 내용**

##### **📝 일일 작업 현황 입력 (TK-FB 스타일)**
- **그룹별 작업 현황**:
  - 그룹명, 작업 인원, 담당 그룹장
  - 오늘 작업 프로젝트 (Job No. 선택)
  - 주요 작업 내용 (드롭다운 + 자유 입력)
- **작업 진행 상황**:
  - 작업 시작/종료 시간
  - 진행률 (%) 및 완료 예정일
  - 작업 난이도 (쉬움/보통/어려움)
- **이슈 및 문제점**:
  - 자재 부족, 도면 문제, 품질 이슈, 안전사고 등
  - 문제 발생 시간, 해결 방법, 담당자
  - 사진 첨부 및 상세 설명
  - 긴급도 설정 (낮음/보통/높음/긴급)

##### **📦 자재 확인 기능**
- **프로젝트별 자재 현황 조회**:
  - Job No. 입력 → BOM 리스트 자동 로드
  - 필요 자재 목록 전체 표시
  - 각 자재별 현재 상태 확인
- **자재 상태 실시간 확인**:
  - 🟢 **사용가능**: 창고 보관 중, 인수 가능
  - 🔵 **인수완료**: 생산팀에서 보유 중
  - 🟡 **입고완료**: 창고 보관, 아직 미인수
  - 🟠 **발주중**: 구매 진행 중, 입고 대기
  - 🔴 **구매요청**: 설계팀에서 구매 요청 단계
  - ⚫ **미요청**: 아직 구매 요청 안됨
- **자재 위치 및 상세 정보**:
  - **있는 경우**: 창고 구역 및 선반 위치 (A-3-상단), 보관 수량
  - **없는 경우**: 현재 진행 단계 (구매요청/발주중/입고예정일)
  - 마지막 업데이트 시간

##### **🔍 자재 부족시 대응**
- **단순 확인 기능**:
  - 자재 유무 및 상태만 확인
  - 위치 정보 및 수량 확인
  - 구매 진행 상황 확인
- **데일리 체크 연동**:
  - 부족한 자재 발견시 → 데일리 체크에 이슈 등록
  - "엘보 4인치 부족으로 작업 지연" 등 기록
  - 설계팀/구매팀에 정보 전달용 (직접 요청 X)
- **자재 인수 처리**:
  - 창고 보관 자재 인수시 수량 입력
  - QR코드 스캔으로 빠른 처리
  - 인수 확인 → 자동 상태 업데이트

#### 💡 **하드코딩 데이터**
```javascript
const productionTeamWork = {
  date: "2024-09-14",
  groupLeader: "김그룹장",
  group: "용접팀",
  
  // 일일 작업 현황
  dailyWork: {
    project: "TK-2024-015",
    projectName: "ABC 공장 배관공사",
    workers: 5,
    workContent: "메인 라인 파이프 용접",
    startTime: "08:00",
    endTime: "17:30",
    progress: 75,
    difficulty: "보통",
    expectedCompletion: "2024-09-20"
  },
  
  // 이슈 사항
  issues: [
    {
      time: "14:30",
      type: "자재부족",
      description: "엘보 4인치 10EA 부족으로 작업 중단",
      urgency: "높음",
      solution: "구매팀에 긴급 요청, 대체재 검토",
      responsible: "김그룹장",
      photos: ["issue_001.jpg"]
    },
    {
      time: "10:15", 
      type: "품질이슈",
      description: "용접부 기공 발견, 재작업 필요",
      urgency: "보통",
      solution: "해당 부위 그라인딩 후 재용접",
      responsible: "이용접사",
      photos: ["quality_001.jpg"]
    }
  ],
  
  // 자재 현황 (확인만 가능)
  materialStatus: [
    {
      item: "파이프 4인치 SCH40",
      required: 50,
      status: "사용가능",
      location: "A-3-상단",
      availableQty: 45,
      lastUpdate: "2024-09-14 09:00"
    },
    {
      item: "엘보 4인치 150LB", 
      required: 20,
      status: "발주중",
      currentStage: "구매 진행 중",
      expectedDate: "2024-09-18",
      availableQty: 0
    },
    {
      item: "플랜지 4인치 150LB",
      required: 15,
      status: "미요청",
      currentStage: "설계팀 구매 요청 대기",
      availableQty: 0,
      note: "설계 변경으로 사양 확정 대기"
    },
    {
      item: "밸브 2인치 150LB",
      required: 5,
      status: "입고완료",
      location: "B-2-중단",
      availableQty: 5,
      note: "인수 대기 중"
    }
  ]
};
```

##### **🎯 그룹장 업무 플로우**
```
출근 → 일일계획 확인 → 자재 현황 체크 → 작업 시작 → 
진행상황 입력 → 이슈 발생시 즉시 기록 → 데일리 체크 등록 → 
작업 완료 → 일일 보고서 작성
```

**⚠️ 중요**: 생산팀은 자재 요청을 하지 않고, 단순히 확인 후 데일리 체크에 기록만 함

---

### 5. **🔍 품질 관리 & 검사 시스템**

#### 🎯 **시연 포인트**
- 전 공정 품질 검사 및 적합성 판정
- 타 부서와의 실시간 연동 시스템

#### 📱 **구현 내용**

##### **📊 검사 대시보드**
- **프로젝트별 검사 일정**:
  - 금주/금일 검사 예정 항목
  - 검사 유형별 분류 (입고, 공정, 최종)
- **검사 대기 품목 목록**:
  - 우선순위별 정렬
  - 검사 소요 예상 시간
- **적합/부적합 현황 통계**:
  - 일별/주별/월별 통계
  - 부적합률 트렌드 분석

##### **✅ 검사 처리 시스템**
- **검사 항목 체크리스트**:
  - 품목별 맞춤형 체크리스트
  - 필수/선택 항목 구분
- **증빙 자료 관리**:
  - 사진/문서 첨부
  - 측정값 입력 (치수, 압력 등)
- **판정 및 처리**:
  - 적합/부적합 판정
  - 부적합시 NCR 자동 생성
  - 재검사 일정 자동 등록

##### **🔗 타 부서 연동 시스템**
- **🏭 생산회의록 연동**:
  - 실시간 품질 상태 표시
  - 부적합 항목 우선 표시
- **📋 출하전 보고서 연동**:
  - 최종 품질 승인 여부
  - 미완료 검사 항목 차단
  - 대표 승인 전 필수 확인

#### 💡 **품질 시스템 아이디어 (향후 확장)**

##### **검사 유형별 템플릿**
- 📏 **치수 검사**: 도면 대비 실측값 입력
- 🔬 **재질 검사**: 성분 분석 결과 첨부  
- 💪 **압력 테스트**: 시험 압력/시간 기록
- 👁️ **외관 검사**: 사진 첨부 + 결함 표시

##### **자동화 기능**
- 📊 **통계 분석**: 부적합률, 주요 결함 유형
- 🔔 **알림 시스템**: 검사 일정, 부적합 발생시 즉시 알림  
- 📈 **트렌드 분석**: 공급업체별, 품목별 품질 추이

#### 💡 **하드코딩 데이터**
```javascript
const qualityData = {
  inspections: [
    {
      project: "TK-2024-015",
      item: "게이트밸브 2인치",
      type: "입고검사",
      scheduled: "2024-09-14 14:00",
      status: "대기중",
      checklist: ["외관검사", "치수확인", "압력테스트"]
    }
  ],
  statistics: {
    daily: { total: 15, passed: 14, failed: 1 },
    weekly: { total: 89, passed: 85, failed: 4 },
    passRate: 95.5
  }
};
```

---

## 🎪 통합 시연 시나리오

### **🎬 시나리오: "ABC 공장 배관공사 프로젝트"**

#### **Scene 0: 프로젝트 선택** (기능 0)
1. **TK Project 메인 화면 진입**
   - 중앙에 큰 "TK Project" 타이틀 표시
   - "프로젝트를 선택하여 관리를 시작하세요" 안내
2. **프로젝트 선택**
   - HTML Select 박스 클릭
   - "ABC 공장 배관공사 (TK-2024-015)" 선택
3. **액션 버튼 표시**
   - 🏭 생산회의록, 📦 입고 검수, 🔧 생산팀 작업 버튼 나타남
   - 선택된 프로젝트 정보 세션 스토리지에 저장
4. **워크플로우 시작**
   - 원하는 기능 버튼 클릭하여 해당 페이지로 이동
   - 선택된 프로젝트 컨텍스트 유지

#### **Scene 1: 프로젝트 등록** (기능 1)

##### **1단계: 프로젝트 생성 및 승인**
1. 영업팀에서 새 프로젝트 "ABC 공장 배관공사" 등록
2. Job No. `TK-2024-015` 자동 생성
3. 납기일 2024-03-30, 납품방식 "현장납품" 설정
4. 자체제작 선택, 각 팀 담당자 배정
5. **✅ 기본정보 입력 완료 = 프로젝트 승인 완료** (프로젝트 시작)

##### **2단계: 세부 사양 입력** (프로젝트 진행 중 지속적 업데이트)
1. 킥오프 미팅 결과 입력 (2024-01-20)
   - 참석자: 김영업, 이PM, 박설계, 최고객
   - 주요 결정: 압력등급 150LB, 재질 SS316L 변경
2. 기술 사양서 입력
   - 설계기준: ASME B31.3
   - 사용압력: 10 bar, 온도: 80°C
   - 유체: 화학용매, 특수요구: 내식성 강화
3. 품질 요구사항 설정
   - 필수검사: 압력시험, 재질분석, 용접검사
   - 고객 입회검사 필요
4. 리스크 분석 완료 → **정보 업데이트** (납품까지 지속적 관리)

#### **Scene 2: 생산회의** (기능 2)
1. **프로젝트 관리 화면에서 🏭 생산회의록 버튼 클릭** → 생산회의록 화면 진입
2. **공정표 확인** (상단)
   - 설계: 100% 완료 ✅
   - 구매: 85% 진행중 🟡 
   - 제작: 60% 진행중 🟡
   - 검사: 대기 ⏸️
3. **캘린더 일정 확인** (중앙)
   - 9/20: 도장 외주 출고 예정
   - 9/22: 압력시험 일정
   - 클릭하여 상세 메모 확인 (업체 연락처, 시험 조건 등)
4. **입고 예정 품목** (우측)
   - ✅ 파이프 4인치: 입고완료
   - 🟡 밸브 2인치: 9/16 입고예정 (D-2)
   - 🔴 엘보 4인치: 지연 (9/12 → 9/18)
5. **Follow-up 리스트** (하단)
   - 🔴 긴급: 밸브 A 납기 지연 대응 (김구매 담당)
   - 🟡 높음: 용접 검사 일정 조정 (최품질 담당)

#### **Scene 3: 입고 검수 & 보관** (기능 3)
1. **발주 연동 대시보드 확인**
   - PO-2024-0156: 파이프 4인치 (입고대기 → 검수중)
   - PO-2024-0157: 게이트밸브 2인치 (검수중)
2. **입고 확인 및 검수 진행**
   - 스테인리스 파이프 4인치 입고 확인
   - 납품서 및 성적서 확인
   - 검수 체크리스트 진행: 수량(50EA) ✅, 길이측정 ✅, 두께측정 ✅
   - 사진 촬영 및 검수 결과: 합격 ✅
3. **보관 위치 지정**
   - A구역(파이프류) 선택 → A-3 선반 → 상단 위치
   - QR코드 라벨 출력 및 부착
   - 시스템에 위치 정보 등록
4. **생산팀 알림 및 인수인계 준비**
   - 자동 생산팀 알림: "파이프 4인치 50EA 보관 완료"
   - 인수 가능 상태로 변경

#### **Scene 4: 품질 검사** (기능 5)
1. 입고된 "게이트밸브 2인치" 검사 진행
2. 체크리스트 완료: 외관검사 ✅, 치수확인 ✅, 압력테스트 ✅
3. "적합" 판정 → 자동으로 생산회의록에 반영

#### **Scene 5: 생산팀 작업 관리** (기능 4)
1. **김그룹장 로그인** → 용접팀 일일 작업 관리 화면
2. **일일 작업 현황 입력**
   - 프로젝트: TK-2024-015 (ABC 공장 배관공사)
   - 작업 내용: 메인 라인 파이프 용접
   - 작업 인원: 5명, 진행률: 75%
   - 예상 완료일: 2024-09-20
3. **자재 현황 확인** (확인만 가능)
   - Job No. 입력 → BOM 리스트 자동 로드
   - 🟢 파이프 4인치: 사용가능 (A-3-상단, 45EA)
   - 🟠 엘보 4인치: 발주중 (구매 진행 중, 입고예정 9/18)
   - ⚫ 플랜지 4인치: 미요청 (설계팀 구매 요청 대기)
   - 🟡 밸브 2인치: 입고완료 (B-2-중단, 인수 대기)
4. **자재 부족 확인 및 기록**
   - 엘보 4인치 부족 확인 → 작업 지연 예상
   - 데일리 체크에 이슈 등록: "엘보 4인치 부족으로 작업 지연"
   - 사진 첨부 및 상황 설명 (직접 요청하지 않음)
5. **가용 자재 인수 처리**
   - 밸브 2인치 창고에서 인수 (B-2-중단)
   - QR코드 스캔으로 빠른 처리
   - 인수 완료 → 상태 자동 업데이트

---

## 🚀 기대 효과

### **👥 각 부서별 혜택**
- **영업/PM**: 프로젝트 전체 현황 실시간 파악
- **구매팀**: 발주 현황 및 입고 일정 통합 관리  
- **생산팀**: 자재 추적 및 작업 일정 최적화
- **품질팀**: 체계적인 검사 관리 및 이력 추적
- **경영진**: 프로젝트별 진행 현황 및 문제점 즉시 파악

### **💡 핵심 가치**
1. **통합 관리**: 수주부터 납품까지 원스톱 시스템
2. **실시간 현황**: 언제든 프로젝트 상태 확인 가능
3. **자동화**: 반복 업무 최소화 및 휴먼 에러 방지
4. **데이터 축적**: 문제 발생 이력을 통한 지속적 개선
5. **의사소통**: 부서간 정보 공유 및 협업 강화

---

## 📋 개발 우선순위

### **Phase 1: 기본 기능 (시연용)**
- [x] 프로젝트 관리 (워크플로우 시작점)
- [x] 프로젝트 등록 시스템
- [x] 생산회의록 대시보드  
- [x] 입고 관리 시스템
- [x] 생산팀 작업 관리
- [x] 품질 검사 시스템

### **Phase 2: 고도화**
- [ ] 실제 DB 연동
- [ ] 사용자 권한 관리
- [ ] 모바일 앱 개발
- [ ] API 연동 (ERP, 회계 시스템)

### **Phase 3: 확장**
- [ ] AI 기반 일정 예측
- [ ] IoT 센서 연동
- [ ] 고급 분석 및 리포팅
- [ ] 외부 업체 포털

---

*본 문서는 TK Project 시연회를 위한 핵심 기능 정의서입니다.*
*실제 개발시에는 각 부서의 상세 요구사항을 추가로 수집하여 반영할 예정입니다.*