[P2] [통합] 사업관리대장 메인 후속 정리 및 기준 분석 #16

New Issue

2026-03-30T18:05:23+09:00

hyunho commented

2026-03-30 18:05:23 +09:00

배경

현재 메인 대시보드에 사업관리대장 상단 버튼은 이미 존재하지만, 실제 내용 연결과 원본 데이터 공급 방식은 별도 정리가 필요하다.

목표

기존 허브 상단 사업관리대장 버튼과 연동
MH 통합 대시보드_260320.html 의 헤더/통합 셸은 버리고, 사업관리대장 메인만 현재 허브에 연결
사업관리대장-1.xlsx 를 DB에 저장해서 별도 업로드 없이 원본과 같은 수치가 보이도록 구성

디자인 기준

사업관리대장은 허브 공통 스타일로 재해석하지 않는다.
스타일 기준은 MH 통합 대시보드_260320.html 원본이다.
sample style.css 는 이 원본 스타일 계열과 동일한 기준으로 본다.

현재 상태

8081 작업용에서 메인 분리와 DB 원본 공급 경로를 우선 작업 중
아직 8080 공개용에는 반영하지 않음

남은 작업

원본 화면과 동일한 스타일/레이아웃 마감
메인 허브 내 기간 제어와 필요한 최소 연동 정리
8081 검증 후 8080 승격 여부 판단

## 배경 현재 메인 대시보드에 `사업관리대장` 상단 버튼은 이미 존재하지만, 실제 내용 연결과 원본 데이터 공급 방식은 별도 정리가 필요하다. ## 목표 - 기존 허브 상단 `사업관리대장` 버튼과 연동 - `MH 통합 대시보드_260320.html` 의 헤더/통합 셸은 버리고, 사업관리대장 메인만 현재 허브에 연결 - `사업관리대장-1.xlsx` 를 DB에 저장해서 별도 업로드 없이 원본과 같은 수치가 보이도록 구성 ## 디자인 기준 - 사업관리대장은 허브 공통 스타일로 재해석하지 않는다. - 스타일 기준은 `MH 통합 대시보드_260320.html` 원본이다. - `sample style.css` 는 이 원본 스타일 계열과 동일한 기준으로 본다. ## 현재 상태 - `8081` 작업용에서 메인 분리와 DB 원본 공급 경로를 우선 작업 중 - 아직 `8080` 공개용에는 반영하지 않음 ## 남은 작업 - 원본 화면과 동일한 스타일/레이아웃 마감 - 메인 허브 내 기간 제어와 필요한 최소 연동 정리 - `8081` 검증 후 `8080` 승격 여부 판단

hyunho commented

2026-03-30 18:07:37 +09:00

디자인 기준을 다시 명확히 정리합니다.

허브 공통 스타일 기준은 sample style.css
사업관리대장은 이 기준과 충돌하는 별도 스타일이 아니라, 같은 계열의 시각 언어 안에서 MH 통합 대시보드_260320.html 원본과 동일하게 보여야 함
즉 현재 필요한 마감 방향은 원본 HTML과 같은 레이아웃/톤으로 맞추는 것

현재 진행 내용:

상단 사업관리대장 버튼과 연결될 전용 iframe stage 추가
사업관리대장 메인 페이지 분리
사업관리대장-1.xlsx 를 DB에 저장하고 API로 제공하는 경로 추가
업로드 없이 기본 원본을 자동 로드하도록 구현

남은 작업:

현재 데이터는 나오지만 스타일이 허브 공통/원본 기준과 어긋나는 부분 수정
MH 통합 대시보드_260320.html 원본과 동일한 내부 스타일/구성으로 정리
8081 검증 후 8080 승격 여부 판단

