Files
KyeongminandClaude Opus 4.8 b836e79ee1 wip: phase_z2 evidence 파이프라인 + matching 실험(phase2~26) + 프론트 trace 패널 진행분 스냅샷
- src: phase_z2 composition/mapper/pipeline/placement_planner/retry, ai_fallback(prompts/schema/validate), mdx_text_atoms 신규
- Front: PipelineTracePanel 신규, FramePanel/SlideCanvas/Home/designAgentApi 등 갱신 + 테스트 4종 추가
- templates/phase_z2: catalog(component_expansion_registry, node_slot_mapping 신규), frames, families, slide_base 갱신
- tests/matching: phase2~26 매칭 실험 스크립트·리포트·온톨로지 전체 (미커밋 진행분)
- tests: b4_v4 evidence, task5~28.5 시리즈, regression(imp95 baseline) 등 신규 테스트 대량 추가
- docs/reference: MDX 구조 인벤토리, MDX→Frame 구조 계약 문서
- scripts: mdx 계약/parity/coverage/viewport 체크, gitea comment, run sync 유틸
- .gitignore: tmp*.json, chromedriver, .orchestrator, *.pkl, Front_test* 등 임시/스냅샷 제외

미완성 작업의 보존용 스냅샷 커밋 (2026-07-02)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-02 17:03:42 +09:00

