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

7
docs/run-002/05-execution/steps/stage_0.html
View File

@@ -2,16 +2,19 @@
<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> | 섹션: 2개 | 팝업: 0개 | 이미지: 1개 | 테이블: 0개</div>
<div style="font-size:12px;color:#555;margin-bottom:12px;">제목: <b>DX의 시행 목표 및 기대효과</b> | 섹션: 4개 | 팝업: 0개 | 이미지: 1개 | 테이블: 0개</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;">**안전과 품질**
시설물의 요구 성능을 설계-시공-운영 전 과정에서 **디지털로 검증**하여 **안전성 확보**
Copy & Paste로 하향 평준화된 성과물의 **하자 최소화**로 **고품질 성과물 제공**
**...</td></tr>
<tr style="background:#fff;"><td style="padding:6px 8px;">2</td><td style="padding:6px 8px;font-weight:700;"></td><td style="padding:6px 8px;font-size:11px;">**생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환
<tr style="background:#fff;"><td style="padding:6px 8px;">2</td><td style="padding:6px 8px;font-weight:700;"></td><td style="padding:6px 8px;font-size:11px;"></td></tr>
<tr style="background:#f8fafc;"><td style="padding:6px 8px;">3</td><td style="padding:6px 8px;font-weight:700;"></td><td style="padding:6px 8px;font-size:11px;">**생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환
**인지·검토**: 2D 도면 해석 중심에서 **3D 모델 기반의 직관적 인지·검토 체계**로 전환
**협업 구조...</td></tr>
<tr style="background:#fff;"><td style="padding:6px 8px;">4</td><td style="padding:6px 8px;font-weight:700;"></td><td style="padding:6px 8px;font-size:11px;">[핵심요약: 핵심 요약]
고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</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-002/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;">안전과 품질: 시설물의 요구 성능을 설계-시공-운영 전 과정에서 디지털로 검증하여 안전성 확보. Copy & Paste로 하향 평준화된 성과물의 하자 최소화로 고품질 성과물 제공. 생산성 향상: Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 업무 ...</td><td style="padding:6px 8px;font-size:10px;color:#555;">안전과 품질, 생산성 향상, 소통과 신뢰라는 3개 목표 축으로 DX의 목적을 설명함.</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;">생산 방식: 수작업 의존의 반복 업무에서 벗어나, SW를 활용한 체계화된 방식으로 전환. 인지·검토: 2D 도면 해석 중심에서 3D 모델 기반의 직관적 인지·검토 체계로 전환. 협업 구조: 개별 문서 중심 협업에서 데이터 통합 기반의 정보 공유·관리 협업 환경으로 전환...</td><td style="padding:6px 8px;font-size:10px;color:#555;">생산 방식, 인지·검토, 협업 구조, 검증·대응의 변화로 DX 기반 프로세스 혁신을 설명함.</td></tr>
<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">DX 시행 주체별 기대효과</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;">DxEffect 컴포넌트로 주체별 기대효과를 보조 영역에서 제시함.</td><td style="padding:6px 8px;font-size:10px;color:#555;">DX 시행 주체별 기대효과는 DxEffect 컴포넌트 영역으로 제시됨.</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;">안전과 품질: 시설물의 요구 성능을 설계-시공-운영 전 과정에서 디지털로 검증하여 안전성 확보. Copy & Paste로 하향 평준화된 성과물의 하자 최소화로 고품질 성과물 제공. 생산성 향상: Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 업무 ...</td><td style="padding:6px 8px;font-size:10px;color:#555;">??? ??, ??? ??, ??? ???? 3? ?? ??? DX? ??? ???.</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;">생산 방식: 수작업 의존의 반복 업무에서 벗어나, SW를 활용한 체계화된 방식으로 전환. 인지·검토: 2D 도면 해석 중심에서 3D 모델 기반의 직관적 인지·검토 체계로 전환. 협업 구조: 개별 문서 중심 협업에서 데이터 통합 기반의 정보 공유·관리 협업 환경으로 전환...</td><td style="padding:6px 8px;font-size:10px;color:#555;">?? ??, ?????, ?? ??, ?????? ??? DX ?? ???? ??? ???.</td></tr>
<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">DX 시행 주체별 기대효과</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;">DxEffect 컴포넌트로 주체별 기대효과를 보조 영역에서 제시함.</td><td style="padding:6px 8px;font-size:10px;color:#555;">DX ?? ??? ????? ???, ???, ??? ??? ?? ??? ???.</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-002/05-execution/steps/stage_3_rendered.html
View File

File diff suppressed because one or more lines are too long

7
docs/run-002/05-execution/steps/stage_4.html
View File

@@ -3,10 +3,7 @@
</head><body>
<div style="font-size:16px;font-weight:bold;margin-bottom:8px;">Stage 4: 품질 게이트</div>
<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>
<div style="font-size:12px;color:#555;margin-bottom:4px;">슬라이드: clientHeight=?px, scrollHeight=?px, overflow=?</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;">422px</td><td style="padding:6px 8px;">422px</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;">85px</td><td style="padding:6px 8px;">85px</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;">422px</td><td style="padding:6px 8px;">422px</td><td style="padding:6px 8px;">+0px</td></tr>
</table>
<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></table>
</body></html>