디자인 기준을 다시 명확히 정리합니다. - 허브 공통 스타일 기준은 `sample style.css` - 사업관리대장은 이 기준과 충돌하는 별도 스타일이 아니라, 같은 계열의 시각 언어 안에서 `MH 통합 대시보드_260320.html` 원본과 동일하게 보여야 함 - 즉 현재 필요한 마감 방향은 `원본 HTML과 같은 레이아웃/톤`으로 맞추는 것 현재 진행 내용: - 상단 `사업관리대장` 버튼과 연결될 전용 iframe stage 추가 - 사업관리대장 메인 페이지 분리 - `사업관리대장-1.xlsx` 를 DB에 저장하고 API로 제공하는 경로 추가 - 업로드 없이 기본 원본을 자동 로드하도록 구현 남은 작업: - 현재 데이터는 나오지만 스타일이 허브 공통/원본 기준과 어긋나는 부분 수정 - `MH 통합 대시보드_260320.html` 원본과 동일한 내부 스타일/구성으로 정리 - `8081` 검증 후 `8080` 승격 여부 판단

hyunho commented

2026-03-31 17:33:58 +09:00

현재 사업관리대장/공통 스타일 작업은 8081 전용 분리 worktree 위에서 다시 복구 중입니다.

이번 세션에서 확인된 핵심:

오전 8081은 메인 workspace가 아니라 /tmp/mh-dashboard-organization-dev-worktree에서 떴음
8081 전용 디자인 적용이 가능했던 이유도 이 분리 worktree 구조 때문이었음
Codex 로그 기준으로 frontend/public/styles.css, legacy/static/common.css, legacy/static/organization.css, legacy/static/organization.js, incoming-files/payment.html, incoming-files/mh.html에 베이지/딥그린 계열 디자인 조각이 실제로 들어가 있었음

이번 세션에서 복구한 범위:

8081을 다시 /tmp/mh-dashboard-organization-dev-worktree 기준으로 기동되게 복원
styles.css, common.css, organization.css/js, payment.html, mh.html에 로그 기반 디자인 조각을 부분 복구
현재 8081에서 메인 헤더, 조직현황, 프로젝트/팀 분석 일부가 베이지/딥그린 톤으로 분리 적용된 상태

아직 남은 것:

로그 조각을 더 캐서 조직현황 세부 컴포넌트와 사업관리대장/공통 화면을 더 맞추기
MH 통합 대시보드_260320.html 기준 사업관리대장 메인 통합을 더 정확히 마감하기
8081 검증 후 필요한 파일만 선택적으로 8080에 승격하기

주의:

현재 복구본은 8081 전용 worktree에만 존재함
8080 공통 소스에 바로 덮어쓰면 안 됨
다음 작업도 반드시 /tmp/mh-dashboard-organization-dev-worktree 기준으로 이어가야 함

현재 `사업관리대장/공통 스타일` 작업은 `8081` 전용 분리 worktree 위에서 다시 복구 중입니다. 이번 세션에서 확인된 핵심: - 오전 `8081`은 메인 workspace가 아니라 `/tmp/mh-dashboard-organization-dev-worktree`에서 떴음 - `8081` 전용 디자인 적용이 가능했던 이유도 이 분리 worktree 구조 때문이었음 - Codex 로그 기준으로 `frontend/public/styles.css`, `legacy/static/common.css`, `legacy/static/organization.css`, `legacy/static/organization.js`, `incoming-files/payment.html`, `incoming-files/mh.html`에 베이지/딥그린 계열 디자인 조각이 실제로 들어가 있었음 이번 세션에서 복구한 범위: - `8081`을 다시 `/tmp/mh-dashboard-organization-dev-worktree` 기준으로 기동되게 복원 - `styles.css`, `common.css`, `organization.css/js`, `payment.html`, `mh.html`에 로그 기반 디자인 조각을 부분 복구 - 현재 `8081`에서 메인 헤더, 조직현황, 프로젝트/팀 분석 일부가 베이지/딥그린 톤으로 분리 적용된 상태 아직 남은 것: - 로그 조각을 더 캐서 조직현황 세부 컴포넌트와 사업관리대장/공통 화면을 더 맞추기 - `MH 통합 대시보드_260320.html` 기준 사업관리대장 메인 통합을 더 정확히 마감하기 - `8081` 검증 후 필요한 파일만 선택적으로 `8080`에 승격하기 주의: - 현재 복구본은 `8081` 전용 worktree에만 존재함 - `8080` 공통 소스에 바로 덮어쓰면 안 됨 - 다음 작업도 반드시 `/tmp/mh-dashboard-organization-dev-worktree` 기준으로 이어가야 함

