docs: React Mock→API 마이그레이션 계획 업데이트 - Phase E~H, S 신규 추가

- MCP Serena로 mock 데이터 사용 파일 전수 조사 (29개)
- B-1 매출관리, B-2 매입관리 상태 수정 (Mock 사용중)
- Phase E: 설정/시스템 관리 (2개)
- Phase F: 인사/급여 (3개, API 존재)
- Phase G: 결재 시스템 (4개, API 존재)
- Phase H: API 신규 개발 필요 (8개)
- Phase S: 상세 페이지 (4개, 부모 완료 후)

plans/react-mock-to-api-migration-plan.md

@@ -82,8 +82,8 @@ ListClient.tsx (클라이언트)
 
 | # | 페이지 | React 경로 | API 엔드포인트 | 상태 |
 |---|--------|-----------|---------------|------|
-| B-1 | 매출 관리 | `/accounting/sales` | `GET/POST /v1/sales` | ✅ 완료 (기존 연동) |
-| B-2 | 매입 관리 | `/accounting/purchase` | `GET/POST /v1/purchases` | ✅ 완료 (기존 연동) |
+| B-1 | 매출 관리 | `/accounting/sales` | `GET/POST /v1/sales` | 🔄 Mock 사용중 (API 연동 필요) |
+| B-2 | 매입 관리 | `/accounting/purchase` | `GET/POST /v1/purchases` | 🔄 Mock 사용중 (API 연동 필요) |
 | B-3 | 입금 관리 | `/accounting/deposit` | `GET/POST /v1/deposits` | ✅ 완료 |
 | B-4 | 출금 관리 | `/accounting/withdrawal` | `GET/POST /v1/withdrawals` | ✅ 완료 |
 | B-5 | 거래처 관리 | `/accounting/vendor` | `GET/POST /v1/clients` | ✅ 완료 |
@@ -98,14 +98,64 @@ ListClient.tsx (클라이언트)
 | C-3 | 휴가 관리 | `/hr/vacation` | `GET/POST /v1/vacations` | ⏳ 대기 |
 | C-4 | 부서 관리 | `/hr/departments` | `GET/POST /v1/departments` | ⏳ 대기 |
 
-### 2.4 Phase D: 게시판/고객센터 (후순위)
+### 2.4 Phase D: 게시판/고객센터
 
 | # | 페이지 | React 경로 | API 엔드포인트 | 상태 |
 |---|--------|-----------|---------------|------|