286 lines
17 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Phase 21b — ontology 구조축 (tie-breaker)</title>
<style>
body {
font-family: -apple-system, 'Segoe UI', 'Malgun Gothic', sans-serif;
max-width: 1800px;
margin: 0 auto;
padding: 24px;
line-height: 1.6;
color: #1e293b;
background: #f8fafc;
}
h1 { color: #1e293b; border-bottom: 3px solid #2563eb; padding-bottom: 12px; }
h2 {
color: #1a365d;
background: #e0e7ff;
padding: 10px 16px;
border-radius: 6px;
margin-top: 32px;
}
hr { border: none; border-top: 1px solid #cbd5e1; margin: 24px 0; }
table {
border-collapse: collapse;
width: 100%;
margin: 12px 0 24px;
background: #fff;
box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
th, td {
border: 1px solid #e2e8f0;
padding: 10px;
text-align: left;
vertical-align: top;
}
th {
background: #1e293b;
color: #fff;
font-weight: 700;
text-align: center;
width: 120px;
}
td:first-child {
background: #f1f5f9;
font-weight: 600;
text-align: center;
width: 120px;
}
td img {
max-width: 260px;
height: auto;
display: block;
margin: 0 auto 6px;
border: 1px solid #cbd5e1;
border-radius: 4px;
}
td br + strong { color: #2563eb; }
</style>
</head>
<body>
<h1>Phase 21b — Ontology 기반 구조축 (tie-breaker)</h1>
<p><strong>공식</strong>: <code>점수 = 0.5 × 키워드 + 0.3 × 내용 + 0.1 × 구조(ontology)</code>
<strong>결과: 4/4</strong></p>
<p><strong>Phase 21 원본 대비 차이:</strong>
- 구조 매칭 로직: <code>structural_match_v2</code> (layout 문자열) → <code>structural_match_v3</code> (속성 교집합)
- 구조 가중치: 0.2 → 0.1 (tie-breaker 수준)
- 구조 ontology: layout 문자열 → <code>structure_ontology.yaml</code> 속성 schema
- MDX 구조 감지: ### 서브섹션/표헤더/블릿 기반 schema emit
- confidence 체크: low면 구조 점수 0</p>
<h2>테스트 결과</h2>
<table>
<thead>
<tr>
<th>콘텐츠</th>
<th>1순위</th>
<th>2순위</th>
<th>3순위</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>1. (MDX 1) 팝업 — DX와 BIM의 구분</strong><br>정답 Frame <strong>18</strong></td>
<td><div style='background:#fff3cd;border:3px solid #dc2626;padding:8px;border-radius:6px'>🎯 <b>정답</b><br><img alt="18" src="../../data/figma_previews/18.png" /><br><strong>18</strong> (0.463)<br>BIM과 DX의 이해…</div></td>
<td><img alt="29" src="../../data/figma_previews/29.png" /><br><strong>29</strong> (0.228)<br>좌측 배너 과정 (Proce…</td>
<td><img alt="25" src="../../data/figma_previews/25.png" /><br><strong>25</strong> (0.220)<br>3rd Party…</td>
</tr>
<tr>
<td><strong>2. (MDX 2) 2.2 DX 시행 주체별 기대효과</strong><br>정답 Frame <strong>14</strong></td>
<td><div style='background:#fff3cd;border:3px solid #dc2626;padding:8px;border-radius:6px'>🎯 <b>정답</b><br><img alt="14" src="../../data/figma_previews/14.png" /><br><strong>14</strong> (0.381)<br></div></td>
<td><img alt="12" src="../../data/figma_previews/12.png" /><br><strong>12</strong> (0.311)<br>건설산업의 목표 (BIM의 …</td>
<td><img alt="13" src="../../data/figma_previews/13.png" /><br><strong>13</strong> (0.307)<br>필수조건…</td>
</tr>
<tr>
<td><strong>3. (MDX 03) 1. DX 시행을 위한 필수요건</strong><br>정답 Frame <strong>13</strong></td>
<td><div style='background:#fff3cd;border:3px solid #dc2626;padding:8px;border-radius:6px'>🎯 <b>정답</b><br><img alt="13" src="../../data/figma_previews/13.png" /><br><strong>13</strong> (0.464)<br>필수조건…</div></td>
<td><img alt="15" src="../../data/figma_previews/15.png" /><br><strong>15</strong> (0.289)<br>정책목표…</td>
<td><img alt="28" src="../../data/figma_previews/28.png" /><br><strong>28</strong> (0.240)<br>현존 상용 S/W의 현실…</td>
</tr>
<tr>
<td><strong>4. (MDX 03) 2. Process 혁신과 Product 변화</strong><br>정답 Frame <strong>29</strong></td>
<td><div style='background:#fff3cd;border:3px solid #dc2626;padding:8px;border-radius:6px'>🎯 <b>정답</b><br><img alt="29" src="../../data/figma_previews/29.png" /><br><strong>29</strong> (0.346)<br>좌측 배너 과정 (Proce…</div></td>
<td><img alt="18" src="../../data/figma_previews/18.png" /><br><strong>18</strong> (0.238)<br>BIM과 DX의 이해…</td>
<td><img alt="21" src="../../data/figma_previews/21.png" /><br><strong>21</strong> (0.227)<br>Solution Engn. …</td>
</tr>
</tbody>
</table>
<h2>테스트 결과 세부</h2>
<h3>1. (MDX 1) 팝업 — DX와 BIM의 구분 — 정답 Frame <strong>18</strong></h3>
<p><strong>MDX 구조 (v3 emit)</strong>
<code>yaml
family: compare
surface: table-multi-row
semantic_role: bim-vs-dx
columns: 2
items: None
has_table: True
has_cards: False
has_diagram: False
confidence: high</code></p>
<p><strong>MDX 키워드 (29개)</strong>: BIM, CIVIL, DX, Engineering, IT, 개념, 구체, 국내, 기술, 도면, 모델, 발주처, 범위, 상용, 설계, 설계사, 소극, 시공, 시공사, 오류, 운영, 융합, 의존, 적극, 전용, 토목, 프로세스, 해외, 활용</p>
<p><strong><span style='background:#fff3cd;border:2px solid #dc2626;padding:2px 8px;border-radius:3px'>🎯 1위 Frame 18 (정답)</span></strong></p>
<p><img alt="18" src="../../data/figma_previews/18.png" /></p>
<ul>
<li><strong>매칭 내용</strong>: BIM과 DX 용어 혼용 정리 — 개념 범위·S/W·프로세스·성과품·활용·확장성·수행개념·주체 등 관점별 행별 비교. 두 용어의 개념 차이와 상호관계 해설.</li>
<li><strong>매칭 키워드</strong>: BIM, CIVIL, DX, IT, 구체, 국내, 발주처, 범위, 상용, 설계사, 소극, 시공사, 운영, 의존, 적극, 프로세스, 해외, 활용</li>
<li><strong>Figma schema</strong>: family=<code>compare</code>, columns=None, role=<code>bim-vs-dx</code>, conf=<code>medium</code></li>
<li><strong>구조 속성 정렬</strong>: family:compare✓, has_table:True✓, has_cards:False✓, role:bim-vs-dx✓</li>
<li><strong>축별 점수</strong>: 키워드 0.454 / 내용 0.536 / 구조 0.75</li>
<li><strong>최종</strong>: <strong>0.463</strong></li>
</ul>
<p><strong>2위 Frame 29</strong></p>
<p><img alt="29" src="../../data/figma_previews/29.png" /></p>
<ul>
<li><strong>매칭 내용</strong>: Process 혁신과 Product 혁신 — 과정의 Analogue→Digital Transformation, 결과의 2D도면→3D모델 전환. AS-IS/TO-BE 대조와 GIS·BIM·Solution 제공 맥락 설명.</li>
<li><strong>매칭 키워드</strong>: BIM</li>
<li><strong>Figma schema</strong>: family=<code>compare</code>, columns=2, role=<code>process-vs-product</code>, conf=<code>high</code></li>
<li><strong>구조 속성 정렬</strong>: family:compare✓, columns:2✓, has_cards:False✓</li>
<li><strong>축별 점수</strong>: 키워드 0.006 / 내용 0.500 / 구조 0.75</li>
<li><strong>최종</strong>: <strong>0.228</strong></li>
</ul>
<p><strong>3위 Frame 25</strong></p>
<p><img alt="25" src="../../data/figma_previews/25.png" /></p>
<ul>
<li><strong>매칭 내용</strong>: 상용 Engineering S/W의 4가지 카테고리 — 조사/계획/분석, 해석, 단가/공정, Graphic별 대표 S/W 나열.</li>
<li><strong>매칭 키워드</strong>: 상용</li>
<li><strong>Figma schema</strong>: family=<code>compare</code>, columns=2, role=<code>sw-ecosystem</code>, conf=<code>high</code></li>
<li><strong>구조 속성 정렬</strong>: family:compare✓, columns:2✓</li>
<li><strong>축별 점수</strong>: 키워드 0.009 / 내용 0.500 / 구조 0.65</li>
<li><strong>최종</strong>: <strong>0.220</strong></li>
</ul>
<h3>2. (MDX 2) 2.2 DX 시행 주체별 기대효과 — 정답 Frame <strong>14</strong></h3>
<p><strong>MDX 구조 (v3 emit)</strong>
<code>yaml
family: cards
surface: table-persona-3col
semantic_role: persona-benefits
columns: 3
items: 3
has_table: True
has_cards: True
has_diagram: False
confidence: high</code></p>
<p><strong>MDX 키워드 (26개)</strong>: Claim, Model, 건설, 관리, 기반, 기술, 도면, 디지털, 모델, 설계, 설계자, 성과물, 시공, 신뢰, 안전, 업무, 역량, 오류, 운영, 의존, 투자, 품질, 프로세스, 협업, 활용, 효율</p>
<p><strong><span style='background:#fff3cd;border:2px solid #dc2626;padding:2px 8px;border-radius:3px'>🎯 1위 Frame 14 (정답)</span></strong></p>
<p><img alt="14" src="../../data/figma_previews/14.png" /></p>
<ul>
<li><strong>매칭 내용</strong>: DX 시행 주체별 기대효과 — 발주자·시공자·설계자 각각의 역할별 목표와 기대 효과를 페르소나 카드로 정리.</li>
<li><strong>매칭 키워드</strong>: Claim, 건설, 설계, 설계자, 시공, 품질, 협업</li>
<li><strong>Figma schema</strong>: family=<code>cards</code>, columns=3, role=<code>persona-benefits</code>, conf=<code>high</code></li>
<li><strong>구조 속성 정렬</strong>: family:cards✓, columns:3✓, has_cards:True✓, role:persona-benefits✓</li>
<li><strong>축별 점수</strong>: 키워드 0.144 / 내용 0.731 / 구조 0.90</li>
<li><strong>최종</strong>: <strong>0.381</strong></li>
</ul>
<p><strong>2위 Frame 12</strong></p>
<p><img alt="12" src="../../data/figma_previews/12.png" /></p>
<ul>
<li><strong>매칭 내용</strong>: 건설산업 DX의 궁극적 목표 — 안전·품질·생산성의 3원 교차, 소통과 신뢰가 모두 포함되는 교차 영역으로 시각화.</li>
<li><strong>매칭 키워드</strong>: 신뢰, 안전, 품질, 협업, 효율</li>
<li><strong>Figma schema</strong>: family=<code>diagram</code>, columns=None, role=<code>safety-quality-productivity</code>, conf=<code>medium</code></li>
<li><strong>구조 속성 정렬</strong>: family:cards≠diagram, columns:3✓</li>
<li><strong>축별 점수</strong>: 키워드 0.134 / 내용 0.730 / 구조 0.25</li>
<li><strong>최종</strong>: <strong>0.311</strong></li>
</ul>
<p><strong>3위 Frame 13</strong></p>
<p><img alt="13" src="../../data/figma_previews/13.png" /></p>
<ul>
<li><strong>매칭 내용</strong>: DX 시행을 위한 3대 필수조건 — 기술(디지털) · 사람(역량) · 자연(여건)의 조화. 각 요소의 세부 조건 설명.</li>
<li><strong>매칭 키워드</strong>: 기반, 기술, 디지털, 역량, 투자</li>
<li><strong>Figma schema</strong>: family=<code>list</code>, columns=3, role=<code>prerequisites</code>, conf=<code>high</code></li>
<li><strong>구조 속성 정렬</strong>: family:cards≠list, columns:3✓, has_cards:True✓</li>
<li><strong>축별 점수</strong>: 키워드 0.120 / 내용 0.706 / 구조 0.35</li>
<li><strong>최종</strong>: <strong>0.307</strong></li>
</ul>
<h3>3. (MDX 03) 1. DX 시행을 위한 필수요건 — 정답 Frame <strong>13</strong></h3>
<p><strong>MDX 구조 (v3 emit)</strong>
<code>yaml
family: list
surface: bullets-3
semantic_role: prerequisites
columns: 3
items: 3
has_table: False
has_cards: True
has_diagram: False
confidence: high</code></p>
<p><strong>MDX 키워드 (22개)</strong>: DX, Digital, Process, UX, 건설, 경험, 관리, 기술, 디지털, 사람, 사용자, 설계, 시공, 업무, 여건, 역량, 자연, 전문, 토목, 투자, 프로세스, 활용</p>
<p><strong><span style='background:#fff3cd;border:2px solid #dc2626;padding:2px 8px;border-radius:3px'>🎯 1위 Frame 13 (정답)</span></strong></p>
<p><img alt="13" src="../../data/figma_previews/13.png" /></p>
<ul>
<li><strong>매칭 내용</strong>: DX 시행을 위한 3대 필수조건 — 기술(디지털) · 사람(역량) · 자연(여건)의 조화. 각 요소의 세부 조건 설명.</li>
<li><strong>매칭 키워드</strong>: DX, 경험, 기술, 디지털, 사람, 여건, 역량, 자연, 토목, 투자</li>
<li><strong>Figma schema</strong>: family=<code>list</code>, columns=3, role=<code>prerequisites</code>, conf=<code>high</code></li>
<li><strong>구조 속성 정렬</strong>: family:list✓, columns:3✓, has_table:False✓, has_cards:True✓, role:prerequisites✓</li>
<li><strong>축별 점수</strong>: 키워드 0.289 / 내용 0.731 / 구조 1.00</li>
<li><strong>최종</strong>: <strong>0.464</strong></li>
</ul>
<p><strong>2위 Frame 15</strong></p>
<p><img alt="15" src="../../data/figma_previews/15.png" /></p>
<ul>
<li><strong>매칭 내용</strong>: 건설 DX 정책목표 4가지와 실행요건 — 성장동력 재도약, 공사비 30% 절감, 안전사고 40% 감소, 고부가가치 산업전환. 실행을 위한 능력·사고·경험 요건 제시.</li>
<li><strong>매칭 키워드</strong>: DX, Process, UX, 디지털, 업무</li>
<li><strong>Figma schema</strong>: family=<code>cards</code>, columns=4, role=<code>policy-goals</code>, conf=<code>high</code></li>
<li><strong>구조 속성 정렬</strong>: family:list≠cards, columns:3≠4, has_table:False✓, has_cards:True✓</li>
<li><strong>축별 점수</strong>: 키워드 0.100 / 내용 0.729 / 구조 0.20</li>
<li><strong>최종</strong>: <strong>0.289</strong></li>
</ul>
<p><strong>3위 Frame 28</strong></p>
<p><img alt="28" src="../../data/figma_previews/28.png" /></p>
<ul>
<li><strong>매칭 내용</strong>: 현존 상용 Engineering S/W의 현실 비판 — 토목 실무 전문성 부족, 비효율성, 토목 실무 적용 한계를 3개 강조 포인트로 정리.</li>
<li><strong>매칭 키워드</strong>: 토목</li>
<li><strong>Figma schema</strong>: family=<code>list</code>, columns=3, role=<code>sw-ecosystem</code>, conf=<code>high</code></li>
<li><strong>구조 속성 정렬</strong>: family:list✓, columns:3✓, has_table:False✓, has_cards:True✓</li>
<li><strong>축별 점수</strong>: 키워드 0.011 / 내용 0.500 / 구조 0.85</li>
<li><strong>최종</strong>: <strong>0.240</strong></li>
</ul>
<h3>4. (MDX 03) 2. Process 혁신과 Product 변화 — 정답 Frame <strong>29</strong></h3>
<p><strong>MDX 구조 (v3 emit)</strong>
<code>yaml
family: compare
surface: banner-plus-2col
semantic_role: process-vs-product
columns: 2
items: 2
has_table: False
has_cards: False
has_diagram: False
confidence: high</code></p>
<p><strong>MDX 키워드 (32개)</strong>: Analogue, BIM, DX, Digital, GIS, Process, Product, Simulation, Solution, 개념, 건설, 관리, 규정, 기반, 도면, 디지털, 모델, 사용자, 설계, 성과물, 소통, 시공, 실체, 업무, 오류, 이슈, 참여자, 품질, 프로세스, 협업, 활용, 효율</p>
<p><strong><span style='background:#fff3cd;border:2px solid #dc2626;padding:2px 8px;border-radius:3px'>🎯 1위 Frame 29 (정답)</span></strong></p>
<p><img alt="29" src="../../data/figma_previews/29.png" /></p>
<ul>
<li><strong>매칭 내용</strong>: Process 혁신과 Product 혁신 — 과정의 Analogue→Digital Transformation, 결과의 2D도면→3D모델 전환. AS-IS/TO-BE 대조와 GIS·BIM·Solution 제공 맥락 설명.</li>
<li><strong>매칭 키워드</strong>: Analogue, BIM, Digital, GIS, Process, Product, Solution, 성과물, 실체</li>
<li><strong>Figma schema</strong>: family=<code>compare</code>, columns=2, role=<code>process-vs-product</code>, conf=<code>high</code></li>
<li><strong>구조 속성 정렬</strong>: family:compare✓, columns:2✓, has_table:False✓, has_cards:False✓, role:process-vs-product✓</li>
<li><strong>축별 점수</strong>: 키워드 0.161 / 내용 0.552 / 구조 1.00</li>
<li><strong>최종</strong>: <strong>0.346</strong></li>
</ul>
<p><strong>2위 Frame 18</strong></p>
<p><img alt="18" src="../../data/figma_previews/18.png" /></p>
<ul>
<li><strong>매칭 내용</strong>: BIM과 DX 용어 혼용 정리 — 개념 범위·S/W·프로세스·성과품·활용·확장성·수행개념·주체 등 관점별 행별 비교. 두 용어의 개념 차이와 상호관계 해설.</li>
<li><strong>매칭 키워드</strong>: BIM, DX, 건설, 디지털, 프로세스, 활용</li>
<li><strong>Figma schema</strong>: family=<code>compare</code>, columns=None, role=<code>bim-vs-dx</code>, conf=<code>medium</code></li>
<li><strong>구조 속성 정렬</strong>: family:compare✓, has_cards:False✓</li>
<li><strong>축별 점수</strong>: 키워드 0.077 / 내용 0.500 / 구조 0.50</li>
<li><strong>최종</strong>: <strong>0.238</strong></li>
</ul>
<p><strong>3위 Frame 21</strong></p>
<p><img alt="21" src="../../data/figma_previews/21.png" /></p>
<ul>
<li><strong>매칭 내용</strong>: Solution Engineering S/W — 협업·맞춤형·User 중심·시공 결론으로 이어지는 솔루션 엔지니어링 다이어그램.</li>
<li><strong>매칭 키워드</strong>: Solution, 시공, 협업</li>
<li><strong>Figma schema</strong>: family=<code>diagram</code>, columns=None, role=<code>sw-ecosystem</code>, conf=<code>medium</code></li>
<li><strong>구조 속성 정렬</strong>: family:compare≠diagram, columns:2✓, has_table:False✓, has_cards:False✓</li>
<li><strong>축별 점수</strong>: 키워드 0.064 / 내용 0.500 / 구조 0.45</li>
<li><strong>최종</strong>: <strong>0.227</strong></li>
</ul>
</body>
</html>