hyunho commented

2026-03-31 17:37:57 +09:00

추가 메모: 여기서 필요한 후속 작업에는 코드 정리도 포함됩니다.

의미:

현재 사업관리대장/프로젝트/팀분석/조직현황 연결 구조가 난잡하고, 여러 파일이 서로 우회적으로 붙는 상태를 정리해야 함
단순히 화면만 맞추는 게 아니라, 어떤 HTML/CSS/JS가 실제 기준 파일인지 정리하고 중복 연결과 임시 경로를 줄여야 함
목적은 다음 디자인 작업이나 8080 승격 때 코드가 다시 꼬이지 않게 만드는 것

즉 남은 작업은 두 축입니다.

8081에서 오전 디자인/사업관리대장 복구 마감
그 복구본을 기준으로 연결 구조와 파일 책임을 단순화해서 앞으로 유지 가능한 상태로 정비

추가 메모: 여기서 필요한 후속 작업에는 `코드 정리`도 포함됩니다. 의미: - 현재 사업관리대장/프로젝트/팀분석/조직현황 연결 구조가 난잡하고, 여러 파일이 서로 우회적으로 붙는 상태를 정리해야 함 - 단순히 화면만 맞추는 게 아니라, 어떤 HTML/CSS/JS가 실제 기준 파일인지 정리하고 중복 연결과 임시 경로를 줄여야 함 - 목적은 다음 디자인 작업이나 8080 승격 때 코드가 다시 꼬이지 않게 만드는 것 즉 남은 작업은 두 축입니다. 1. `8081`에서 오전 디자인/사업관리대장 복구 마감 2. 그 복구본을 기준으로 연결 구조와 파일 책임을 단순화해서 앞으로 유지 가능한 상태로 정비

hyunho commented

2026-03-31 17:54:46 +09:00

2026-03-31 다음 세션 시작 체크리스트

내일은 이 코멘트만 보고 바로 시작하면 된다.

서버 기동

프로젝트 루트에서 ./scripts/start_local_dashboards.sh 실행
확인 주소: http://localhost:8080, http://localhost:8081

기준 확인

8080은 비교 기준
8081은 작업용
8081은 메인 workspace가 아니라 .dev-worktree-8081를 써야 함
필요하면 docker inspect mh-dashboard-organization-dev-backend-1 --format '{{range .Mounts}}{{println .Source "->" .Destination}}{{end}}'로 마운트 소스 확인

Git 기준점

재기동/분리 구조 커밋: 4b4ffaf (docs: persist isolated 8081 startup workflow)
오늘 로컬 작업 원본 백업 커밋: 637b390 (backup: snapshot local design source assets)

바로 볼 파일

docs/NEXT_SESSION_CHECKPOINT.md
docs/WORK_EXECUTION_FLOW.md
docs/WORK_RULEBOOK.md
incoming-files/260320.html
incoming-files/sample style.css
incoming-files/사업관리대장/MH 통합 대시보드_260320.html

내일 작업 원칙

8081만 대상으로 UI 복구/정리 진행
8080은 비교 기준으로만 사용
새 구조를 만들지 말고, 오늘 백업한 원본과 기존 코드 연결을 정리하는 방향으로 진행
작업 시작 전에 필요하면 새 브랜치 생성: git switch -c work/restore-8081-ui

목표

오늘 오전에 보던 8081 화면 기준으로 헤더/메인/사업관리대장/분석 화면 연결을 다시 맞추고
코드 경로와 파일 책임을 단순화해서 이후 작업이 꼬이지 않게 정리

