Fix stale final screenshot export

This commit is contained in:
2026-04-03 05:59:06 +09:00
parent 37ae72a63e
commit 81b6289f80
30 changed files with 1300 additions and 1306 deletions

View File

@@ -155,15 +155,15 @@
<div class="area-body" style="overflow:hidden;">
<div style="width:100%; height:100%; box-sizing:border-box; font-family:'Segoe UI',sans-serif; color:#0f172a; display:flex; flex-direction:column; gap:6px;">
<div style="background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%); border:1px solid #fdba74; border-radius:12px; padding:8px 10px;">
<div style="font-size:11px; font-weight:800; color:#c2410c; margin-bottom:4px;">DX와 BIM의 혼용 문제</div>
<div style="font-size:10px; line-height:1.55; color:#7c2d12;">건설산업의 디지털 전환 논의에서 DX(Digital Transformation)와 BIM(Building Information Modeling)이 개념적으로 명확히 정립되지 않은채 혼용되어 사용되고 있음. 이로인해 BIM기술의 도입을 DX의 완성으로 오인하거나, DX를 BIM 기술 도입 수준으로 한정하는 인식 확산. 건설산업의...</div>
<div style="font-size:11px; font-weight:800; color:#c2410c; margin-bottom:4px;">용어의 혼용</div>
<div style="font-size:10px; line-height:1.55; color:#7c2d12;"><strong>용어의 혼용</strong> 건설산업의 디지털 전환 논의에서 DX(Digital Transformation)와 BIM(Building Information Modeling)이 개념적으로 명확히 정립되지 않은채 혼용되어 사용되고 있음 이로인해 BIM기술의 도입을 DX의...</div>
</div>
<div class="relation-diagram-card" style="background:#ffffff; border:1px solid #cbd5e1; border-radius:14px; padding:14px 16px; box-sizing:border-box; display:flex; flex-direction:column; gap:6px;">
<div style="display:flex; justify-content:space-between; align-items:flex-start; gap:12px;">
<div>
<div style="font-size:12px; font-weight:800; color:#1e40af; margin-bottom:4px;">DX의 정의와 위치</div>
<div style="font-size:10px; line-height:1.55; color:#334155;">DX(Digital Transformation): 디지털 기술을 기반으로 산업 전반의 업무방식과 가치 창출 구조를 전환하는 과정 및 결과. 단순한 기술 도입이 아닌, 고객 가치와 의사결정 방식의...</div>
<div style="font-size:12px; font-weight:800; color:#1e40af; margin-bottom:4px;">용어 정의</div>
<div style="font-size:10px; line-height:1.55; color:#334155;">* <strong>건설산업</strong> * 다양한 시설물을 각 산업마다의 광범위한 기술을 통합 및 융합하여 만들어내는 종합산업 * 목적 시설물의 품질 욕구를 충족시키면서 최단기간내에 최소 비용으로 편리하고 안전하며 우수한 성능의 시설물 완성을 목표로 함 * <strong>BIM(Building Information Modeling) : 디지털 전환을 위한 핵심 기술</strong> * 시설물의 생애주기동안 발생한 모든 정보를 3차원...</div>
</div>
<div style="font-size:10px; color:#166534; background:#dcfce7; border:1px solid #86efac; border-radius:999px; padding:4px 8px; white-space:nowrap;">[그림 1] DX와 핵심기술간 상호관계</div>
</div>
@@ -182,17 +182,17 @@
</div>
<div style="display:flex; flex-direction:column; gap:6px;">
<div style="background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; padding:8px 10px;">
<div style="font-size:11px; font-weight:800; color:#0f172a; margin-bottom:4px;">BIM과 핵심기술의 관계</div>
<div style="font-size:10px; line-height:1.55; color:#334155;">BIM(Building Information Modeling): 시설물의 생애주기동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구. 건설 정보와 절차를 표준화된 방식으로 연계하고 디지털 협업이 가능하도록 하는 핵심 인프라 기술. DX는 BIM과 같은 디지털기술을 기반으로 산업 전반의 프로세스를...</div>
<div style="font-size:11px; font-weight:800; color:#0f172a; margin-bottom:4px;">용어간 상호관계</div>
<div style="font-size:10px; line-height:1.55; color:#334155;">* DX는 BIM과 같은 디지털기술을 기반으로 산업 전반의 프로세스를 혁신하는 상위개념 * 건설산업의 DX는 GIS(공간정보), BIM, 디지털 트윈(가상환경)의 기술융합을 통해서만 실현 또는 구현 가능 * GIS의 역할 : 지리적 데이터를 공간 분석하여 시각적으로 표현, 위치기반 정보 제공 * BIM의 역할...</div>
</div>
<div style="display:grid; grid-template-columns:1fr 1fr; gap:8px;">
<div style="background:#ffffff; border:1px solid #cbd5e1; border-radius:10px; padding:8px 9px;">
<div style="font-size:10px; font-weight:800; color:#0f172a; margin-bottom:3px;">GIS 역할</div>
<div style="font-size:8px; line-height:1.45; color:#475569;">건설산업의 DX는 GIS(공간정보), BIM, 디지털 트윈(가상환경)의 기술융합을 통해서만 실현 또는 구현...</div>
<div style="font-size:8px; line-height:1.45; color:#475569;">* DX는 BIM과 같은 디지털기술을 기반으로 산업 전반의 프로세스를 혁신하는 상위개념 * 건설산업의 DX는 GIS(공간정보), BIM, 디지털 트윈(가상환경)의 기술융합을 통해서만 실현 또는 구현 가능 * GIS의 역할 : 지리적 데이터를 공간...</div>
</div>
<div style="background:#ffffff; border:1px solid #cbd5e1; border-radius:10px; padding:8px 9px;">
<div style="font-size:10px; font-weight:800; color:#0f172a; margin-bottom:3px;">BIM 역할</div>
<div style="font-size:8px; line-height:1.45; color:#475569;">BIM(Building Information Modeling): 시설물의 생애주기동안 발생한 모든 정보를 3차원 모델...</div>
<div style="font-size:8px; line-height:1.45; color:#475569;">* DX는 BIM과 같은 디지털기술을 기반으로 산업 전반의 프로세스를 혁신하는 상위개념 * 건설산업의 DX는 GIS(공간정보), BIM, 디지털 트윈(가상환경)의 기술융합을 통해서만 실현 또는 구현 가능 * GIS의 역할 : 지리적 데이터를 공간 분석하여 시각적으로 표현, 위치기반...</div>
</div>
</div>
</div>
@@ -201,8 +201,8 @@
<div class="comparison-summary-card" style="background:#eff6ff; border:1px solid #bfdbfe; border-radius:12px; padding:8px 9px; box-sizing:border-box; display:grid; grid-template-columns:96px 1fr; gap:7px;">
<div>
<div style="font-size:11px; font-weight:800; color:#1d4ed8; margin-bottom:4px;">DX와 BIM 비교 핵심 포인트</div>
<div style="font-size:8px; line-height:1.45; color:#475569;">핵심 비교 포인트: 범위(DX는 BIM을 포함하는 상위 개념, BIM은 3D 중심 기술), 프로세스(DX는 근본적 개선, BIM은 기존 2D 설계 방식 연장), 성과품(DX는 공학 정보 및 콘텐츠 연계, BIM은...</div>
<div style="font-size:11px; font-weight:800; color:#1d4ed8; margin-bottom:4px;">DX와 BIM의 구분</div>
<div style="font-size:8px; line-height:1.45; color:#475569;">| DX | 구분 | BIM | | :--- | :---: | ---: | | <strong>BIM << DX</strong> (Engineering + Management 통합) | <strong>범위</strong> | <strong>Only 3D</strong> (형상 구현...</div>
</div>
<div style="display:grid; grid-template-columns:1fr 1fr; gap:8px; font-size:8px; line-height:1.35; color:#334155;">
<div style="background:#ffffff; border:1px solid #cbd5e1; border-radius:10px; padding:7px 8px;"><span style="font-weight:800; color:#0f172a;">범위</span><br>DX는 BIM을 포함하는 상위 개념</div>
@@ -228,15 +228,15 @@
</div>
</div>
<div style="background:#fff7ed; border:1px solid #fdba74; border-radius:12px; padding:8px 10px; box-sizing:border-box;">
<div style="font-size:10.0px; font-weight:800; color:#c2410c; margin-bottom:5px;">정책 혼용 사례</div>
<div style="font-size:10px; line-height:1.55; color:#7c2d12;">스마트 건설 활성화 방안(2022.07): 추진과제 건설산업 디지털화, 실행과제 BIM 전면 도입 BIM 전문인력 양성. 제7차 건설기술진흥 기본계획(2023.12): 추진방향 디지털 전환을 통한 스마트...</div>
<div style="font-size:10.0px; font-weight:800; color:#c2410c; margin-bottom:5px;">혼용 대표 사례</div>
<div style="font-size:10px; line-height:1.55; color:#7c2d12;"><strong>[스마트 건설 활성화 방안(2022.07)]</strong> 추진과제 : 건설산업 디지털화 실행과제 : BIM 전면 도입, BIM 전문인력 양성 <strong>[제7차 건설기술진흥 기본계획(2023.12)]</strong> 추진방향 : 디지털 전환을 통한...</div>
</div>
</div>
</div>
<div class="area-footer" style="overflow:hidden;">
<div style="background:linear-gradient(135deg, #006aff 0%, #00aaff 100%); border-radius:10px; padding:10px 20px; text-align:center; color:#ffffff; width:100%; height:52px; display:flex; align-items:center; justify-content:center; box-sizing:border-box;">
<div style="font-size:12px; font-weight:800; line-height:1.35;">BIM은 건설산업의 디지털전환(DX)을 수행하는 과정에서 가장 기초가 되는 일부분이다</div>
<div style="font-size:12px; font-weight:800; line-height:1.35;">BIM은 건설산업의 디지털전환(DX)을 수행하는 과정에서 **가장 기초가 되는 일부분**이다</div>
</div>
</div>
</div>