33 lines
2.7 KiB
Markdown
33 lines
2.7 KiB
Markdown
# 프로젝트 통합 실행분석 시스템 (Execution.html) 상세 설명
|
|
|
|
`Execution.html` 파일은 기업(장헌산업, PTC)의 프로젝트별 실적 데이터와 실행 예산을 비교 분석하여 경영 효율성을 진단하는 **React 기반 단일 페이지 애플리케이션(SPA)** 프로토타입입니다.
|
|
|
|
## 1. 주요 기능 및 역할
|
|
|
|
### 🛠️ 데이터 통합 및 정합성 교정
|
|
- **엑셀 업로드:** `xlsx.js`를 사용하여 기업의 회계 원장 데이터를 브라우저에서 즉시 분석합니다.
|
|
- **지능형 계정 교정:** 기업별(장헌/PTC) 마스터 계정표를 기반으로, 잘못 분류된 데이터나 불일치 항목을 찾아내어 교정 코드를 추천하고 일괄 적용할 수 있는 기능을 제공합니다.
|
|
|
|
### 📊 종합 대시보드 (Operational Insight)
|
|
- **운영 수익 및 지출 분석:** 수입(매출), 시공/제조 원가, 인건비, 관리비 등 대분류별 지출 비중을 시각화합니다.
|
|
- **실시간 운영 리포트:** 프로젝트별 이익률을 계산하여 'Excellent', 'Stable', 'Critical' 등의 상태를 자동으로 판별하고 인사이트를 제공합니다.
|
|
- **계정별 상세 내역:** 드릴다운 방식의 계정별 수지 내역을 확인할 수 있습니다.
|
|
|
|
### 📈 실행 예산 분석 (Budget Efficiency)
|
|
- **예산 대비 집행률:** 설정된 실행 예산 대비 실제 지출액을 비교하여 집행률(%)을 산출합니다.
|
|
- **위험 관리 알림:** 예산 소진율이 90%를 초과하는 항목을 자동으로 식별하여 경고 리포트를 생성합니다.
|
|
- **시각화 차트:** `Chart.js`를 활용하여 실제 집행액과 실행 예산을 막대 그래프로 비교 분석합니다.
|
|
|
|
## 2. 기술 스택
|
|
- **프론트엔드:** React 18, Babel (In-browser transformation)
|
|
- **스타일링:** Tailwind CSS (CDN), Pretendard Font, Custom CSS
|
|
- **데이터 처리:** SheetJS (Excel Parsing), Chart.js (Visualization)
|
|
- **아이콘:** Lucide Icons
|
|
|
|
## 3. 사용자 인터페이스(UI) 특징
|
|
- **기업 모드 전환:** '장헌산업 기준'과 'PTC 기준'으로 분석 엔진을 즉시 스위칭하여 각 기업에 맞는 계정 체계를 적용합니다.
|
|
- **필터링 시스템:** 기간(연월), 프로젝트(현장), 키워드 검색을 통해 방대한 데이터를 정밀하게 탐색할 수 있습니다.
|
|
- **반응형 대시보드:** 다양한 카드 레이아웃과 애니메이션(Tailwind 기반)을 사용하여 현대적인 분석 도구의 느낌을 제공합니다.
|
|
|
|
---
|
|
본 시스템은 현장의 복잡한 원가 데이터를 체계적으로 관리하고, 예산 초과 위험을 사전에 방지하여 기업의 수익성을 극대화하기 위한 목적으로 설계되었습니다. |