2026-03-31 다음 세션 시작 체크리스트 내일은 이 코멘트만 보고 바로 시작하면 된다. 1. 서버 기동 - 프로젝트 루트에서 `./scripts/start_local_dashboards.sh` 실행 - 확인 주소: `http://localhost:8080`, `http://localhost:8081` 2. 기준 확인 - `8080`은 비교 기준 - `8081`은 작업용 - `8081`은 메인 workspace가 아니라 `.dev-worktree-8081`를 써야 함 - 필요하면 `docker inspect mh-dashboard-organization-dev-backend-1 --format '{{range .Mounts}}{{println .Source "->" .Destination}}{{end}}'`로 마운트 소스 확인 3. Git 기준점 - 재기동/분리 구조 커밋: `4b4ffaf` (`docs: persist isolated 8081 startup workflow`) - 오늘 로컬 작업 원본 백업 커밋: `637b390` (`backup: snapshot local design source assets`) 4. 바로 볼 파일 - `docs/NEXT_SESSION_CHECKPOINT.md` - `docs/WORK_EXECUTION_FLOW.md` - `docs/WORK_RULEBOOK.md` - `incoming-files/260320.html` - `incoming-files/sample style.css` - `incoming-files/사업관리대장/MH 통합 대시보드_260320.html` 5. 내일 작업 원칙 - `8081`만 대상으로 UI 복구/정리 진행 - `8080`은 비교 기준으로만 사용 - 새 구조를 만들지 말고, 오늘 백업한 원본과 기존 코드 연결을 정리하는 방향으로 진행 - 작업 시작 전에 필요하면 새 브랜치 생성: `git switch -c work/restore-8081-ui` 6. 목표 - 오늘 오전에 보던 `8081` 화면 기준으로 헤더/메인/사업관리대장/분석 화면 연결을 다시 맞추고 - 코드 경로와 파일 책임을 단순화해서 이후 작업이 꼬이지 않게 정리

hyunho commented

2026-04-01 14:02:39 +09:00

사업관리대장 메인 연동 후속 작업으로 8081 화면/상세 팝업 디자인을 정리했습니다.

이번 반영:

사업관리대장 탭을 허브 메인 흐름에 연결 유지
기본 원본 사업관리대장-1.xlsx DB 연동 구조 유지
메인 화면은 연도 버튼, KPI, 본문 표, 그룹 접기/펼치기, 상세 팝업 기준으로 정리
프로젝트 클릭 시 상세 팝업도 design-tokens.css + design-patterns.css 기준으로 정리
수금 및 기성 현황 상세 블록의 old 파란 계열 제거 및 화면 전체 톤 통일

현재 남은 핵심은 데이터 수치/정합성 검증입니다. 구조와 시각 기준은 일단 고정했습니다.

커밋: fb5b0f0 feat: unify 8081 dashboard design system and views

사업관리대장 메인 연동 후속 작업으로 8081 화면/상세 팝업 디자인을 정리했습니다. 이번 반영: - `사업관리대장` 탭을 허브 메인 흐름에 연결 유지 - 기본 원본 `사업관리대장-1.xlsx` DB 연동 구조 유지 - 메인 화면은 연도 버튼, KPI, 본문 표, 그룹 접기/펼치기, 상세 팝업 기준으로 정리 - 프로젝트 클릭 시 상세 팝업도 `design-tokens.css` + `design-patterns.css` 기준으로 정리 - `수금 및 기성 현황` 상세 블록의 old 파란 계열 제거 및 화면 전체 톤 통일 현재 남은 핵심은 데이터 수치/정합성 검증입니다. 구조와 시각 기준은 일단 고정했습니다. 커밋: `fb5b0f0 feat: unify 8081 dashboard design system and views`

hyunho commented

2026-04-01 14:39:07 +09:00

현재 기준으로는 보류 상태로 보는 것이 맞음.

현황:

사업관리대장 메인 연동, 기본 원본 DB 공급, 화면 구조 정리는 상당 부분 진행됨
하지만 세부 데이터 정합성은 원본 계산/동작 규칙 분석 없이 진행하면 위험함

현재 남은 실제 범위:

원본 사업관리대장 기능/집계 규칙 분석
그 기준 문서화
이후 세부 수치 정합성 보정

즉 지금은 즉시 구현 이슈라기보다, 분석 선행이 필요한 후속 이슈로 보는 것이 맞다.

현재 기준으로는 보류 상태로 보는 것이 맞음. 현황: - 사업관리대장 메인 연동, 기본 원본 DB 공급, 화면 구조 정리는 상당 부분 진행됨 - 하지만 세부 데이터 정합성은 원본 계산/동작 규칙 분석 없이 진행하면 위험함 현재 남은 실제 범위: - 원본 사업관리대장 기능/집계 규칙 분석 - 그 기준 문서화 - 이후 세부 수치 정합성 보정 즉 지금은 즉시 구현 이슈라기보다, 분석 선행이 필요한 후속 이슈로 보는 것이 맞다.

