Kyeongmin/C.E.L._slide_test
1
0
Fork 0
Code Issues 6 Pull Requests Actions Packages Projects Releases Wiki Activity

Add content-driven layout families for run-002 and run-003

Browse Source
This commit is contained in:
이경민
2026-04-06 13:22:51 +09:00
parent 43fa31556f
commit d65e69947f
58 changed files with 1770 additions and 948 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
docs/run-003/05-execution/steps/stage_0.html
View File

@@ -2,7 +2,7 @@
<style>*{margin:0;padding:0;box-sizing:border-box;}body{background:#e5e5e5;padding:10px;font-family:sans-serif;word-break:keep-all;}</style>
</head><body>
<div style="font-size:16px;font-weight:bold;margin-bottom:8px;">Stage 0: MDX 정규화</div>
<div style="font-size:12px;color:#555;margin-bottom:12px;">제목: <b>DX 실행 체계 구축 방안</b> | 섹션: 5개 | 팝업: 0개 | 이미지: 0개 | 테이블: 1개</div>
<div style="font-size:12px;color:#555;margin-bottom:12px;">제목: <b>DX 실행 체계 구축 방안</b> | 섹션: 7개 | 팝업: 0개 | 이미지: 0개 | 테이블: 1개</div>
<div style="font-size:13px;font-weight:700;margin-bottom:4px;">섹션</div>
<table style="border-collapse:collapse;font-size:12px;width:100%;max-width:900px;margin-bottom:16px;">
<tr style="background:#1e293b;color:white;"><th style="padding:8px;">#</th><th style="padding:8px;">heading</th><th style="padding:8px;">content (미리보기)</th></tr><tr style="background:#f8fafc;"><td style="padding:6px 8px;">1</td><td style="padding:6px 8px;font-weight:700;"></td><td style="padding:6px 8px;font-size:11px;"></td></tr>
@@ -19,7 +19,8 @@
기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자
기술 고도화를 위한 지속적인 개선 및 투자 체계 구축
변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력</td></tr>
<tr style="background:#f8fafc;"><td style="padding:6px 8px;">5</td><td style="padding:6px 8px;font-weight:700;"></td><td style="padding:6px 8px;font-size:11px;">**Analogue 기반 업무의 Digital화**
<tr style="background:#f8fafc;"><td style="padding:6px 8px;">5</td><td style="padding:6px 8px;font-weight:700;"></td><td style="padding:6px 8px;font-size:11px;"></td></tr>
<tr style="background:#fff;"><td style="padding:6px 8px;">6</td><td style="padding:6px 8px;font-weight:700;"></td><td style="padding:6px 8px;font-size:11px;">**Analogue 기반 업무의 Digital화**
As-is [Analogue]
구분
To-be [Digital]
@@ -27,6 +28,10 @@ To-be [Digital]
➠
**시각화된 목적물, 소통, 투명성 중심**
**2D 도면, ...</td></tr>
<tr style="background:#f8fafc;"><td style="padding:6px 8px;">7</td><td style="padding:6px 8px;font-weight:700;"></td><td style="padding:6px 8px;font-size:11px;">**Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**
과거 수작업으로 시행하면서 발생하던 오류 등의 최소화
정확한 Data에 기반한 계획으로 고품질 성과물 도출
**Analogue 기반 도서 ...</td></tr>
</table>
<div style="font-size:13px;font-weight:700;margin-bottom:4px;">팝업</div>
<table style="border-collapse:collapse;font-size:12px;width:100%;max-width:600px;">

8
docs/run-003/05-execution/steps/stage_1b.html
View File

@@ -6,8 +6,8 @@
<table style="border-collapse:collapse;font-size:12px;width:100%;">
<tr style="background:#1e293b;color:white;"><th style="padding:8px;">ID</th><th style="padding:8px;">제목</th>
<th style="padding:8px;">영역</th><th style="padding:8px;">layer</th>
<th style="padding:8px;">source_data (미리보기)</th><th style="padding:8px;">summary</th></tr><tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">1</td><td style="padding:6px 8px;font-weight:700;">DX 시행을 위한 필수 요건</td><td style="padding:6px 8px;color:#333;">body</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;">기술(디지털): Digital 기술(S/W, H/W)과 업무 Process의 통합, 분야별 전문 지식 보유. 사람(역량): 혁신적 사고방식과 창의적 문제 해결 능력, 사용자 중심 사고와 DX 수행 경험. 자연(여건): 지속적인 투자 및 실행 의지.</td><td style="padding:6px 8px;font-size:10px;color:#555;">기술(디지털), 사람(역량), 자연(여건)의 3개 요건 축을 정리함.</td></tr>
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">2</td><td style="padding:6px 8px;font-weight:700;">과정(Process)의 혁신</td><td style="padding:6px 8px;color:#333;">body</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;">Analogue 기반 업무의 Digital화: 개념·문서·행정 절차 중심에서 시각화된 목적물, 소통, 투명성 중심으로 전환. GIS + BIM의 연계: 위치정보와 3D모델 기반 건설 정보의 연계를 통한 업무 프로세스 혁신. 사용자 중심의 Solution 제공: 분절화된...</td><td style="padding:6px 8px;font-size:10px;color:#555;">Analogue 기반 업무의 Digital화, GIS+BIM 연계, 사용자 중심 Solution 제공을 정리함.</td></tr>
<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">결과(Product)의 변화</td><td style="padding:6px 8px;color:#333;">sidebar</td><td style="padding:6px 8px;">supporting</td><td style="padding:6px 8px;font-size:10px;">Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상. Analogue 기반 도서 외 Digital 기반 정보물 추가. Solution을 활용한 업무 효율화와 협업 환경 조성.</td><td style="padding:6px 8px;font-size:10px;color:#555;">성과물 품질 향상, Digital 기반 정보물 추가, Solution 활용 협업 환경을 정리함.</td></tr>
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">4</td><td style="padding:6px 8px;font-weight:700;">핵심 요약</td><td style="padding:6px 8px;color:#333;">footer</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;font-size:10px;">DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.</td><td style="padding:6px 8px;font-size:10px;color:#555;">DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.</td></tr>
<th style="padding:8px;">source_data (미리보기)</th><th style="padding:8px;">summary</th></tr><tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">1</td><td style="padding:6px 8px;font-weight:700;">DX 시행을 위한 필수 요건</td><td style="padding:6px 8px;color:#333;">body</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;">기술(디지털): Digital 기술(S/W, H/W)과 업무 Process의 통합, 분야별 전문 지식 보유. 사람(역량): 혁신적 사고방식과 창의적 문제 해결 능력, 사용자 중심 사고와 DX 수행 경험. 자연(여건): 지속적인 투자 및 실행 의지.</td><td style="padding:6px 8px;font-size:10px;color:#555;">??(???), ??(??), ??(??)? 3? ?? ?? ???.</td></tr>
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">2</td><td style="padding:6px 8px;font-weight:700;">과정(Process)의 혁신</td><td style="padding:6px 8px;color:#333;">body</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;">Analogue 기반 업무의 Digital화: 개념·문서·행정 절차 중심에서 시각화된 목적물, 소통, 투명성 중심으로 전환. GIS + BIM의 연계: 위치정보와 3D모델 기반 건설 정보의 연계를 통한 업무 프로세스 혁신. 사용자 중심의 Solution 제공: 분절화된...</td><td style="padding:6px 8px;font-size:10px;color:#555;">Analogue ?? ??? Digital?, GIS+BIM ??, ??? ?? Solution ??? ???.</td></tr>
<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">결과(Product)의 변화</td><td style="padding:6px 8px;color:#333;">sidebar</td><td style="padding:6px 8px;">supporting</td><td style="padding:6px 8px;font-size:10px;">Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상. Analogue 기반 도서 외 Digital 기반 정보물 추가. Solution을 활용한 업무 효율화와 협업 환경 조성.</td><td style="padding:6px 8px;font-size:10px;color:#555;">??? ?? ??, Digital ?? ??? ??, Solution ?? ?? ??? ???.</td></tr>
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">4</td><td style="padding:6px 8px;font-weight:700;">핵심 요약</td><td style="padding:6px 8px;color:#333;">footer</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;font-size:10px;">DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.</td><td style="padding:6px 8px;font-size:10px;color:#555;">DX? ??? ??? ??? ?? ? ????? ? ??? ??? ? ??.</td></tr>
</table></body></html>

4
docs/run-003/05-execution/steps/stage_3_rendered.html
View File

File diff suppressed because one or more lines are too long

6
docs/run-003/05-execution/steps/stage_4.html
View File

@@ -5,8 +5,8 @@
<div style="font-size:24px;font-weight:900;color:#16a34a;margin-bottom:12px;">품질 점수: 100</div>
<div style="font-size:12px;color:#555;margin-bottom:4px;">슬라이드: clientHeight=720px, scrollHeight=720px, overflow=False</div>
<table style="border-collapse:collapse;font-size:12px;width:100%;max-width:600px;margin-top:8px;">
<tr style="background:#1e293b;color:white;"><th style="padding:8px;">영역</th><th style="padding:8px;">clientH</th><th style="padding:8px;">scrollH</th><th style="padding:8px;">excess</th></tr><tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ body</td><td style="padding:6px 8px;">364px</td><td style="padding:6px 8px;">364px</td><td style="padding:6px 8px;">+0px</td></tr>
<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ footer</td><td style="padding:6px 8px;">114px</td><td style="padding:6px 8px;">114px</td><td style="padding:6px 8px;">+0px</td></tr>
<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ sidebar</td><td style="padding:6px 8px;">364px</td><td style="padding:6px 8px;">364px</td><td style="padding:6px 8px;">+0px</td></tr>
<tr style="background:#1e293b;color:white;"><th style="padding:8px;">영역</th><th style="padding:8px;">clientH</th><th style="padding:8px;">scrollH</th><th style="padding:8px;">excess</th></tr><tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ body</td><td style="padding:6px 8px;">462px</td><td style="padding:6px 8px;">462px</td><td style="padding:6px 8px;">+0px</td></tr>
<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ footer</td><td style="padding:6px 8px;">65px</td><td style="padding:6px 8px;">65px</td><td style="padding:6px 8px;">+0px</td></tr>
<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ sidebar</td><td style="padding:6px 8px;">462px</td><td style="padding:6px 8px;">462px</td><td style="padding:6px 8px;">+0px</td></tr>
</table>
</body></html>