📊 통합 분석 대시보드(total_dashboard.html) 구축 및 자동화 기능 강화 #5

New Issue

shinji · 2026-03-11T13:05:05+09:00

shinji commented

2026-03-11 13:05:05 +09:00

📌 개요

기존에 개별적으로 운영되던 dashboard.html(프로젝트별 분석)과 mh.html(팀/개인별 분석)을 하나의 화면에서 관리할 수 있는 **통합 분석 대시보드(total_dashboard.html)**를 구축했습니다.

🎯 이전 버전 대비 주요 개선 사항 (비교 중심)

1. 단일 인터페이스 통합 (UI/UX 개선)

기존: 분석 목적에 따라 서로 다른 HTML 파일을 열어야 하는 번거로움이 있었습니다.
개선: 상단 탭 시스템을 도입하여 클릭 한 번으로 '프로젝트별 분석'과 '팀/개인별 분석' 모드를 전환할 수 있습니다.
- 관련 코드 (탭 전환 로직): total_dashboard.html#L131-L151

2. 데이터 로딩 자동화 및 편의성 강화

기존: 사용자가 매번 파일을 수동으로 선택하여 업로드해야 했습니다.
개선: 특정 경로(./로우데이터/)에 파일이 존재할 경우 페이지 로드 시 데이터를 자동으로 불러오는 기능을 탑재했습니다.
- 관련 코드 (자동 로딩): total_dashboard.html#L201-L242

3. 전역 필터링 동기화

기존: 각 페이지별로 기간 설정을 별도로 관리해야 했습니다.
개선: 메인 컨트롤러에서 설정한 '기간' 값이 내부의 모든 분석 프레임에 실시간으로 동기화되어 일관된 분석 결과를 제공합니다.
- 관련 코드 (날짜 동기화): total_dashboard.html#L380-L390

4. 하이브리드 데이터 처리

기존: MH 데이터와 전표 데이터 간의 매핑 로직이 파편화되어 있었습니다.
개선: XLSX 라이브러리를 통해 엑셀 데이터를 직접 파싱하고, 프로젝트 표출 순서(CSV)와 매핑하여 정밀한 Man-Hour 비용 산출이 가능하도록 로직을 통합했습니다.

🔗 관련 파일

통합 대시보드 소스 (total_dashboard.html)

본 대시보드는 리소스 관리의 효율성을 극대화하고 데이터 분석의 연속성을 확보하기 위해 배포되었습니다.

## 📌 개요 기존에 개별적으로 운영되던 `dashboard.html`(프로젝트별 분석)과 `mh.html`(팀/개인별 분석)을 하나의 화면에서 관리할 수 있는 **통합 분석 대시보드(`total_dashboard.html`)**를 구축했습니다. ## 🎯 이전 버전 대비 주요 개선 사항 (비교 중심) ### 1. 단일 인터페이스 통합 (UI/UX 개선) - **기존:** 분석 목적에 따라 서로 다른 HTML 파일을 열어야 하는 번거로움이 있었습니다. - **개선:** 상단 탭 시스템을 도입하여 클릭 한 번으로 '프로젝트별 분석'과 '팀/개인별 분석' 모드를 전환할 수 있습니다. - [관련 코드 (탭 전환 로직): total_dashboard.html#L131-L151](https://gitea.hmac.kr/shinji/sj-sample/src/branch/main/total_dashboard.html#L131-L151) ### 2. 데이터 로딩 자동화 및 편의성 강화 - **기존:** 사용자가 매번 파일을 수동으로 선택하여 업로드해야 했습니다. - **개선:** 특정 경로(`./로우데이터/`)에 파일이 존재할 경우 페이지 로드 시 데이터를 자동으로 불러오는 기능을 탑재했습니다. - [관련 코드 (자동 로딩): total_dashboard.html#L201-L242](https://gitea.hmac.kr/shinji/sj-sample/src/branch/main/total_dashboard.html#L201-L242) ### 3. 전역 필터링 동기화 - **기존:** 각 페이지별로 기간 설정을 별도로 관리해야 했습니다. - **개선:** 메인 컨트롤러에서 설정한 '기간' 값이 내부의 모든 분석 프레임에 실시간으로 동기화되어 일관된 분석 결과를 제공합니다. - [관련 코드 (날짜 동기화): total_dashboard.html#L380-L390](https://gitea.hmac.kr/shinji/sj-sample/src/branch/main/total_dashboard.html#L380-L390) ### 4. 하이브리드 데이터 처리 - **기존:** MH 데이터와 전표 데이터 간의 매핑 로직이 파편화되어 있었습니다. - **개선:** `XLSX` 라이브러리를 통해 엑셀 데이터를 직접 파싱하고, 프로젝트 표출 순서(CSV)와 매핑하여 정밀한 Man-Hour 비용 산출이 가능하도록 로직을 통합했습니다. ## 🔗 관련 파일 - [통합 대시보드 소스 (total_dashboard.html)](https://gitea.hmac.kr/shinji/sj-sample/src/branch/main/total_dashboard.html) --- *본 대시보드는 리소스 관리의 효율성을 극대화하고 데이터 분석의 연속성을 확보하기 위해 배포되었습니다.*

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: shinji/sj-sample#5