이 화면은 선택한 프로젝트의 년도별 인원 투입 비중과 월별 투입 상세를 보여줍니다.
diff --git a/detail-view.html b/detail-view.html
index c695917..ecbf287 100644
--- a/detail-view.html
+++ b/detail-view.html
@@ -23,10 +23,12 @@
.dot{width:11px;height:11px;border-radius:999px}
.hours-summary{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.hours-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #e1d7cb;border-radius:999px;font-size:12px;background:#fff}
+ .shared-note{margin:0 0 12px;padding:10px 12px;border:1px solid #d7e5ee;border-radius:12px;background:#eef8fb;color:#355468;font-size:12px;line-height:1.55}
+
이 화면은 선택한 인원의 년도별 프로젝트 투입 비중과 월별 투입 상세를 보여줍니다.
diff --git a/index.html b/index.html
index 2b9ce89..dde814a 100644
--- a/index.html
+++ b/index.html
@@ -44,6 +44,7 @@
margin-bottom: 10px;
box-shadow: var(--shadow);
}
+ .shared-note{margin:0 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#eef8fb;color:#355468;font-size:13px;line-height:1.6}
h2, h3 { margin: 0 0 10px; letter-spacing:-.02em; }
.hero-card{
background: linear-gradient(180deg,#fff 0%,#f8f4ee 100%);
@@ -327,6 +328,7 @@
+
`8091` 페이지입니다. 프로젝트별 투입시간, 인원 현황, 기간별 집계와 상세 분석을 보여주는 메인 대시보드입니다.
프로젝트 투입시간 대시보드
diff --git a/member_match_page.html b/member_match_page.html
index df7ec80..4a3650e 100644
--- a/member_match_page.html
+++ b/member_match_page.html
@@ -33,6 +33,7 @@
box-shadow: 0 8px 20px rgba(24, 33, 47, 0.06);
margin-bottom: 16px;
}
+ .shared-note { margin-bottom: 16px; padding: 12px 14px; border: 1px solid #d7e5ee; border-radius: 12px; background: #eef8fb; color: #355468; font-size: 13px; line-height: 1.6; }
h1 { margin: 0 0 10px; font-size: 24px; }
p { margin: 8px 0; color: var(--muted); }
.row { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
@@ -61,6 +62,7 @@
+
이 화면은 `MemberNo`와 `korName` 매칭 상태를 확인하고 비교하는 페이지입니다.
MemberNo → korName 매칭 페이지
`dallyproject.csv`의 `MemberNo`를 `member.csv`의 `MemberNo`와 매치해서 `korName`을 붙입니다.
diff --git a/mysql-preview.html b/mysql-preview.html
index 765e2ac..5c3bd8f 100644
--- a/mysql-preview.html
+++ b/mysql-preview.html
@@ -24,10 +24,12 @@
table { border-collapse: collapse; width: 100%; min-width: 900px; background: #fff; }
th, td { border-bottom: 1px solid #ebf0f8; padding: 7px 9px; font-size: 13px; text-align: left; white-space: nowrap; }
th { position: sticky; top: 0; background: #f8fbff; z-index: 1; }
+ .shared-note { margin-bottom: 14px; padding: 12px 14px; border: 1px solid #d7e5ee; border-radius: 12px; background: #eef8fb; color: #355468; font-size: 13px; line-height: 1.6; }
+
이 화면은 MySQL 테이블 목록과 선택한 테이블의 원본 데이터를 미리보는 페이지입니다.
MySQL 데이터 미리보기
diff --git a/people-unified.html b/people-unified.html
index e32e7ec..b261f06 100644
--- a/people-unified.html
+++ b/people-unified.html
@@ -38,6 +38,7 @@
.summary-metrics { display:flex; flex-wrap:wrap; gap:8px 14px; margin-bottom:8px; font-size:12px; color:#334155; }
.metric { padding:0; border:0; background:transparent; }
.metric-label { font-size:11px; color:#64748b; margin-right:4px; }
+ .shared-note { margin-bottom: 12px; padding: 12px 14px; border: 1px solid #d7e5ee; border-radius: 12px; background: #eef8fb; color: #355468; font-size: 13px; line-height: 1.6; }
.metric-value { font-size:12px; font-weight:700; color:#0f172a; display:inline; }
.summary-sub { font-size:11px; color:#64748b; margin:6px 0 8px; }
.summary-table-wrap { max-height:none; overflow:visible; border:1px solid #dbe4f0; border-radius:8px; background:#fff; }
@@ -105,6 +106,7 @@
+
이 화면은 사람별 근무내역, 현장 기록, 월별 요약을 한 번에 보는 통합 페이지입니다.
dailyproject 사람별 근무내역
diff --git a/project-codes.html b/project-codes.html
index 77d48a5..27547c6 100644
--- a/project-codes.html
+++ b/project-codes.html
@@ -47,6 +47,16 @@
gap: 10px;
margin-top: 18px;
}
+ .shared-note {
+ margin: 0 0 14px;
+ padding: 12px 14px;
+ border: 1px solid var(--line);
+ border-radius: 14px;
+ background: rgba(238, 248, 251, 0.92);
+ color: #355468;
+ font-size: 13px;
+ line-height: 1.6;
+ }
.meta-chip {
display: inline-flex;
align-items: center;
@@ -451,6 +461,7 @@
+ `8092` 페이지입니다. 시공코드 목록, 계약정보, 공사개요, 교량 매칭 정보를 조회하는 전용 화면입니다.