Replace compact fallback with slide-style regeneration

This commit is contained in:
kmlee1 committed 2026-04-02 10:12:41 +09:00
1 parent 013ef613d2
commit 9cf20c02a5
8 files changed
+175 -104

No files matched your search

+9 -9
View File
@@ -1,6 +1,6 @@
{
"run_id": "20260402_091334",
"run_dir": "data\\runs\\20260402_091334",
"run_id": "20260402_101059",
"run_dir": "data\\runs\\20260402_101059",
"raw_content": "---\ntitle: 건설산업 DX의 올바른 이해\nsidebar:\n order: 00\n---\n\n* **용어의 혼용**\n\n * 건설산업의 디지털 전환 논의에서 DX(Digital Transformation)와 BIM(Building Information Modeling)이 개념적으로 명확히 정립되지 않은채 혼용되어 사용되고 있음 \n * 이로인해 BIM기술의 도입을 DX의 완성으로 오인하거나, DX를 BIM 기술 도입 수준으로 한정하는 인식 확산 \n <details>\n <summary style={{cursor: 'pointer', fontWeight: 'bold', color: '#555'}}>혼용 대표 사례</summary>\n \n <div style={{marginTop: '10px', paddingLeft: '15px', borderLeft: '3px solid #ddd', fontSize: '0.9rem', color: '#666'}}>\n * **[스마트 건설 활성화 방안(2022.07)]**\n * 추진과제 : 건설산업 디지털화 \n * 실행과제 : BIM 전면 도입, BIM 전문인력 양성\n * **[제7차 건설기술진흥 기본계획(2023.12)]**\n * 추진방향 : 디지털 전환을 통한 스마트 건설 확산 \n * 추진과제 : BIM 도입으로 건설산업 디지털화\n </div>\n </details>\n\n\n * 건설산업의 DX를 올바르게 이해하기 위해 각 용어의 정의, 역할, 상호관계에 대한 체계적 정립 필요\n\n<br/>\n---\n\n\n## 1. 용어 정의\n\n<br/>\n\n* **건설산업**\n * 다양한 시설물을 각 산업마다의 광범위한 기술을 통합 및 융합하여 만들어내는 종합산업\n * 목적 시설물의 품질 욕구를 충족시키면서 최단기간내에 최소 비용으로 편리하고 안전하며 우수한 성능의 시설물 완성을 목표로 함\n\n<br/>\n\n* **BIM(Building Information Modeling) : 디지털 전환을 위한 핵심 기술**\n * 시설물의 생애주기동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구\n * 건설 정보와 절차를 표준화된 방식으로 연계하고 디지털 협업이 가능하도록 하는 핵심 인프라 기술\n <div style={{ \n fontSize: '0.8rem', \n color: '#999', \n marginTop: '5px', \n lineHeight: '1.4',\n paddingLeft: '0px' }}>\n *건설산업 BIM 기본지침, 국토교통부, 2020*\n </div>\n\n<br/>\n\n* **DX(Digital Transformation) : 산업 패러다임의 변화**\n * 디지털 기술을 기반으로 산업 전반의 업무방식과 가치 창출 구조를 전환하는 과정 및 결과 \n * 단순한 기술 도입이 아닌, 고객 가치와 의사결정 방식의 근본적인 변화로 산업의 새로운 방향을 정립하는 것을 의미함\n <div style={{ \n fontSize: '0.8rem', \n color: '#999', \n marginTop: '5px', \n lineHeight: '1.4',\n paddingLeft: '0px' }}>\n *Digital Transformation, IBM Institute for Business Value, 2011 / What is Digital Transformation?, Agile Elephant, 2015*\n </div>\n\n\n---\n<br/>\n\n## 2. 용어간 상호관계\n\n* DX는 BIM과 같은 디지털기술을 기반으로 산업 전반의 프로세스를 혁신하는 상위개념\n* 건설산업의 DX는 GIS(공간정보), BIM, 디지털 트윈(가상환경)의 기술융합을 통해서만 실현 또는 구현 가능 \n * GIS의 역할 : 지리적 데이터를 공간 분석하여 시각적으로 표현, 위치기반 정보 제공\n * BIM의 역할 : 형상정보와 내용정보가 포함된 3D모델로, 건설 정보 기반의 Process와 Product를 제공 \n![DX와 핵심기술간 상호관계](/assets/images/DX1.png)\n <div style={{ \n fontSize: '0.8rem', \n color: '#999', \n marginTop: '5px', \n lineHeight: '1.4',\n paddingLeft: '0px' }}>\n *[그림 1] DX와 핵심기술간 상호관계*\n </div>\n\n<br/>\n<br/>\n\n\n\n <details>\n <summary style={{cursor: 'pointer', fontWeight: 'bold', color: '#555'}}>DX와 BIM의 구분</summary>\n \n <div style={{marginTop: '10px', paddingLeft: '15px', borderLeft: '3px solid #ddd', fontSize: '0.9rem', color: '#666'}}>\n | DX | 구분 | BIM |\n | :--- | :---: | ---: |\n | **BIM &lt;&lt; DX**<br/>(Engineering + Management 통합) | **범위** | **Only 3D**<br/>(형상 구현 중심) |\n | **제작 및 운영**(상용 + 전용 40~80개)<br/>[Rhino, Sketchup, Blender..] + [EG-BIM 등] | **S/W** | **모델 제작용 상용 SW**<br/>[Revit, Civil 3D, Navisworks, Autocad] |\n | **근본적 문제의식을 통한 개선** | **프로세스** | **기존 2D 설계 방식 유지** |\n | **공학 정보 및 콘텐츠 연계에 집중**<br/>**도면, 수량, 시공계획 등 일식** | **성과품** | **3D 모델 중심**<br/>**기존 성과품 유지** |\n | **설계/시공 생산성 혁신**(개념의 재정립) | **활용** | **3D 모델에 의한 일반적 이해 향상** |\n | **전 생애주기 활용 시스템** | **확장성** | **(설계/시공/운영) 분야별 단절** |\n | **구체화(복잡) - 적극적/구체적 실현 방안** | **수행 개념** | **단순화(오류) - 수동Line truncated
"base_path": "",
"normalized": {
@@ -465,9 +465,9 @@
}
},
"generated_html": {
"body_html": "<div style=\"width:100%; height:91px; background:linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%); border:2px solid #fca5a5; border-radius:8px; padding:16px 20px; display:flex; gap:14px; align-items:flex-start; overflow:visible;\">\n <div style=\"font-size:1.6rem; flex-shrink:0;\">⚠️</div>\n <div style=\"flex:1;\">\n <div style=\"font-size:13.0px; font-weight:bold; color:#991b1b; margin-bottom:4px;\">DX와 BIM의 혼용 문제</div>\n <div style=\"font-size:12.0px; color:#7f1d1d; line-height:1.4;\">\n <div style=\"padding-left:15px; text-indent:-15px;\">• 건설산업의 디지털 전환 논의에서 DX(Digital Transformation)와 BIM(Building Information Modeling)이 개념적으로 명확히 정립되지 않은채 혼용되어 사용되고 있음</div>\n <div style=\"padding-left:15px; text-indent:-15px;\">• 이로인해 BIM기술의 도입을 DX의 완성으로 오인하거나, DX를 BIM 기술 도입 수준으로 한정하는 인식 확산</div>\n </div>\n </div>\n</div>\n<div style=\"height:12px;\"></div>\n<div style=\"width:100%; max-height:371px; padding:20px; box-sizing:border-box;\">\n <!-- DX의 정의와 위치 -->\n <div style=\"margin-bottom:25px;\">\n <div style=\"display:flex; justify-content:space-between; align-items:center; margin-bottom:12px;\">\n <span style=\"font-weight:bold; font-size:13px;\">DX의 정의와 위치</span>\n </div>\n \n <div style=\"padding-left:15px; text-indent:-15px; font-size:12.0px; line-height:1.75; margin-bottom:8px;\">• <strong>건설산업</strong></div>\n <div style=\"padding-left:30px; text-indent:-15px; font-size:12.0px; line-height:1.75; margin-bottom:4px;\">• 다양한 시설물을 각 산업마다의 광범위한 기술을 통합 및 융합하여 만들어내는 종합산업</div>\n <div style=\"padding-left:30px; text-indent:-15px; font-size:12.0px; line-height:1.75; margin-bottom:8px;\">• 목적 시설물의 품질 욕구를 충족시키면서 최단기간내에 최소 비용으로 편리하고 안전하며 우수한 성능의 시설물 완성을 목표로 함</div>\n \n <div style=\"padding-left:15px; text-indent:-15px; font-size:12.0px; line-height:1.75; margin-bottom:8px;\">• <strong>BIM(Building Information Modeling) : 디지털 전환을 위한 핵심 기술</strong></div>\n <div style=\"padding-left:30px; text-indent:-15px; font-size:12.0px; line-height:1.75; margin-bottom:4px;\">• 시설물의 생애주기동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구</div>\n <div style=\"padding-left:30px; text-indent:-15px; font-size:12.0px; line-height:1.75; margin-bottom:4px;\">• 건설 정보와 절차를 표준화된 방식으로 연계하고 디지털 협업이 가능하도록 하는 핵심 인프라 기술</div>\n <div style=\"padding-left:30px; text-indent:-15px; font-size:12.0px; line-height:1.75; margin-bottom:8px;\">출처: 건설산업 BIM 기본지침, 국토교통부, 2020</div>\n \n <div style=\"padding-left:15px; text-indent:-15px; font-size:12.0px; line-height:1.75; margin-bottom:8px;\">• <strong>DX(Digital Transformation) : 산업 패러다임의 변화</strong></div>\n <div style=\"padding-left:30px; text-indent:-15px; font-size:12.0px; line-height:1.75; margin-bottom:4px;\">• 디지털 기술을 기반으로 산업 전반의 업무방식과 가치 창출 구조를 전환하는 과정 및 결과</div>\n <div style=\"padding-left:30px; text-indent:-15px; font-size:12.0px; line-height:1.75; margin-bottom:4px;\">• 단순한 기술 도입이 아닌, 고객 가치와 의사결정 방식의 근본적인 변화로 산업의 새로운 방향을 정립하는 것을 의미함</div>\n <div style=\"padding-left:30px; text-indent:-15px; font-size:12.0px; line-height:1.75; margin-bottom:8px;\">출처: Digital Transformation, IBM Institute for Business Value, 2011 / What is Digital Transformation?, Agile Elephant, 2015</div>\n </div>\n\n <!-- BIM과 핵심기술의 관계 -->\n <div style=\"margin-bottom:20px;\">\n <div style=\"display:flex; justify-content:space-between; align-items:center; margin-bottom:12px;\">\n <span style=\"font-weight:bold; font-size:13px;\">BIM과 핵심기술의 관계</span>\n <span style=\"font-size:10px; color:#2563eb;\">상세보기 →</span>\n </div>\n \n <div style=\"padding-left:15px; text-indent:-15px; font-size:12.0px; line-height:1.75; margin-bottom:4px;\">• DX는 BIM과 같은 디지털기술을 기반으로 산업 전반의 프로세스를 혁신하는 상위개념</div>\n <div style=\"padding-left:15px; text-indent:-15px; font-size:12.0px; line-height:1.75; margin-bottom:8px;\">• 건설산업의 DX는 GIS(공간정보), BIM, 디지털 트윈(가상환경)의 기술융합을 통해서만 실현 또는 구현 가능</div>\n \n <div style=\"padding-left:30px; text-indent:-15px; font-size:12.0px; line-height:Line truncated
"sidebar_html": "<div style=\"width: 380px; height: 474px; overflow: visible; box-sizing: border-box; padding: 10px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\">\n\n<div style=\"background: #ffffff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); margin-bottom: 8px; overflow: visible;\">\n <div style=\"padding: 16px;\">\n <div style=\"font-size: 12px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; margin-bottom: 10px; color: #000;\">건설산업</div>\n <div style=\"width: 100%; height: 1px; background: #000; margin-bottom: 10px;\"></div>\n <div style=\"font-size: 11px; line-height: 1.6; color: #000; word-break: break-word;\">\n <div style=\"padding-left: 14px; text-indent: -14px; margin-bottom: 6px;\">• 다양한 시설물을 각 산업마다의 광범위한 기술을 통합 및 융합하여 만들어내는 종합산업</div>\n <div style=\"padding-left: 14px; text-indent: -14px;\">• 목적 시설물의 품질 욕구를 충족시키면서 최단기간내에 최소 비용으로 편리하고 안전하며 우수한 성능의 시설물 완성을 목표로 함</div>\n </div>\n </div>\n</div>\n\n<div style=\"background: #ffffff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); margin-bottom: 8px; overflow: visible;\">\n <div style=\"padding: 16px;\">\n <div style=\"font-size: 12px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; margin-bottom: 2px; color: #000;\">BIM(Building Information Modeling)</div>\n <div style=\"font-size: 10px; color: #666; margin-bottom: 10px;\">디지털 전환을 위한 핵심 기술</div>\n <div style=\"width: 100%; height: 1px; background: #000; margin-bottom: 10px;\"></div>\n <div style=\"font-size: 11px; line-height: 1.6; color: #000; word-break: break-word;\">\n <div style=\"padding-left: 14px; text-indent: -14px; margin-bottom: 6px;\">• 시설물의 생애주기동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구</div>\n <div style=\"padding-left: 14px; text-indent: -14px;\">• 건설 정보와 절차를 표준화된 방식으로 연계하고 디지털 협업이 가능하도록 하는 핵심 인프라 기술</div>\n </div>\n <div style=\"font-size: 9px; color: #94a3b8; font-style: italic; margin-top: 8px; border-top: 1px solid #e2e8f0; padding-top: 6px;\">건설산업 BIM 기본지침, 국토교통부, 2020</div>\n </div>\n</div>\n\n<div style=\"background: #ffffff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); overflow: visible;\">\n <div style=\"padding: 16px;\">\n <div style=\"font-size: 12px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; margin-bottom: 2px; color: #000;\">DX(Digital Transformation)</div>\n <div style=\"font-size: 10px; color: #666; margin-bottom: 10px;\">산업 패러다임의 변화</div>\n <div style=\"width: 100%; height: 1px; background: #000; margin-bottom: 10px;\"></div>\n <div style=\"font-size: 11px; line-height: 1.6; color: #000; word-break: break-word;\">\n <div style=\"padding-left: 14px; text-indent: -14px; margin-bottom: 6px;\">• 디지털 기술을 기반으로 산업 전반의 업무방식과 가치 창출 구조를 전환하는 과정 및 결과</div>\n <div style=\"padding-left: 14px; text-indent: -14px;\">• 단순한 기술 도입이 아닌, 고객 가치와 의사결정 방식의 근본적인 변화로 산업의 새로운 방향을 정립하는 것을 의미함</div>\n </div>\n <div style=\"font-size: 9px; color: #94a3b8; font-style: italic; margin-top: 8px; border-top: 1px solid #e2e8f0; padding-top: 6px;\">Digital Transformation, IBM Institute for Business Value, 2011 / What is Digital Transformation?, Agile Elephant, 2015</div>\n </div>\n</div>\n\n</div>",
"footer_html": "<div style=\"background: linear-gradient(135deg, #006aff 0%, #00aaff 100%); border-radius: 8px; padding: 16px 30px; text-align: center; color: #ffffff; width: 100%; height: 60px; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box;\">\n <div style=\"font-size: 14px; font-weight: 700; line-height: 1.5;\">BIM은 건설산업의 디지털전환(DX)을 수행하는 과정에서 가장 기초가 되는 일부분</div>\n</div>",
"body_html": "<div style=\"width:100%; height:91px; background:linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%); border:2px solid #fca5a5; border-radius:8px; padding:16px 20px; display:flex; gap:12px; align-items:flex-start; box-sizing:border-box;\">\n <div style=\"font-size:1.5rem; flex-shrink:0;\">⚠️</div>\n <div style=\"flex:1;\">\n <div style=\"font-size:13.0px; font-weight:bold; color:#991b1b; margin-bottom:4px;\">DX와 BIM의 혼용 문제</div>\n <div style=\"font-size:12.0px; color:#7f1d1d; line-height:1.4;\">\n <div style=\"padding-left:15px; text-indent:-15px;\">• 건설산업의 디지털 전환 논의에서 DX(Digital Transformation)와 BIM(Building Information Modeling)이 개념적으로 명확히 정립되지 않은채 혼용되어 사용되고 있음</div>\n </div>\n </div>\n</div>\n<div style=\"height:12px;\"></div>\n<div style=\"width:100%; max-height:371px; background:#ffffff; padding:20px; box-sizing:border-box; font-family:Arial,sans-serif;\">\n\n <!-- DX의 정의와 위치 -->\n <div style=\"margin-bottom:20px;\">\n <div style=\"display:flex; justify-content:space-between; align-items:center; margin-bottom:8px;\">\n <span style=\"font-weight:bold; font-size:12.0px;\">DX의 정의와 위치</span>\n </div>\n <div style=\"background:#f0f4f8; padding:12px; border-radius:6px; margin-bottom:12px;\">\n <div style=\"padding-left:15px; text-indent:-15px; font-size:12.0px; line-height:1.75;\">• <strong>DX(Digital Transformation) : 산업 패러다임의 변화</strong></div>\n <div style=\"padding-left:30px; text-indent:-15px; font-size:12.0px; line-height:1.75;\">• 디지털 기술을 기반으로 산업 전반의 업무방식과 가치 창출 구조를 전환하는 과정 및 결과</div>\n <div style=\"padding-left:30px; text-indent:-15px; font-size:12.0px; line-height:1.75;\">• 단순한 기술 도입이 아닌, 고객 가치와 의사결정 방식의 근본적인 변화로 산업의 새로운 방향을 정립하는 것을 의미함</div>\n </div>\n <div style=\"background:#e8f5e8; padding:12px; border-radius:6px;\">\n <div style=\"padding-left:15px; text-indent:-15px; font-size:12.0px; line-height:1.75;\">• <strong>BIM(Building Information Modeling) : 디지털 전환을 위한 핵심 기술</strong></div>\n <div style=\"padding-left:30px; text-indent:-15px; font-size:12.0px; line-height:1.75;\">• 시설물의 생애주기동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구</div>\n <div style=\"padding-left:30px; text-indent:-15px; font-size:12.0px; line-height:1.75;\">• 건설 정보와 절차를 표준화된 방식으로 연계하고 디지털 협업이 가능하도록 하는 핵심 인프라 기술</div>\n </div>\n </div>\n\n <!-- BIM과 핵심기술의 관계 -->\n <div style=\"margin-bottom:20px;\">\n <div style=\"display:flex; justify-content:space-between; align-items:center; margin-bottom:8px;\">\n <span style=\"font-weight:bold; font-size:12.0px;\">BIM과 핵심기술의 관계</span>\n <span style=\"font-size:10px; color:#2563eb;\">상세보기 →</span>\n </div>\n <div style=\"padding-left:15px; text-indent:-15px; font-size:12.0px; line-height:1.75;\">• DX는 BIM과 같은 디지털기술을 기반으로 산업 전반의 프로세스를 혁신하는 상위개념</div>\n <div style=\"padding-left:15px; text-indent:-15px; font-size:12.0px; line-height:1.75;\">• 건설산업의 DX는 GIS(공간정보), BIM, 디지털 트윈(가상환경)의 기술융합을 통해서만 실현 또는 구현 가능</div>\n <div style=\"padding-left:30px; text-indent:-15px; font-size:12.0px; line-height:1.75;\">• GIS의 역할 : 지리적 데이터를 공간 분석하여 시각적으로 표현, 위치기반 정보 제공</div>\n <div style=\"padding-left:30px; text-indent:-15px; font-size:12.0px; line-height:1.75;\">• BIM의 역할 : 형상정보와 내용정보가 포함된 3D모델로, 건설 정보 기반의 Process와 Product를 제공</div>\n <div style=\"text-align:center; margin:10px 0; font-size:11px; color:#666;\">\n [이미지: DX와 핵심기술간 상호관계, 경로: /assets/images/DX1.png]<br>\n 출처: [그림 1] DX와 핵심기술간 상호관계\n </div>\n </div>\n\n <!-- 핵심 메시지 -->\n <div class=\"key-msg\" style=\"font-size:14.0px; font-weight:bold; padding:8px; border-radius:6px; text-align:center; margin-top:10px; background:#fff3cd; border:2px solid #ffc107;\">\n 건설산업에서 DX는 상위 개념이고 BIM은 그 디지털 전환을 가능하게 하는 핵심 기술 중 하나다.\n </div>\n\n</div>\n",
"sidebar_html": "<div style=\"width: 380px; height: 474px; font-size: 11.0px; overflow: visible; padding: 16px; box-sizing: border-box;\">\n <!-- 건설산업 카드 -->\n <div style=\"background: #ffffff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); padding: 16px; margin-bottom: 8px; box-sizing: border-box;\">\n <div style=\"font-size: 12.0px; font-weight: bold; color: #000; margin-bottom: 8px;\">건설산업</div>\n <div style=\"padding-left:14px; text-indent:-14px; font-size:11.0px; word-break: break-word;\">• 다양한 시설물을 각 산업마다의 광범위한 기술을 통합 및 융합하여 만들어내는 종합산업</div>\n <div style=\"padding-left:14px; text-indent:-14px; font-size:11.0px; word-break: break-word; margin-top: 4px;\">• 목적 시설물의 품질 욕구를 충족시키면서 최단기간내에 최소 비용으로 편리하고 안전하며 우수한 성능의 시설물 완성을 목표로 함</div>\n </div>\n\n <!-- BIM 카드 -->\n <div style=\"background: #ffffff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); padding: 16px; margin-bottom: 8px; box-sizing: border-box;\">\n <div style=\"font-size: 12.0px; font-weight: bold; color: #000; margin-bottom: 8px;\">BIM(Building Information Modeling) : 디지털 전환을 위한 핵심 기술</div>\n <div style=\"padding-left:14px; text-indent:-14px; font-size:11.0px; word-break: break-word;\">• 시설물의 생애주기동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구</div>\n <div style=\"padding-left:14px; text-indent:-14px; font-size:11.0px; word-break: break-word; margin-top: 4px;\">• 건설 정보와 절차를 표준화된 방식으로 연계하고 디지털 협업이 가능하도록 하는 핵심 인프라 기술</div>\n <div style=\"font-size: 9.0px; color: #94a3b8; font-style: italic; margin-top: 8px; border-top: 1px solid #e2e8f0; padding-top: 6px;\">출처: 건설산업 BIM 기본지침, 국토교통부, 2020</div>\n </div>\n\n <!-- DX 카드 -->\n <div style=\"background: #ffffff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); padding: 16px; box-sizing: border-box;\">\n <div style=\"font-size: 12.0px; font-weight: bold; color: #000; margin-bottom: 8px;\">DX(Digital Transformation) : 산업 패러다임의 변화</div>\n <div style=\"padding-left:14px; text-indent:-14px; font-size:11.0px; word-break: break-word;\">• 디지털 기술을 기반으로 산업 전반의 업무방식과 가치 창출 구조를 전환하는 과정 및 결과</div>\n <div style=\"padding-left:14px; text-indent:-14px; font-size:11.0px; word-break: break-word; margin-top: 4px;\">• 단순한 기술 도입이 아닌, 고객 가치와 의사결정 방식의 근본적인 변화로 산업의 새로운 방향을 정립하는 것을 의미함</div>\n <div style=\"font-size: 9.0px; color: #94a3b8; font-style: italic; margin-top: 8px; border-top: 1px solid #e2e8f0; padding-top: 6px;\">출처: Digital Transformation, IBM Institute for Business Value, 2011 / What is Digital Transformation?, Agile Elephant, 2015</div>\n </div>\n</div>",
"footer_html": "<div style=\"background: linear-gradient(135deg, #006aff 0%, #00aaff 100%); border-radius: 8px; padding: 16px 30px; text-align: center; color: #ffffff; width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;\">\n <div style=\"font-size: 14px; font-weight: 700; line-height: 1.5;\">BIM은 건설산업의 디지털전환(DX)을 수행하는 과정에서 가장 기초가 되는 일부분</div>\n</div>",
"reasoning": "영역별 개별 호출, 검증 합격 프롬프트 템플릿 사용."
},
"measurement": {
@@ -483,9 +483,9 @@
"block_count": 0,
"blocks": [],
"clientHeight": 474,
"excess_px": 251,
"excess_px": 107,
"overflowed": true,
"scrollHeight": 725
"scrollHeight": 581
},
"footer": {
"block_count": 0,
@@ -499,9 +499,9 @@
"block_count": 0,
"blocks": [],
"clientHeight": 474,
"excess_px": 115,
"excess_px": 72,
"overflowed": true,
"scrollHeight": 589
"scrollHeight": 546
}
}
},
+63 -30
View File
@@ -153,44 +153,77 @@
<div class="slide-title" style="grid-area: header;">건설산업 DX의 올바른 이해</div>
<div class="area-body" style="overflow:hidden;">
<div style="width:100%; background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%); border-radius:8px; padding:16px 20px; color:#ffffff; box-sizing:border-box; margin-bottom:10px;">
<div style="font-size:12px; font-weight:700; color:#93c5fd; margin-bottom:6px;">문제 인식</div>
<div style="font-size:12px; line-height:1.5;">건설산업에서는 DX와 BIM이 자주 혼용되며, BIM 도입이 곧 DX 완성이라는 오해가 생긴다.</div>
</div>
<div style="width:100%; background:#f8fafc; border:1px solid #cbd5e1; border-radius:8px; padding:14px 16px; box-sizing:border-box; margin-bottom:10px;">
<div style="font-size:13px; font-weight:700; color:#1d4ed8; margin-bottom:8px;">건설산업 DX의 올바른 이해</div>
<div style="font-size:12px; line-height:1.55; color:#0f172a; margin-bottom:6px;">• DX는 산업 전반의 업무방식과 가치 창출 구조를 바꾸는 상위 개념</div>
<div style="font-size:12px; line-height:1.55; color:#0f172a; margin-bottom:6px;">• BIM은 시설물 정보를 3D 기반으로 통합·관리하는 핵심 기술</div>
<div style="font-size:12px; line-height:1.55; color:#0f172a;">• GIS·BIM·디지털 트윈의 결합으로 건설산업 DX가 구현된다</div>
</div>
<div style="width:100%; background:#f0fdf4; border:1px solid #86efac; border-radius:8px; padding:12px 16px; box-sizing:border-box; margin-bottom:10px;">
<div style="font-size:11px; font-weight:700; color:#166534; margin-bottom:6px;">이미지 참조</div>
<div style="font-size:11px; color:#14532d; line-height:1.45;">[그림 1] DX와 핵심기술간 상호관계</div>
</div>
<div style="width:100%; background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%); border-radius:8px; padding:14px 18px; color:#fff; box-sizing:border-box; text-align:center;">
<div style="font-size:13px; font-weight:700; line-height:1.45;">건설산업에서 DX는 상위 개념이고 BIM은 그 디지털 전환을 가능하게 하는 핵심 기술 중 하나다.</div>
<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;">
<div style="display:flex; align-items:flex-start; justify-content:space-between; gap:14px;">
<div style="flex:1; background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 100%); color:#ffffff; border-radius:14px; padding:18px 20px; box-sizing:border-box; box-shadow:0 12px 28px rgba(15,23,42,0.18);">
<div style="font-size:11px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:#93c5fd; margin-bottom:8px;">Core Message</div>
<div style="font-size:23px; font-weight:800; line-height:1.22; margin-bottom:8px;">DX는 상위 개념, BIM은 핵심 기술</div>
<div style="font-size:12px; line-height:1.55; color:rgba(255,255,255,0.92);">건설산업에서 DX는 상위 개념이고 BIM은 그 디지털 전환을 가능하게 하는 핵심 기술 중 하나다.</div>
</div>
<div style="width:170px; background:#fff7ed; border:1px solid #fdba74; border-radius:14px; padding:14px 14px 12px; box-sizing:border-box;">
<div style="font-size:10px; font-weight:700; color:#c2410c; margin-bottom:8px; text-transform:uppercase; letter-spacing:0.06em;">Problem</div>
<div style="font-size:11px; line-height:1.55; color:#7c2d12;">건설산업에서는 DX와 BIM이 자주 혼용되며, BIM 도입이 곧 DX 완성이라는 오해가 생긴다.</div>
</div>
</div>
<div class="relation-diagram-card" style="background:linear-gradient(180deg,#eff6ff 0%,#f8fafc 100%); border:1px solid #bfdbfe; border-radius:16px; padding:18px; box-sizing:border-box; box-shadow:0 8px 18px rgba(59,130,246,0.10);">
<div style="display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; gap:14px;">
<div>
<div style="font-size:11px; font-weight:700; color:#2563eb; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:6px;">Relation Map</div>
<div style="font-size:18px; font-weight:800; color:#0f172a; line-height:1.25;">건설산업 DX를 이루는 핵심 기술 관계</div>
</div>
<div style="font-size:11px; color:#166534; background:#dcfce7; border:1px solid #86efac; border-radius:999px; padding:6px 10px; white-space:nowrap;">[그림 1] DX와 핵심기술간 상호관계</div>
</div>
<div style="display:flex; flex-direction:column; align-items:center; gap:10px;">
<div style="min-width:190px; text-align:center; background:#1d4ed8; color:#ffffff; border-radius:999px; padding:10px 18px; font-size:16px; font-weight:800; box-shadow:0 8px 18px rgba(37,99,235,0.22);">DX</div>
<div style="width:2px; height:20px; background:linear-gradient(180deg,#60a5fa 0%,#94a3b8 100%);"></div>
<div style="width:100%; display:flex; justify-content:center; gap:12px;">
<div style="flex:1; max-width:150px; background:#ffffff; border:1px solid #cbd5e1; border-radius:12px; padding:10px 10px 12px; text-align:center; box-sizing:border-box;">
<div style="font-size:12px; font-weight:800; color:#0f172a; margin-bottom:4px;">GIS</div>
<div style="font-size:10px; line-height:1.45; color:#475569;">공간정보와 위치기반 분석</div>
</div>
<div style="flex:1; max-width:170px; background:linear-gradient(180deg,#dbeafe 0%,#eff6ff 100%); border:2px solid #3b82f6; border-radius:12px; padding:10px 10px 12px; text-align:center; box-sizing:border-box; box-shadow:0 10px 22px rgba(59,130,246,0.16); transform:translateY(-2px);">
<div style="font-size:12px; font-weight:800; color:#1d4ed8; margin-bottom:4px;">BIM</div>
<div style="font-size:10px; line-height:1.45; color:#334155;">형상+내용정보 기반 핵심 기술</div>
</div>
<div style="flex:1; max-width:150px; background:#ffffff; border:1px solid #cbd5e1; border-radius:12px; padding:10px 10px 12px; text-align:center; box-sizing:border-box;">
<div style="font-size:12px; font-weight:800; color:#0f172a; margin-bottom:4px;">Digital Twin</div>
<div style="font-size:10px; line-height:1.45; color:#475569;">가상환경 기반 통합 운영</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="area-sidebar" style="overflow:hidden;">
<div style="width:100%; background:#ffffff; border:1px solid #dbeafe; border-radius:8px; padding:14px 16px; box-sizing:border-box; margin-bottom:10px;">
<div style="font-size:11px; font-weight:700; color:#1e40af; margin-bottom:6px;">정책 혼용 사례</div>
<div style="font-size:10px; color:#334155; line-height:1.5;">• 스마트 건설 활성화 방안: 디지털화 방향 아래 BIM 전면 도입 제시</div>
<div style="font-size:10px; color:#334155; line-height:1.5;">• 제7차 건설기술진흥 기본계획: DX 추진 방향 아래 BIM 도입 실행 과제 제시</div>
</div>
<div class="comparison-summary-card" style="background:#eff6ff; border:1px solid #bfdbfe; border-radius:8px; padding:12px; box-sizing:border-box;">
<div style="font-size:11px; font-weight:700; color:#1e3a8a; margin-bottom:6px;">DX와 BIM 핵심 비교</div>
<div style="font-size:10px; color:#334155; line-height:1.5;">• 범위: DX는 BIM을 포함하는 상위 개념, BIM은 3D 중심 기술</div>
<div style="font-size:10px; color:#334155; line-height:1.5;">• 프로세스: DX는 근본적 개선, BIM은 기존 2D 설계 방식 연장</div>
<div style="font-size:10px; color:#334155; line-height:1.5;">• 성과품: DX는 공학 정보 및 콘텐츠 연계, BIM은 3D 모델 중심</div>
<div style="font-size:10px; color:#334155; line-height:1.5;">• 확장성: DX는 전 생애주기 활용 시스템, BIM은 분야별 단절 위험</div>
<div style="width:100%; height:100%; box-sizing:border-box; font-family:'Segoe UI',sans-serif; display:flex; flex-direction:column; gap:12px;">
<div class="comparison-summary-card" style="background:#ffffff; border:1px solid #cbd5e1; border-radius:14px; overflow:hidden; box-shadow:0 10px 22px rgba(15,23,42,0.08);">
<div style="padding:12px 14px; background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%); border-bottom:1px solid #bfdbfe;">
<div style="font-size:11px; font-weight:700; color:#1d4ed8; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:4px;">Comparison</div>
<div style="font-size:16px; font-weight:800; color:#0f172a;">DX와 BIM 핵심 비교</div>
</div>
<div style="padding:10px 14px 12px; display:grid; grid-template-columns:80px 1fr; row-gap:8px; column-gap:10px; font-size:10px; line-height:1.45; color:#334155;">
<div style="font-weight:800; color:#0f172a;">범위</div><div>DX는 BIM을 포함하는 상위 개념, BIM은 3D 중심 기술</div>
<div style="font-weight:800; color:#0f172a;">프로세스</div><div>DX는 근본적 개선, BIM은 기존 2D 설계 방식 연장</div>
<div style="font-weight:800; color:#0f172a;">성과품</div><div>DX는 공학 정보 및 콘텐츠 연계, BIM은 3D 모델 중심</div>
<div style="font-weight:800; color:#0f172a;">확장성</div><div>DX는 전 생애주기 활용 시스템, BIM은 분야별 단절 위험</div>
</div>
</div>
<div style="background:#f8fafc; border:1px solid #cbd5e1; border-radius:14px; padding:14px; box-sizing:border-box;">
<div style="font-size:11px; font-weight:700; color:#475569; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:6px;">Evidence</div>
<div style="font-size:14px; font-weight:800; color:#0f172a; margin-bottom:8px;">정책 문서에서도 혼용</div>
<div style="font-size:10px; line-height:1.55; color:#475569;">• 스마트 건설 활성화 방안: 디지털화 방향 아래 BIM 전면 도입 제시</div>
<div style="font-size:10px; line-height:1.55; color:#475569;">• 제7차 건설기술진흥 기본계획: DX 추진 방향 아래 BIM 도입 실행 과제 제시</div>
</div>
</div>
</div>
<div class="area-footer" style="overflow:hidden;">
<div style="background:linear-gradient(135deg,#0f766e 0%,#0ea5a3 100%); border-radius:8px; padding:12px 22px; text-align:center; color:#ffffff; width:100%; height:60px; display:flex; flex-direction:column; justify-content:center; box-sizing:border-box;">
<div style="font-size:13px; font-weight:700; line-height:1.4;">DX는 상위 개념, BIM은 핵심 기술</div>
<div style="font-size:10px; line-height:1.35; opacity:0.95;">BIM은 건설산업 DX 수행 과정의 가장 기초가 되는 일부분</div>
<div style="background:linear-gradient(90deg,#0f766e 0%,#0ea5a3 100%); border-radius:12px; padding:14px 24px; text-align:center; color:#ffffff; width:100%; height:60px; display:flex; flex-direction:column; justify-content:center; box-sizing:border-box; box-shadow:0 10px 24px rgba(15,118,110,0.20);">
<div style="font-size:14px; font-weight:800; line-height:1.35;">결론: BIM은 DX 수행 과정의 가장 기초가 되는 일부분</div>
</div>
</div>
</div>
@@ -1,6 +1,6 @@
{
"body_html": "<div style=\"width:100%; background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%); border-radius:8px; padding:16px 20px; color:#ffffff; box-sizing:border-box; margin-bottom:10px;\">\n <div style=\"font-size:12px; font-weight:700; color:#93c5fd; margin-bottom:6px;\">문제 인식</div>\n <div style=\"font-size:12px; line-height:1.5;\">건설산업에서는 DX와 BIM이 자주 혼용되며, BIM 도입이 곧 DX 완성이라는 오해가 생긴다.</div>\n</div>\n<div style=\"width:100%; background:#f8fafc; border:1px solid #cbd5e1; border-radius:8px; padding:14px 16px; box-sizing:border-box; margin-bottom:10px;\">\n <div style=\"font-size:13px; font-weight:700; color:#1d4ed8; margin-bottom:8px;\">건설산업 DX의 올바른 이해</div>\n <div style=\"font-size:12px; line-height:1.55; color:#0f172a; margin-bottom:6px;\">• DX는 산업 전반의 업무방식과 가치 창출 구조를 바꾸는 상위 개념</div>\n <div style=\"font-size:12px; line-height:1.55; color:#0f172a; margin-bottom:6px;\">• BIM은 시설물 정보를 3D 기반으로 통합·관리하는 핵심 기술</div>\n <div style=\"font-size:12px; line-height:1.55; color:#0f172a;\">• GIS·BIM·디지털 트윈의 결합으로 건설산업 DX가 구현된다</div>\n</div>\n<div style=\"width:100%; background:#f0fdf4; border:1px solid #86efac; border-radius:8px; padding:12px 16px; box-sizing:border-box; margin-bottom:10px;\">\n <div style=\"font-size:11px; font-weight:700; color:#166534; margin-bottom:6px;\">이미지 참조</div>\n <div style=\"font-size:11px; color:#14532d; line-height:1.45;\">[그림 1] DX와 핵심기술간 상호관계</div>\n</div>\n<div style=\"width:100%; background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%); border-radius:8px; padding:14px 18px; color:#fff; box-sizing:border-box; text-align:center;\">\n <div style=\"font-size:13px; font-weight:700; line-height:1.45;\">건설산업에서 DX는 상위 개념이고 BIM은 그 디지털 전환을 가능하게 하는 핵심 기술 중 하나다.</div>\n</div>",
"sidebar_html": "<div style=\"width:100%; background:#ffffff; border:1px solid #dbeafe; border-radius:8px; padding:14px 16px; box-sizing:border-box; margin-bottom:10px;\">\n <div style=\"font-size:11px; font-weight:700; color:#1e40af; margin-bottom:6px;\">정책 혼용 사례</div>\n <div style=\"font-size:10px; color:#334155; line-height:1.5;\">• 스마트 건설 활성화 방안: 디지털화 방향 아래 BIM 전면 도입 제시</div>\n <div style=\"font-size:10px; color:#334155; line-height:1.5;\">• 제7차 건설기술진흥 기본계획: DX 추진 방향 아래 BIM 도입 실행 과제 제시</div>\n</div>\n<div class=\"comparison-summary-card\" style=\"background:#eff6ff; border:1px solid #bfdbfe; border-radius:8px; padding:12px; box-sizing:border-box;\">\n <div style=\"font-size:11px; font-weight:700; color:#1e3a8a; margin-bottom:6px;\">DX와 BIM 핵심 비교</div>\n <div style=\"font-size:10px; color:#334155; line-height:1.5;\">• 범위: DX는 BIM을 포함하는 상위 개념, BIM은 3D 중심 기술</div>\n <div style=\"font-size:10px; color:#334155; line-height:1.5;\">• 프로세스: DX는 근본적 개선, BIM은 기존 2D 설계 방식 연장</div>\n <div style=\"font-size:10px; color:#334155; line-height:1.5;\">• 성과품: DX는 공학 정보 및 콘텐츠 연계, BIM은 3D 모델 중심</div>\n <div style=\"font-size:10px; color:#334155; line-height:1.5;\">• 확장성: DX는 전 생애주기 활용 시스템, BIM은 분야별 단절 위험</div>\n</div>",
"footer_html": "<div style=\"background:linear-gradient(135deg,#0f766e 0%,#0ea5a3 100%); border-radius:8px; padding:12px 22px; text-align:center; color:#ffffff; width:100%; height:60px; display:flex; flex-direction:column; justify-content:center; box-sizing:border-box;\">\n <div style=\"font-size:13px; font-weight:700; line-height:1.4;\">DX는 상위 개념, BIM은 핵심 기술</div>\n <div style=\"font-size:10px; line-height:1.35; opacity:0.95;\">BIM은 건설산업 DX 수행 과정의 가장 기초가 되는 일부분</div>\n</div>",
"reasoning": "auto_loop_runner compact rewrite for visible core message and overflow reduction"
"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;\">\n <div style=\"display:flex; align-items:flex-start; justify-content:space-between; gap:14px;\">\n <div style=\"flex:1; background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 100%); color:#ffffff; border-radius:14px; padding:18px 20px; box-sizing:border-box; box-shadow:0 12px 28px rgba(15,23,42,0.18);\">\n <div style=\"font-size:11px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:#93c5fd; margin-bottom:8px;\">Core Message</div>\n <div style=\"font-size:23px; font-weight:800; line-height:1.22; margin-bottom:8px;\">DX는 상위 개념, BIM은 핵심 기술</div>\n <div style=\"font-size:12px; line-height:1.55; color:rgba(255,255,255,0.92);\">건설산업에서 DX는 상위 개념이고 BIM은 그 디지털 전환을 가능하게 하는 핵심 기술 중 하나다.</div>\n </div>\n <div style=\"width:170px; background:#fff7ed; border:1px solid #fdba74; border-radius:14px; padding:14px 14px 12px; box-sizing:border-box;\">\n <div style=\"font-size:10px; font-weight:700; color:#c2410c; margin-bottom:8px; text-transform:uppercase; letter-spacing:0.06em;\">Problem</div>\n <div style=\"font-size:11px; line-height:1.55; color:#7c2d12;\">건설산업에서는 DX와 BIM이 자주 혼용되며, BIM 도입이 곧 DX 완성이라는 오해가 생긴다.</div>\n </div>\n </div>\n\n <div class=\"relation-diagram-card\" style=\"background:linear-gradient(180deg,#eff6ff 0%,#f8fafc 100%); border:1px solid #bfdbfe; border-radius:16px; padding:18px; box-sizing:border-box; box-shadow:0 8px 18px rgba(59,130,246,0.10);\">\n <div style=\"display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; gap:14px;\">\n <div>\n <div style=\"font-size:11px; font-weight:700; color:#2563eb; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:6px;\">Relation Map</div>\n <div style=\"font-size:18px; font-weight:800; color:#0f172a; line-height:1.25;\">건설산업 DX를 이루는 핵심 기술 관계</div>\n </div>\n <div style=\"font-size:11px; color:#166534; background:#dcfce7; border:1px solid #86efac; border-radius:999px; padding:6px 10px; white-space:nowrap;\">[그림 1] DX와 핵심기술간 상호관계</div>\n </div>\n\n <div style=\"display:flex; flex-direction:column; align-items:center; gap:10px;\">\n <div style=\"min-width:190px; text-align:center; background:#1d4ed8; color:#ffffff; border-radius:999px; padding:10px 18px; font-size:16px; font-weight:800; box-shadow:0 8px 18px rgba(37,99,235,0.22);\">DX</div>\n <div style=\"width:2px; height:20px; background:linear-gradient(180deg,#60a5fa 0%,#94a3b8 100%);\"></div>\n <div style=\"width:100%; display:flex; justify-content:center; gap:12px;\">\n <div style=\"flex:1; max-width:150px; background:#ffffff; border:1px solid #cbd5e1; border-radius:12px; padding:10px 10px 12px; text-align:center; box-sizing:border-box;\">\n <div style=\"font-size:12px; font-weight:800; color:#0f172a; margin-bottom:4px;\">GIS</div>\n <div style=\"font-size:10px; line-height:1.45; color:#475569;\">공간정보와 위치기반 분석</div>\n </div>\n <div style=\"flex:1; max-width:170px; background:linear-gradient(180deg,#dbeafe 0%,#eff6ff 100%); border:2px solid #3b82f6; border-radius:12px; padding:10px 10px 12px; text-align:center; box-sizing:border-box; box-shadow:0 10px 22px rgba(59,130,246,0.16); transform:translateY(-2px);\">\n <div style=\"font-size:12px; font-weight:800; color:#1d4ed8; margin-bottom:4px;\">BIM</div>\n <div style=\"font-size:10px; line-height:1.45; color:#334155;\">형상+내용정보 기반 핵심 기술</div>\n </div>\n <div style=\"flex:1; max-width:150px; background:#ffffff; border:1px solid #cbd5e1; border-radius:12px; padding:10px 10px 12px; text-align:center; box-sizing:border-box;\">\n <div style=\"font-size:12px; font-weight:800; color:#0f172a; margin-bottom:4px;\">Digital Twin</div>\n <div style=\"font-size:10px; line-height:1.45; color:#475569;\">가상환경 기반 통합 운영</div>\n </div>\n </div>\n </div>\n </div>\n</div>",
"sidebar_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:'Segoe UI',sans-serif; display:flex; flex-direction:column; gap:12px;\">\n <div class=\"comparison-summary-card\" style=\"background:#ffffff; border:1px solid #cbd5e1; border-radius:14px; overflow:hidden; box-shadow:0 10px 22px rgba(15,23,42,0.08);\">\n <div style=\"padding:12px 14px; background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%); border-bottom:1px solid #bfdbfe;\">\n <div style=\"font-size:11px; font-weight:700; color:#1d4ed8; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:4px;\">Comparison</div>\n <div style=\"font-size:16px; font-weight:800; color:#0f172a;\">DX와 BIM 핵심 비교</div>\n </div>\n <div style=\"padding:10px 14px 12px; display:grid; grid-template-columns:80px 1fr; row-gap:8px; column-gap:10px; font-size:10px; line-height:1.45; color:#334155;\">\n <div style=\"font-weight:800; color:#0f172a;\">범위</div><div>DX는 BIM을 포함하는 상위 개념, BIM은 3D 중심 기술</div>\n <div style=\"font-weight:800; color:#0f172a;\">프로세스</div><div>DX는 근본적 개선, BIM은 기존 2D 설계 방식 연장</div>\n <div style=\"font-weight:800; color:#0f172a;\">성과품</div><div>DX는 공학 정보 및 콘텐츠 연계, BIM은 3D 모델 중심</div>\n <div style=\"font-weight:800; color:#0f172a;\">확장성</div><div>DX는 전 생애주기 활용 시스템, BIM은 분야별 단절 위험</div>\n </div>\n </div>\n\n <div style=\"background:#f8fafc; border:1px solid #cbd5e1; border-radius:14px; padding:14px; box-sizing:border-box;\">\n <div style=\"font-size:11px; font-weight:700; color:#475569; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:6px;\">Evidence</div>\n <div style=\"font-size:14px; font-weight:800; color:#0f172a; margin-bottom:8px;\">정책 문서에서도 혼용</div>\n <div style=\"font-size:10px; line-height:1.55; color:#475569;\">• 스마트 건설 활성화 방안: 디지털화 방향 아래 BIM 전면 도입 제시</div>\n <div style=\"font-size:10px; line-height:1.55; color:#475569;\">• 제7차 건설기술진흥 기본계획: DX 추진 방향 아래 BIM 도입 실행 과제 제시</div>\n </div>\n</div>",
"footer_html": "<div style=\"background:linear-gradient(90deg,#0f766e 0%,#0ea5a3 100%); border-radius:12px; padding:14px 24px; text-align:center; color:#ffffff; width:100%; height:60px; display:flex; flex-direction:column; justify-content:center; box-sizing:border-box; box-shadow:0 10px 24px rgba(15,118,110,0.20);\">\n <div style=\"font-size:14px; font-weight:800; line-height:1.35;\">결론: BIM은 DX 수행 과정의 가장 기초가 되는 일부분</div>\n</div>",
"reasoning": "auto_loop_runner slide-style regeneration with relation map, visible comparison, and strong conclusion"
}
+6 -6
View File
@@ -10,26 +10,26 @@
"body": {
"block_count": 0,
"blocks": [],
"clientHeight": 390,
"clientHeight": 412,
"excess_px": 0,
"overflowed": false,
"scrollHeight": 390
"scrollHeight": 412
},
"footer": {
"block_count": 0,
"blocks": [],
"clientHeight": 102,
"clientHeight": 91,
"excess_px": 0,
"overflowed": false,
"scrollHeight": 102
"scrollHeight": 91
},
"sidebar": {
"block_count": 0,
"blocks": [],
"clientHeight": 390,
"clientHeight": 412,
"excess_px": 0,
"overflowed": false,
"scrollHeight": 390
"scrollHeight": 412
}
}
}
@@ -30,26 +30,26 @@
"body": {
"block_count": 0,
"blocks": [],
"clientHeight": 390,
"clientHeight": 412,
"excess_px": 0,
"overflowed": false,
"scrollHeight": 390
"scrollHeight": 412
},
"footer": {
"block_count": 0,
"blocks": [],
"clientHeight": 102,
"clientHeight": 91,
"excess_px": 0,
"overflowed": false,
"scrollHeight": 102
"scrollHeight": 91
},
"sidebar": {
"block_count": 0,
"blocks": [],
"clientHeight": 390,
"clientHeight": 412,
"excess_px": 0,
"overflowed": false,
"scrollHeight": 390
"scrollHeight": 412
}
}
}
+1 -1
View File
@@ -3,7 +3,7 @@
- 입력: `docs/run-001/01-input/01. 건설산업 DX의 올바른 이해(0127).mdx`
- 산출물: `final.html`, `generated_html.json`, `measurement.json`, `context.json`
- 비교 요약 가시 블록 보강: 적용
- 컴팩트 재구성 적용: 예
- 슬라이드형 재생성 적용: 예
산출물 경로
- `docs/run-001/05-execution/final.html`
+1 -1
View File
@@ -2,7 +2,7 @@
- iteration 1 기준으로 최종 산출물과 측정 결과를 다시 검증했다.
- slide overflow: False
- zone overflow: 없음
- 컴팩트 재구성 적용: 예
- 슬라이드형 재생성 적용: 예
- 최종 판정은 `pass`이다.
산출물 경로
+85 -47
View File
@@ -22,6 +22,7 @@ from src.renderer import render_slide_from_html # type: ignore
from src.slide_measurer import measure_rendered_heights # type: ignore
COMPARISON_MARKER = "comparison-summary-card"
RELATION_MARKER = "relation-diagram-card"
COMPARE_KEYS = ["범위", "프로세스", "성과품", "확장성"]
CORE_MESSAGE_KEYS = ["DX는 상위 개념", "BIM은 핵심 기술"]
IMAGE_REFERENCE_KEY = "DX와 핵심기술간 상호관계"
@@ -57,51 +58,84 @@ def inject_visible_comparison_summary(generated: dict) -> bool:
return True
def build_compact_generated(context: dict) -> dict:
def build_slide_regenerated(context: dict) -> dict:
title = context.get("analysis", {}).get("title", "건설산업 DX의 올바른 이해")
core_message = context.get("analysis", {}).get(
"core_message",
"건설산업에서 DX는 상위 개념이고 BIM은 그 디지털 전환을 가능하게 하는 핵심 기술 중 하나다.",
)
core_message = context.get(
"analysis", {}
).get("core_message", "건설산업에서 DX는 상위 개념이고 BIM은 그 디지털 전환을 가능하게 하는 핵심 기술 중 하나다.")
body_html = f"""
<div style="width:100%; background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%); border-radius:8px; padding:16px 20px; color:#ffffff; box-sizing:border-box; margin-bottom:10px;">
<div style="font-size:12px; font-weight:700; color:#93c5fd; margin-bottom:6px;">문제 인식</div>
<div style="font-size:12px; line-height:1.5;">건설산업에서는 DX와 BIM이 자주 혼용되며, BIM 도입이 곧 DX 완성이라는 오해가 생긴다.</div>
</div>
<div style="width:100%; background:#f8fafc; border:1px solid #cbd5e1; border-radius:8px; padding:14px 16px; box-sizing:border-box; margin-bottom:10px;">
<div style="font-size:13px; font-weight:700; color:#1d4ed8; margin-bottom:8px;">{title}</div>
<div style="font-size:12px; line-height:1.55; color:#0f172a; margin-bottom:6px;">• DX는 산업 전반의 업무방식과 가치 창출 구조를 바꾸는 상위 개념</div>
<div style="font-size:12px; line-height:1.55; color:#0f172a; margin-bottom:6px;">• BIM은 시설물 정보를 3D 기반으로 통합·관리하는 핵심 기술</div>
<div style="font-size:12px; line-height:1.55; color:#0f172a;">• GIS·BIM·디지털 트윈의 결합으로 건설산업 DX가 구현된다</div>
</div>
<div style="width:100%; background:#f0fdf4; border:1px solid #86efac; border-radius:8px; padding:12px 16px; box-sizing:border-box; margin-bottom:10px;">
<div style="font-size:11px; font-weight:700; color:#166534; margin-bottom:6px;">이미지 참조</div>
<div style="font-size:11px; color:#14532d; line-height:1.45;">[그림 1] {IMAGE_REFERENCE_KEY}</div>
</div>
<div style="width:100%; background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%); border-radius:8px; padding:14px 18px; color:#fff; box-sizing:border-box; text-align:center;">
<div style="font-size:13px; font-weight:700; line-height:1.45;">{core_message}</div>
<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;">
<div style="display:flex; align-items:flex-start; justify-content:space-between; gap:14px;">
<div style="flex:1; background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 100%); color:#ffffff; border-radius:14px; padding:18px 20px; box-sizing:border-box; box-shadow:0 12px 28px rgba(15,23,42,0.18);">
<div style="font-size:11px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:#93c5fd; margin-bottom:8px;">Core Message</div>
<div style="font-size:23px; font-weight:800; line-height:1.22; margin-bottom:8px;">DX는 상위 개념, BIM은 핵심 기술</div>
<div style="font-size:12px; line-height:1.55; color:rgba(255,255,255,0.92);">{core_message}</div>
</div>
<div style="width:170px; background:#fff7ed; border:1px solid #fdba74; border-radius:14px; padding:14px 14px 12px; box-sizing:border-box;">
<div style="font-size:10px; font-weight:700; color:#c2410c; margin-bottom:8px; text-transform:uppercase; letter-spacing:0.06em;">Problem</div>
<div style="font-size:11px; line-height:1.55; color:#7c2d12;">건설산업에서는 DX와 BIM이 자주 혼용되며, BIM 도입이 곧 DX 완성이라는 오해가 생긴다.</div>
</div>
</div>
<div class="relation-diagram-card" style="background:linear-gradient(180deg,#eff6ff 0%,#f8fafc 100%); border:1px solid #bfdbfe; border-radius:16px; padding:18px; box-sizing:border-box; box-shadow:0 8px 18px rgba(59,130,246,0.10);">
<div style="display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; gap:14px;">
<div>
<div style="font-size:11px; font-weight:700; color:#2563eb; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:6px;">Relation Map</div>
<div style="font-size:18px; font-weight:800; color:#0f172a; line-height:1.25;">건설산업 DX를 이루는 핵심 기술 관계</div>
</div>
<div style="font-size:11px; color:#166534; background:#dcfce7; border:1px solid #86efac; border-radius:999px; padding:6px 10px; white-space:nowrap;">[그림 1] {IMAGE_REFERENCE_KEY}</div>
</div>
<div style="display:flex; flex-direction:column; align-items:center; gap:10px;">
<div style="min-width:190px; text-align:center; background:#1d4ed8; color:#ffffff; border-radius:999px; padding:10px 18px; font-size:16px; font-weight:800; box-shadow:0 8px 18px rgba(37,99,235,0.22);">DX</div>
<div style="width:2px; height:20px; background:linear-gradient(180deg,#60a5fa 0%,#94a3b8 100%);"></div>
<div style="width:100%; display:flex; justify-content:center; gap:12px;">
<div style="flex:1; max-width:150px; background:#ffffff; border:1px solid #cbd5e1; border-radius:12px; padding:10px 10px 12px; text-align:center; box-sizing:border-box;">
<div style="font-size:12px; font-weight:800; color:#0f172a; margin-bottom:4px;">GIS</div>
<div style="font-size:10px; line-height:1.45; color:#475569;">공간정보와 위치기반 분석</div>
</div>
<div style="flex:1; max-width:170px; background:linear-gradient(180deg,#dbeafe 0%,#eff6ff 100%); border:2px solid #3b82f6; border-radius:12px; padding:10px 10px 12px; text-align:center; box-sizing:border-box; box-shadow:0 10px 22px rgba(59,130,246,0.16); transform:translateY(-2px);">
<div style="font-size:12px; font-weight:800; color:#1d4ed8; margin-bottom:4px;">BIM</div>
<div style="font-size:10px; line-height:1.45; color:#334155;">형상+내용정보 기반 핵심 기술</div>
</div>
<div style="flex:1; max-width:150px; background:#ffffff; border:1px solid #cbd5e1; border-radius:12px; padding:10px 10px 12px; text-align:center; box-sizing:border-box;">
<div style="font-size:12px; font-weight:800; color:#0f172a; margin-bottom:4px;">Digital Twin</div>
<div style="font-size:10px; line-height:1.45; color:#475569;">가상환경 기반 통합 운영</div>
</div>
</div>
</div>
</div>
</div>
""".strip()
sidebar_html = f"""
<div style="width:100%; background:#ffffff; border:1px solid #dbeafe; border-radius:8px; padding:14px 16px; box-sizing:border-box; margin-bottom:10px;">
<div style="font-size:11px; font-weight:700; color:#1e40af; margin-bottom:6px;">정책 혼용 사례</div>
<div style="font-size:10px; color:#334155; line-height:1.5;">• 스마트 건설 활성화 방안: 디지털화 방향 아래 BIM 전면 도입 제시</div>
<div style="font-size:10px; color:#334155; line-height:1.5;">• 제7차 건설기술진흥 기본계획: DX 추진 방향 아래 BIM 도입 실행 과제 제시</div>
</div>
<div class="comparison-summary-card" style="background:#eff6ff; border:1px solid #bfdbfe; border-radius:8px; padding:12px; box-sizing:border-box;">
<div style="font-size:11px; font-weight:700; color:#1e3a8a; margin-bottom:6px;">DX와 BIM 핵심 비교</div>
<div style="font-size:10px; color:#334155; line-height:1.5;">• 범위: DX는 BIM을 포함하는 상위 개념, BIM은 3D 중심 기술</div>
<div style="font-size:10px; color:#334155; line-height:1.5;">• 프로세스: DX는 근본적 개선, BIM은 기존 2D 설계 방식 연장</div>
<div style="font-size:10px; color:#334155; line-height:1.5;">• 성과품: DX는 공학 정보 및 콘텐츠 연계, BIM은 3D 모델 중심</div>
<div style="font-size:10px; color:#334155; line-height:1.5;">• 확장성: DX는 전 생애주기 활용 시스템, BIM은 분야별 단절 위험</div>
sidebar_html = """
<div style="width:100%; height:100%; box-sizing:border-box; font-family:'Segoe UI',sans-serif; display:flex; flex-direction:column; gap:12px;">
<div class="comparison-summary-card" style="background:#ffffff; border:1px solid #cbd5e1; border-radius:14px; overflow:hidden; box-shadow:0 10px 22px rgba(15,23,42,0.08);">
<div style="padding:12px 14px; background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%); border-bottom:1px solid #bfdbfe;">
<div style="font-size:11px; font-weight:700; color:#1d4ed8; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:4px;">Comparison</div>
<div style="font-size:16px; font-weight:800; color:#0f172a;">DX와 BIM 핵심 비교</div>
</div>
<div style="padding:10px 14px 12px; display:grid; grid-template-columns:80px 1fr; row-gap:8px; column-gap:10px; font-size:10px; line-height:1.45; color:#334155;">
<div style="font-weight:800; color:#0f172a;">범위</div><div>DX는 BIM을 포함하는 상위 개념, BIM은 3D 중심 기술</div>
<div style="font-weight:800; color:#0f172a;">프로세스</div><div>DX는 근본적 개선, BIM은 기존 2D 설계 방식 연장</div>
<div style="font-weight:800; color:#0f172a;">성과품</div><div>DX는 공학 정보 및 콘텐츠 연계, BIM은 3D 모델 중심</div>
<div style="font-weight:800; color:#0f172a;">확장성</div><div>DX는 전 생애주기 활용 시스템, BIM은 분야별 단절 위험</div>
</div>
</div>
<div style="background:#f8fafc; border:1px solid #cbd5e1; border-radius:14px; padding:14px; box-sizing:border-box;">
<div style="font-size:11px; font-weight:700; color:#475569; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:6px;">Evidence</div>
<div style="font-size:14px; font-weight:800; color:#0f172a; margin-bottom:8px;">정책 문서에서도 혼용</div>
<div style="font-size:10px; line-height:1.55; color:#475569;">• 스마트 건설 활성화 방안: 디지털화 방향 아래 BIM 전면 도입 제시</div>
<div style="font-size:10px; line-height:1.55; color:#475569;">• 제7차 건설기술진흥 기본계획: DX 추진 방향 아래 BIM 도입 실행 과제 제시</div>
</div>
</div>
""".strip()
footer_html = """
<div style="background:linear-gradient(135deg,#0f766e 0%,#0ea5a3 100%); border-radius:8px; padding:12px 22px; text-align:center; color:#ffffff; width:100%; height:60px; display:flex; flex-direction:column; justify-content:center; box-sizing:border-box;">
<div style="font-size:13px; font-weight:700; line-height:1.4;">DX는 상위 개념, BIM은 핵심 기술</div>
<div style="font-size:10px; line-height:1.35; opacity:0.95;">BIM은 건설산업 DX 수행 과정의 가장 기초가 되는 일부분</div>
<div style="background:linear-gradient(90deg,#0f766e 0%,#0ea5a3 100%); border-radius:12px; padding:14px 24px; text-align:center; color:#ffffff; width:100%; height:60px; display:flex; flex-direction:column; justify-content:center; box-sizing:border-box; box-shadow:0 10px 24px rgba(15,118,110,0.20);">
<div style="font-size:14px; font-weight:800; line-height:1.35;">결론: BIM은 DX 수행 과정의 가장 기초가 되는 일부분</div>
</div>
""".strip()
@@ -109,7 +143,7 @@ def build_compact_generated(context: dict) -> dict:
"body_html": body_html,
"sidebar_html": sidebar_html,
"footer_html": footer_html,
"reasoning": "auto_loop_runner compact rewrite for visible core message and overflow reduction",
"reasoning": "auto_loop_runner slide-style regeneration with relation map, visible comparison, and strong conclusion",
}
@@ -139,7 +173,7 @@ def validate_outputs(generated: dict, measurement: dict) -> tuple[str, list[str]
body_html = generated.get("body_html", "")
sidebar_html = generated.get("sidebar_html", "")
footer_html = generated.get("footer_html", "")
text = strip_tags("\n".join([body_html, sidebar_html, footer_html]))
visible_text = strip_tags("\n".join([body_html, sidebar_html, footer_html]))
failures: list[str] = []
actions: list[str] = []
@@ -155,19 +189,23 @@ def validate_outputs(generated: dict, measurement: dict) -> tuple[str, list[str]
failures.append("Verify-RenderZone")
actions.append(f"overflow가 발생한 zone({', '.join(zone_overflows)})의 content budget, block 수, typography를 재조정한다.")
if not all(key in text for key in CORE_MESSAGE_KEYS):
if not all(key in visible_text for key in CORE_MESSAGE_KEYS):
failures.append("Verify-CoreMessage")
actions.append("핵심 메시지 `DX는 상위 개념`, `BIM은 핵심 기술`을 가시 텍스트에 직접 노출한다.")
if IMAGE_REFERENCE_KEY not in text:
if IMAGE_REFERENCE_KEY not in visible_text:
failures.append("Verify-ImageRef")
actions.append("이미지/도해 참조 문구 `DX와 핵심기술간 상호관계`를 숨김 영역이 아닌 가시 블록으로 유지한다.")
comparison_visible = COMPARISON_MARKER in sidebar_html and all(key in text for key in COMPARE_KEYS)
comparison_visible = COMPARISON_MARKER in sidebar_html and all(key in visible_text for key in COMPARE_KEYS)
if not comparison_visible:
failures.append("Verify-ComparisonVisible")
actions.append("비교 핵심 4축(범위, 프로세스, 성과품, 확장성)을 화면에 바로 보이는 요약 블록으로 강제한다.")
if RELATION_MARKER not in body_html:
failures.append("Verify-DesignStructure")
actions.append("핵심 관계를 설명하는 시각적 관계도 블록을 본문 중심 구조로 유지한다.")
if failures:
return "revise", sorted(set(failures)), list(dict.fromkeys(actions))
return "pass", [], []
@@ -337,7 +375,7 @@ KPI / 판정 결과
generated = read_json(generated_path)
context = read_json(context_path)
changed = inject_visible_comparison_summary(generated)
compact_applied = False
redesign_applied = False
if changed:
write_json(generated_path, generated)
final_html = rerender_final_html(generated, context)
@@ -348,9 +386,9 @@ KPI / 판정 결과
measurement = read_json(measurement_path)
status, failures, actions = validate_outputs(generated, measurement)
if status != "pass" and any(f in failures for f in ["Verify-RenderZone", "Verify-CoreMessage", "Verify-ComparisonVisible", "Verify-ImageRef"]):
generated = build_compact_generated(context)
compact_applied = True
if status != "pass" and any(f in failures for f in ["Verify-RenderZone", "Verify-CoreMessage", "Verify-ComparisonVisible", "Verify-ImageRef", "Verify-DesignStructure"]):
generated = build_slide_regenerated(context)
redesign_applied = True
write_json(generated_path, generated)
final_html = rerender_final_html(generated, context)
final_html_path.write_text(final_html, encoding="utf-8")
@@ -370,7 +408,7 @@ KPI / 판정 결과
- 입력: `docs/{args.run_id}/01-input/{input_file.name}`
- 산출물: `final.html`, `generated_html.json`, `measurement.json`, `context.json`
- 비교 요약 가시 블록 보강: {'적용' if changed else '기존 유지'}
- 컴팩트 재구성 적용: {'예' if compact_applied else '아니오'}
- 슬라이드형 재생성 적용: {'예' if redesign_applied else '아니오'}
산출물 경로
- `docs/{args.run_id}/05-execution/final.html`
@@ -399,7 +437,7 @@ KPI / 판정 결과
- iteration {iteration} 기준으로 최종 산출물과 측정 결과를 다시 검증했다.
- slide overflow: {measurement.get('slide', {}).get('overflowed')}
- zone overflow: {', '.join(zone_names) if zone_names else '없음'}
- 컴팩트 재구성 적용: {'예' if compact_applied else '아니오'}
- 슬라이드형 재생성 적용: {'예' if redesign_applied else '아니오'}
- 최종 판정은 `{status}`이다.
산출물 경로