Switch Type B layouts to full-body flow

This commit is contained in:
kmlee1 committed 2026-04-06 16:03:16 +09:00
1 parent 65f800296d
commit 4a71d7db88
39 files changed
+405 -396

No files matched your search

+24 -24
View File
@@ -1,5 +1,5 @@
{
"run_id": "20260406_145937",
"run_id": "20260406_160128",
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-002\\05-execution",
"raw_content": "---\ntitle: DX의 시행 목표 및 기대효과\nsidebar:\n order: 1\n---\n\nimport DxEffect from '../../../../components/dx.astro';\n\n\n## 1. DX의 궁극적 목표\n\n- **안전과 품질** \n - 시설물의 요구 성능을 설계-시공-운영 전 과정에서 **디지털로 검증**하여 **안전성 확보**\n - Copy & Paste로 하향 평준화된 성과물의 **하자 최소화**로 **고품질 성과물 제공**\n<br/>\n- **생산성 향상**\n - Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 **업무 속도·정확성·일관성 향상**\n - 건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 **부가가치 제고**\n<br/>\n- **소통과 신뢰**\n - 성과품과 Solution을 통한 협업 강화로 **의사소통 효율 및 운영·유지관리**의 **편리성 증진**\n - 3D 모델 및 데이터 기반 검증을 통한 **오류 최소화 및 Claim 예방**으로 **신뢰성 확보**\n![DX의 궁극적 목표](/assets/images/궁극적목표.png) \n<br/>\n\n## 2. DX 기반 Process 혁신에 따른 주체별 기대효과\n<br/>\n### 2.1 업무 수행 과정(Process)의 변화\n - **생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환\n - **인지·검토**: 2D 도면 해석 중심에서 **3D 모델 기반의 직관적 인지·검토 체계**로 전환\n - **협업 구조**: 개별 문서 중심 협업에서 **데이터 통합 기반의 정보 공유·관리 협업 환경**으로 전환\n - **검증·대응**: 사후 대응 중심의 문제 처리에서 **사전 검증 중심의 예방적 업무 방식**으로 전환\n<br/>\n### 2.2 DX 시행 주체별 기대효과\n\n<DxEffect />\n<br/>\n<br/>\n:::note[핵심 요약]\n* 고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.\n:::\n<br/>\n",
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
@@ -149,23 +149,23 @@
],
"weight": 0.72,
"height_px": 355,
"width_px": 780,
"width_px": 1200,
"max_height_cost": "large",
"text_budget": null,
"design_budget": {
"available_height_px": 217,
"available_width_px": 740,
"available_width_px": 1160,
"max_circle_diameter": 215,
"max_img_width": 740,
"max_img_width": 1160,
"max_img_height": 217,
"fits": true
},
"block_constraints": {
"max_lines": 7,
"max_items": 3,
"chars_per_line": 56,
"max_chars_total": 392,
"max_chars_per_item": 130,
"chars_per_line": 88,
"max_chars_total": 616,
"max_chars_per_item": 205,
"font_size_px": 14.0,
"padding_px": 16,
"line_height": 1.6
@@ -179,23 +179,23 @@
],
"weight": 0.18,
"height_px": 88,
"width_px": 780,
"width_px": 1200,
"max_height_cost": "medium",
"text_budget": null,
"design_budget": {
"available_height_px": 0,
"available_width_px": 740,
"available_width_px": 1160,
"max_circle_diameter": 0,
"max_img_width": 740,
"max_img_width": 1160,
"max_img_height": 0,
"fits": false
},
"block_constraints": {
"max_lines": 3,
"max_items": 1,
"chars_per_line": 62,
"max_chars_total": 186,
"max_chars_per_item": 186,
"chars_per_line": 96,
"max_chars_total": 288,
"max_chars_per_item": 288,
"font_size_px": 13.0,
"padding_px": 8,
"line_height": 1.5
@@ -209,23 +209,23 @@
],
"weight": 0.1,
"height_px": 49,
"width_px": 780,
"width_px": 1200,
"max_height_cost": "compact",
"text_budget": null,
"design_budget": {
"available_height_px": 0,
"available_width_px": 740,
"available_width_px": 1160,
"max_circle_diameter": 0,
"max_img_width": 740,
"max_img_width": 1160,
"max_img_height": 0,
"fits": false
},
"block_constraints": {
"max_lines": 1,
"max_items": 1,
"chars_per_line": 67,
"max_chars_total": 67,
"max_chars_per_item": 67,
"chars_per_line": 104,
"max_chars_total": 104,
"max_chars_per_item": 104,
"font_size_px": 12.0,
"padding_px": 8,
"line_height": 1.4
@@ -360,7 +360,7 @@
"preset": {
"description": "좌측 본문 흐름 + 우측 참조 사이드바",
"grid_areas": "'header header' 'body sidebar' 'footer footer'",
"grid_columns": "65fr 35fr",
"grid_columns": "1fr 0fr",
"grid_rows": "auto 1fr auto",
"zones": {
"header": {
@@ -371,12 +371,12 @@
"body": {
"desc": "flow 꼭지 배치 (위→아래 순서).",
"budget_px": 490,
"width_pct": 65
"width_pct": 100
},
"sidebar": {
"desc": "reference 꼭지. 좁으므로 card-grid 1열, 시각화 블록 금지.",
"budget_px": 490,
"width_pct": 35
"budget_px": 0,
"width_pct": 0
},
"footer": {
"desc": "결론 꼭지. 전체 너비.",
@@ -389,7 +389,7 @@
"enhancement_result": {},
"sub_layouts": {},
"generated_html": {
"body_html": "<div style=\"width:calc(153.85% + 18px); max-width:none; margin-right:calc(-53.85% - 18px); height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; color:#0f172a; display:flex; flex-direction:column; gap:12px; position:relative; z-index:2;\"><div style=\"background:#ffffff; border:1px solid #cbd5e1; border-radius:14px; padding:14px; box-sizing:border-box;\"><div style=\"font-size:16px; font-weight:900; color:#0f172a; margin-bottom:10px;\">DX의 궁극적 목표</div><div style=\"display:grid; grid-template-columns:1.1fr 0.9fr; gap:12px; align-items:stretch;\"><div style=\"display:flex; flex-direction:column; gap:10px;\"><div style=\"background:#ffffff; border:1px solid #d6e2ef; border-left:6px solid #c2410c; border-radius:12px; padding:10px 12px;\"><div style=\"font-size:12px; font-weight:900; color:#0f172a; margin-bottom:6px;\">안전과 품질</div><ul style=\"margin:0; padding-left:16px; font-size:10px; line-height:1.5; color:#334155;\"><li style=\"margin-bottom:5px;\">시설물의 요구 성능을 설계-시공-운영 전 과정에서 디지털로 검증하여 안전성 확보</li><li style=\"margin-bottom:5px;\">Copy & Paste로 하향 평준화된 성과물의 하자 최소화로 고품질 성과물 제공</li></ul></div><div style=\"background:#ffffff; border:1px solid #d6e2ef; border-left:6px solid #8b6b2e; border-radius:12px; padding:10px 12px;\"><div style=\"font-size:12px; font-weight:900; color:#0f172a; margin-bottom:6px;\">생산성 향상</div><ul style=\"margin:0; padding-left:16px; font-size:10px; line-height:1.5; color:#334155;\"><li style=\"margin-bottom:5px;\">Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 업무 속도·정확성·일관성 향상</li><li style=\"margin-bottom:5px;\">건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 부가가치 제고</li></ul></div><div style=\"background:#ffffff; border:1px solid #d6e2ef; border-left:6px solid #166534; border-radius:12px; padding:10px 12px;\"><div style=\"font-size:12px; font-weight:900; color:#0f172a; margin-bottom:6px;\">소통과 신뢰</div><ul style=\"margin:0; padding-left:16px; font-size:10px; line-height:1.5; color:#334155;\"><li style=\"margin-bottom:5px;\">성과품과 Solution을 통한 협업 강화로 의사소통 효율 및 운영·유지관리의 편리성 증진</li><li style=\"margin-bottom:5px;\">3D 모델 및 데이터 기반 검증을 통한 오류 최소화 및 Claim 예방으로 신뢰성 확보</li></ul></div></div><div style=\"display:flex; flex-direction:column; gap:8px;\"><img src=\"/assets/images/궁극적목표.png\" alt=\"relation diagram\" style=\"width:100%; height:250px; object-fit:contain; border:1px solid #dbeafe; border-radius:12px; background:#f8fafc; padding:10px;\" /><div style=\"font-size:9px; line-height:1.3; color:#64748b; text-align:center;\">relation diagram</div></div></div><div style=\"display:flex; justify-content:flex-end; margin-top:10px;\"><button type=\"button\" onclick=\"document.getElementById('popup-goal').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;\">Goal details</button></div></div><div style=\"display:grid; grid-template-columns:1.08fr 0.92fr; gap:12px; flex:1;\"><div style=\"background:#ffffff; border:1px solid #cbd5e1; border-radius:14px; padding:14px; box-sizing:border-box; height:100%;\"><div style=\"font-size:14px; font-weight:900; color:#0f172a; margin-bottom:10px;\">업무 수행 과정(Process)의 변화</div><div style=\"display:grid; grid-template-columns:1fr 1fr; gap:10px;\"><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-radius:12px; padding:10px 12px;\"><div style=\"font-size:11px; font-weight:800; color:#1e3a8a; margin-bottom:6px;\">인지·검토</div><ul style=\"margin:0; padding-left:16px; font-size:9.8px; line-height:1.5; color:#334155;\"><li style=\"margin-bottom:4px;\">2D 도면 해석 중심에서 3D 모델 기반의 직관적 인지·검토 체계로 전환</li></ul></div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-radius:12px; padding:10px 12px;\"><div style=\"font-size:11px; font-weight:800; color:#1e3a8a; margin-bottom:6px;\">협업 구조</div><ul style=\"margin:0; padding-left:16px; font-size:9.8px; line-height:1.5; color:#334155;\"><li style=\"margin-bottom:4px;\">개별 문서 중심 협업에서 데이터 통합 기반의 정보 공유·관리 협업 환경으로 전환</li></ul></div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-radius:12px; padding:10px 12px;\"><div style=\"font-size:11px; font-weight:800; color:#1e3a8a; margin-bottom:6px;\">검증·대응</div><ul style=\"margin:0; padding-left:16px; font-size:9.8px; line-height:1.5; color:#334155;\"><li style=\"margin-bottom:4px;\">사후 대응 중심의 문제 처리에서 Line truncated
"body_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; color:#0f172a; display:flex; flex-direction:column; gap:12px; position:relative; z-index:2;\"><div style=\"background:#ffffff; border:1px solid #cbd5e1; border-radius:14px; padding:14px; box-sizing:border-box;\"><div style=\"font-size:16px; font-weight:900; color:#0f172a; margin-bottom:10px;\">DX의 궁극적 목표</div><div style=\"display:grid; grid-template-columns:1.1fr 0.9fr; gap:12px; align-items:stretch;\"><div style=\"display:flex; flex-direction:column; gap:10px;\"><div style=\"background:#ffffff; border:1px solid #d6e2ef; border-left:6px solid #c2410c; border-radius:12px; padding:10px 12px;\"><div style=\"font-size:12px; font-weight:900; color:#0f172a; margin-bottom:6px;\">안전과 품질</div><ul style=\"margin:0; padding-left:16px; font-size:10px; line-height:1.5; color:#334155;\"><li style=\"margin-bottom:5px;\">시설물의 요구 성능을 설계-시공-운영 전 과정에서 디지털로 검증하여 안전성 확보</li><li style=\"margin-bottom:5px;\">Copy & Paste로 하향 평준화된 성과물의 하자 최소화로 고품질 성과물 제공</li></ul></div><div style=\"background:#ffffff; border:1px solid #d6e2ef; border-left:6px solid #8b6b2e; border-radius:12px; padding:10px 12px;\"><div style=\"font-size:12px; font-weight:900; color:#0f172a; margin-bottom:6px;\">생산성 향상</div><ul style=\"margin:0; padding-left:16px; font-size:10px; line-height:1.5; color:#334155;\"><li style=\"margin-bottom:5px;\">Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 업무 속도·정확성·일관성 향상</li><li style=\"margin-bottom:5px;\">건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 부가가치 제고</li></ul></div><div style=\"background:#ffffff; border:1px solid #d6e2ef; border-left:6px solid #166534; border-radius:12px; padding:10px 12px;\"><div style=\"font-size:12px; font-weight:900; color:#0f172a; margin-bottom:6px;\">소통과 신뢰</div><ul style=\"margin:0; padding-left:16px; font-size:10px; line-height:1.5; color:#334155;\"><li style=\"margin-bottom:5px;\">성과품과 Solution을 통한 협업 강화로 의사소통 효율 및 운영·유지관리의 편리성 증진</li><li style=\"margin-bottom:5px;\">3D 모델 및 데이터 기반 검증을 통한 오류 최소화 및 Claim 예방으로 신뢰성 확보</li></ul></div></div><div style=\"display:flex; flex-direction:column; gap:8px;\"><img src=\"/assets/images/궁극적목표.png\" alt=\"relation diagram\" style=\"width:100%; height:250px; object-fit:contain; border:1px solid #dbeafe; border-radius:12px; background:#f8fafc; padding:10px;\" /><div style=\"font-size:9px; line-height:1.3; color:#64748b; text-align:center;\">relation diagram</div></div></div><div style=\"display:flex; justify-content:flex-end; margin-top:10px;\"><button type=\"button\" onclick=\"document.getElementById('popup-goal').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;\">Goal details</button></div></div><div style=\"background:#ffffff; border:1px solid #cbd5e1; border-radius:14px; padding:14px; box-sizing:border-box;\"><div style=\"font-size:14px; font-weight:900; color:#0f172a; margin-bottom:10px;\">업무 수행 과정(Process)의 변화</div><div style=\"display:grid; grid-template-columns:1fr 1fr; gap:10px;\"><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-radius:12px; padding:10px 12px;\"><div style=\"font-size:11px; font-weight:800; color:#1e3a8a; margin-bottom:6px;\">인지·검토</div><ul style=\"margin:0; padding-left:16px; font-size:9.8px; line-height:1.5; color:#334155;\"><li style=\"margin-bottom:4px;\">2D 도면 해석 중심에서 3D 모델 기반의 직관적 인지·검토 체계로 전환</li></ul></div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-radius:12px; padding:10px 12px;\"><div style=\"font-size:11px; font-weight:800; color:#1e3a8a; margin-bottom:6px;\">협업 구조</div><ul style=\"margin:0; padding-left:16px; font-size:9.8px; line-height:1.5; color:#334155;\"><li style=\"margin-bottom:4px;\">개별 문서 중심 협업에서 데이터 통합 기반의 정보 공유·관리 협업 환경으로 전환</li></ul></div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-radius:12px; padding:10px 12px;\"><div style=\"font-size:11px; font-weight:800; color:#1e3a8a; margin-bottom:6px;\">검증·대응</div><ul style=\"margin:0; padding-left:16px; font-size:9.8px; line-height:1.5; color:#334155;\"><li style=\"margin-bottom:4px;\">사후 대응 중심의 문제 처리에서 사전 검증 중심의 예방적 업무 방식으로 전환</li></ul></div></div><div style=\"display:flex; justify-content:flex-end; margin-top:10px;\"><button typLine truncated
"sidebar_html": "<div style=\"width:100%; height:100%; opacity:0; pointer-events:none;\"></div>",
"footer_html": "<div style=\"background:linear-gradient(135deg, #0b6ef3 0%, #17a6f5 100%); border-radius:10px; padding:10px 20px; text-align:center; color:#ffffff; width:100%; height:58px; display:flex; align-items:center; justify-content:center; box-sizing:border-box;\"><div style=\"font-size:13px; font-weight:900; line-height:1.35;\">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</div></div>",
"reasoning": "goal-image-stakeholder layout selected from document content traits"