hyunho changed title from ~~[P1] [통합] 사업관리대장 메인 연동 및 기본 원본 DB화~~ to [P2] [통합] 사업관리대장 메인 후속 정리 및 기준 분석

2026-04-01 14:39:14 +09:00

hyunho commented

2026-04-01 15:54:22 +09:00

2026-04-01 상태 정리

현재 #16은 초기 연결/디자인/기본 동작 정리 단계는 상당 부분 진행된 상태로 본다.

현재까지 반영된 것:

허브 상단 사업관리대장 탭 연결
8081 기준 실제 서비스 경로를 app source -> publish -> served 구조로 정리
기본 원본 엑셀(사업관리대장-1.xlsx)의 DB 공급 경로 연결
메인 화면 레이아웃, 연도 그룹, 프로젝트 상세 팝업, 기본 상호작용 정리
디자인 큐는 현재 8081 허브 기준에 맞게 1차 정리 완료

현재 판단:

이제 남은 핵심은 세부 데이터 표출 요건과 원본 기준 계산/표시 규칙 정합성이다.
이 단계는 추정으로 계속 맞추는 것보다, 기존 사업관리대장을 만든 사람과 함께 원본 의도를 확인하면서 진행하는 것이 맞다.
따라서 당분간 #16은 추가 UI 땜질보다 원본 규칙 확인 후 세부 수치/표출 기준 정리 이슈로 보는 게 적절하다.

다음 작업 조건:

원본 사업관리대장 작성자와 함께 아래 기준 확인
- KPI 집계 기준
- 연도/진행/완료/신규 분류 기준
- 표 컬럼별 실제 의미와 계산식
- 상세 팝업의 수금/기성/외주 데이터 해석 기준
- 원본 XLSX 컬럼과 화면 표시 매핑
그 확인 결과를 기준 문서로 먼저 남긴 뒤 수치 정합성 보정 진행

즉 현재 #16은 기능 미구현보다는, 원본 기준 해석이 필요한 후속 정합성 단계로 전환된 상태다.

2026-04-01 상태 정리 현재 `#16`은 초기 연결/디자인/기본 동작 정리 단계는 상당 부분 진행된 상태로 본다. 현재까지 반영된 것: - 허브 상단 `사업관리대장` 탭 연결 - `8081` 기준 실제 서비스 경로를 `app source -> publish -> served` 구조로 정리 - 기본 원본 엑셀(`사업관리대장-1.xlsx`)의 DB 공급 경로 연결 - 메인 화면 레이아웃, 연도 그룹, 프로젝트 상세 팝업, 기본 상호작용 정리 - 디자인 큐는 현재 8081 허브 기준에 맞게 1차 정리 완료 현재 판단: - 이제 남은 핵심은 `세부 데이터 표출 요건`과 `원본 기준 계산/표시 규칙` 정합성이다. - 이 단계는 추정으로 계속 맞추는 것보다, 기존 사업관리대장을 만든 사람과 함께 원본 의도를 확인하면서 진행하는 것이 맞다. - 따라서 당분간 `#16`은 추가 UI 땜질보다 `원본 규칙 확인 후 세부 수치/표출 기준 정리` 이슈로 보는 게 적절하다. 다음 작업 조건: - 원본 사업관리대장 작성자와 함께 아래 기준 확인 - KPI 집계 기준 - 연도/진행/완료/신규 분류 기준 - 표 컬럼별 실제 의미와 계산식 - 상세 팝업의 수금/기성/외주 데이터 해석 기준 - 원본 XLSX 컬럼과 화면 표시 매핑 - 그 확인 결과를 기준 문서로 먼저 남긴 뒤 수치 정합성 보정 진행 즉 현재 `#16`은 기능 미구현보다는, `원본 기준 해석이 필요한 후속 정합성 단계`로 전환된 상태다.

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: hyunho/MH-DashBoard-organization#16