-| D-1 | 게시판 관리 | `/settings/boards` | `GET/POST /v1/boards` | ⏭️ 후순위 |
-| D-2 | 공지사항 | `/customer-center/notices` | `GET/POST /v1/notices` | ⏭️ 후순위 |
-| D-3 | 문의 관리 | `/customer-center/inquiries` | `GET/POST /v1/inquiries` | ⏭️ 후순위 |
-| D-4 | FAQ 관리 | `/customer-center/faq` | `GET/POST /v1/faqs` | ⏭️ 후순위 |
+| D-1 | 게시판 목록 | `/board/list` | `GET /v1/boards` | 🔄 Mock 사용중 |
+| D-2 | 게시판 관리 | `/settings/boards` | `GET/POST /v1/boards` | 🔄 Mock 사용중 |
+| D-3 | 공지사항 | `/customer-center/notices` | `GET/POST /v1/posts` (board_id 필터) | 🔄 Mock 사용중 |
+| D-4 | 이벤트 관리 | `/customer-center/events` | `GET/POST /v1/posts` (board_id 필터) | 🔄 Mock 사용중 |
+| D-5 | 문의 관리 | `/customer-center/inquiries` | `GET/POST /v1/posts` (board_id 필터) | ⏳ 대기 |
+| D-6 | FAQ 관리 | `/customer-center/faq` | `GET/POST /v1/posts` (board_id 필터) | ⏳ 대기 |
+
+### 2.5 Phase E: 설정/시스템 관리
+
+| # | 페이지 | React 경로 | API 엔드포인트 | 상태 |
+|---|--------|-----------|---------------|------|
+| E-1 | 회사 정보 관리 | `/settings/company-info` | `GET/PUT /v1/companies` | 🔄 Mock 사용중 |
+| E-2 | 계정 관리 | `/settings/accounts` | `GET/POST /v1/accounts` | 🔄 Mock 사용중 |
+
+### 2.6 Phase F: 인사/급여 (API 연동 가능)
+
+| # | 페이지 | React 경로 | API 엔드포인트 | 상태 |
+|---|--------|-----------|---------------|------|
+| F-1 | 법인카드 관리 | `/hr/card-management` | `GET/POST /v1/cards` | 🔄 Mock 사용중 |
+| F-2 | 급여 관리 | `/hr/salary` | `GET/POST /v1/payrolls` | 🔄 Mock 사용중 |
+| F-3 | 휴가 관리 | `/hr/vacation` | `GET/POST /v1/leaves` | 🔄 Mock 사용중 |
+
+### 2.7 Phase G: 결재 시스템 (API 연동 가능)
+
+| # | 페이지 | React 경로 | API 엔드포인트 | 상태 |
+|---|--------|-----------|---------------|------|
+| G-1 | 기안함 | `/approval/draft-box` | `GET/POST /v1/approvals` | 🔄 Mock 사용중 |
+| G-2 | 참조함 | `/approval/reference-box` | `GET /v1/approvals` (필터) | 🔄 Mock 사용중 |
+| G-3 | 결재함 | `/approval/approval-box` | `GET /v1/approvals` (필터) | 🔄 Mock 사용중 |
+| G-4 | 비용견적서 양식 | `/approval/create/expense-estimate` | `GET/POST /v1/estimates` | 🔄 Mock 사용중 |
+
+### 2.8 Phase H: API 신규 개발 필요 (후순위)
+
+> 현재 API가 존재하지 않아 백엔드 개발 선행 필요
+
+| # | 페이지 | React 경로 | 필요 API | 상태 |
+|---|--------|-----------|---------|------|
+| H-1 | 미지급비용 관리 | `/accounting/expected-expense` | `GET/POST /v1/expected-expenses` | ⚠️ API 개발 필요 |
+| H-2 | 거래처 원장 | `/accounting/vendor-ledger` | `GET /v1/vendor-ledger` | ⚠️ API 개발 필요 |
+| H-3 | 카드 거래 조회 | `/accounting/card-transaction` | `GET /v1/card-transactions` | ⚠️ API 개발 필요 |
+| H-4 | 은행 거래 조회 | `/accounting/bank-transaction` | `GET /v1/bank-transactions` | ⚠️ API 개발 필요 |
+| H-5 | 채권 현황 | `/accounting/receivables-status` | `GET /v1/receivables` | ⚠️ API 개발 필요 |
+| H-6 | 일일 보고서 | `/accounting/daily-report` | `GET /v1/daily-reports` | ⚠️ API 개발 필요 |
+| H-7 | 출하 관리 상세 | `/outbound/shipment/[id]` | `GET/PUT /v1/shipments/:id` | ⚠️ API 개발 필요 |
+| H-8 | 재고 현황 상세 | `/material/stock-status/[id]` | `GET /v1/stock/:id` | ⚠️ API 개발 필요 |
+
+### 2.9 상세 페이지 (부모 기능 연동 후 처리)
+
+| # | 페이지 | 부모 기능 | 상태 |
+|---|--------|----------|------|
+| S-1 | VendorDetail | B-5 거래처 관리 | ⏳ B-5 완료 후 |
+| S-2 | BadDebtDetail | A-1 악성채권 관리 | ⏳ A-1 완료 후 |
+| S-3 | PurchaseDetail | B-2 매입 관리 | ⏳ B-2 완료 후 |
+| S-4 | VendorLedgerDetail | H-2 거래처 원장 | ⏳ H-2 완료 후 |
 
 ---
 
@@ -811,6 +861,10 @@ export function transformFrontendToApi(data: Record<string, any>): Record<string
 | 2025-12-23 | B-3 입금 관리 API 연동 완료 (`types.ts`: API 타입 추가, `index.tsx`: Mock → API 호출 전환) | Claude |
 | 2025-12-23 | B-4 출금 관리 API 연동 완료 (`types.ts`: API 타입 추가, `index.tsx`: Mock → API 호출 전환) | Claude |
 | 2025-12-23 | B-5 거래처 관리 API 연동 완료 (`types.ts`: API 타입 추가, `actions.ts`: Server Actions, `page.tsx`: 서버 컴포넌트, `VendorManagementClient.tsx`: 클라이언트 컴포넌트) | Claude |
+| 2025-12-24 | 커밋 유실로 인한 API 연동 복원 (A-2~A-5, B-3~B-5: `actions.ts` 재생성, `page.tsx` 서버 컴포넌트 전환, `index.tsx` mock 제거) | Claude |
+| 2025-12-24 | Mock 데이터 사용 파일 전수 조사 (MCP Serena 활용), 신규 Phase 추가 (D~H, S) | Claude |
+| 2025-12-24 | B-1 매출관리, B-2 매입관리 상태 수정 (Mock 사용중으로 재분류) | Claude |
+| 2025-12-24 | Phase E (설정/시스템), F (인사/급여), G (결재), H (API 개발 필요), S (상세 페이지) 신규 추가 | Claude |
 
 ---