This commit is contained in:
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,162 @@
|
||||
"""블록 라이브러리 FAISS 인덱스 빌드 스크립트.
|
||||
|
||||
catalog.yaml의 46개 블록을 임베딩하여 FAISS 인덱스를 생성한다.
|
||||
블록 추가/수정 시 이 스크립트를 다시 실행하면 인덱스가 갱신된다.
|
||||
|
||||
사용법:
|
||||
python scripts/build_block_index.py
|
||||
|
||||
산출물:
|
||||
data/block_index.faiss — FAISS 벡터 인덱스
|
||||
data/block_metadata.json — 인덱스 순서 → 블록 매핑
|
||||
"""
|
||||
from __future__ import annotations
|
||||
|
||||
import json
|
||||
import logging
|
||||
import sys
|
||||
from pathlib import Path
|
||||
|
||||
import faiss
|
||||
import numpy as np
|
||||
import yaml
|
||||
from sentence_transformers import SentenceTransformer
|
||||
|
||||
logging.basicConfig(level=logging.INFO, format="%(levelname)s: %(message)s")
|
||||
logger = logging.getLogger(__name__)
|
||||
|
||||
# Kei persona와 동일 모델 (1024차원, 한국어 최적화)
|
||||
EMBEDDING_MODEL = "BAAI/bge-m3"
|
||||
|
||||
PROJECT_ROOT = Path(__file__).parent.parent
|
||||
CATALOG_PATH = PROJECT_ROOT / "templates" / "catalog.yaml"
|
||||
INDEX_PATH = PROJECT_ROOT / "data" / "block_index.faiss"
|
||||
META_PATH = PROJECT_ROOT / "data" / "block_metadata.json"
|
||||
|
||||
|
||||
def load_catalog() -> list[dict]:
|
||||
"""catalog.yaml에서 블록 목록을 로드한다."""
|
||||
if not CATALOG_PATH.exists():
|
||||
logger.error(f"catalog.yaml 없음: {CATALOG_PATH}")
|
||||
sys.exit(1)
|
||||
|
||||
with open(CATALOG_PATH, encoding="utf-8") as f:
|
||||
data = yaml.safe_load(f)
|
||||
|
||||
blocks = data.get("blocks", [])
|
||||
if not blocks:
|
||||
logger.error("catalog.yaml에 블록이 없습니다.")
|
||||
sys.exit(1)
|
||||
|
||||
logger.info(f"catalog 로드: {len(blocks)}개 블록")
|
||||
return blocks
|
||||
|
||||
|
||||
def build_search_texts(blocks: list[dict]) -> list[str]:
|
||||
"""각 블록의 검색용 텍스트를 생성한다.
|
||||
|
||||
name + visual + when을 조합하여 검색 쿼리와 매칭되도록 한다.
|
||||
not_for는 네거티브이므로 검색 텍스트에 포함하지 않는다.
|
||||
"""
|
||||
texts = []
|
||||
for block in blocks:
|
||||
parts = [
|
||||
block.get("name", ""),
|
||||
block.get("visual", ""),
|
||||
block.get("when", ""),
|
||||
]
|
||||
text = ". ".join(p.strip() for p in parts if p.strip())
|
||||
texts.append(text)
|
||||
return texts
|
||||
|
||||
|
||||
def build_index(texts: list[str]) -> tuple[faiss.IndexFlatIP, np.ndarray]:
|
||||
"""텍스트를 임베딩하고 FAISS 인덱스를 생성한다."""
|
||||
logger.info(f"임베딩 모델 로딩: {EMBEDDING_MODEL}")
|
||||
model = SentenceTransformer(EMBEDDING_MODEL, device="cpu")
|
||||
|
||||
logger.info(f"{len(texts)}개 텍스트 임베딩 중...")
|
||||
embeddings = model.encode(
|
||||
texts,
|
||||
normalize_embeddings=True, # 코사인 유사도를 위해 정규화
|
||||
show_progress_bar=True,
|
||||
)
|
||||
embeddings = np.array(embeddings, dtype=np.float32)
|
||||
|
||||
dim = embeddings.shape[1]
|
||||
logger.info(f"임베딩 완료: {embeddings.shape[0]}개 × {dim}차원")
|
||||
|
||||
# Inner Product = 정규화된 벡터에서 코사인 유사도
|
||||
index = faiss.IndexFlatIP(dim)
|
||||
index.add(embeddings)
|
||||
|
||||
logger.info(f"FAISS 인덱스 생성: {index.ntotal}개 벡터, {dim}차원")
|
||||
return index, embeddings
|
||||
|
||||
|
||||
def save_metadata(blocks: list[dict]) -> None:
|
||||
"""블록 메타데이터를 인덱스 순서대로 저장한다."""
|
||||
metadata = []
|
||||
for block in blocks:
|
||||
metadata.append({
|
||||
"id": block["id"],
|
||||
"name": block.get("name", ""),
|
||||
"template": block.get("template", ""),
|
||||
"category": block.get("template", "").split("/")[1] if "/" in block.get("template", "") else "",
|
||||
"height_cost": block.get("height_cost", "medium"),
|
||||
"visual": block.get("visual", ""),
|
||||
"when": block.get("when", ""),
|
||||
"not_for": block.get("not_for", ""),
|
||||
})
|
||||
|
||||
META_PATH.parent.mkdir(parents=True, exist_ok=True)
|
||||
with open(META_PATH, "w", encoding="utf-8") as f:
|
||||
json.dump(metadata, f, ensure_ascii=False, indent=2)
|
||||
|
||||
logger.info(f"메타데이터 저장: {META_PATH} ({len(metadata)}개)")
|
||||
|
||||
|
||||
def main():
|
||||
# 1. catalog 로드
|
||||
blocks = load_catalog()
|
||||
|
||||
# 2. 검색용 텍스트 생성
|
||||
texts = build_search_texts(blocks)
|
||||
|
||||
# 3. 임베딩 + FAISS 인덱스
|
||||
index, embeddings = build_index(texts)
|
||||
|
||||
# 4. 저장
|
||||
INDEX_PATH.parent.mkdir(parents=True, exist_ok=True)
|
||||
faiss.write_index(index, str(INDEX_PATH))
|
||||
logger.info(f"FAISS 인덱스 저장: {INDEX_PATH}")
|
||||
|
||||
save_metadata(blocks)
|
||||
|
||||
# 5. 검증
|
||||
logger.info("--- 검증 ---")
|
||||
test_index = faiss.read_index(str(INDEX_PATH))
|
||||
with open(META_PATH, encoding="utf-8") as f:
|
||||
test_meta = json.load(f)
|
||||
|
||||
assert test_index.ntotal == len(blocks), f"벡터 수 불일치: {test_index.ntotal} vs {len(blocks)}"
|
||||
assert len(test_meta) == len(blocks), f"메타데이터 수 불일치: {len(test_meta)} vs {len(blocks)}"
|
||||
|
||||
logger.info(f"✅ 검증 통과: {test_index.ntotal}개 벡터, {len(test_meta)}개 메타데이터")
|
||||
|
||||
# 6. 테스트 검색
|
||||
model = SentenceTransformer(EMBEDDING_MODEL, device="cpu")
|
||||
test_queries = [
|
||||
"A vs B 두 개념 비교",
|
||||
"연도별 정책 로드맵",
|
||||
"핵심 수치 KPI 통계",
|
||||
]
|
||||
for query in test_queries:
|
||||
q_emb = model.encode([query], normalize_embeddings=True)
|
||||
scores, indices = test_index.search(np.array(q_emb, dtype=np.float32), 3)
|
||||
results = [test_meta[i]["id"] for i in indices[0]]
|
||||
logger.info(f" 검색 '{query}' → {results}")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
main()
|
||||
@@ -0,0 +1,191 @@
|
||||
"""Dormant trigger guard — L3 machine-readable check (issue #58, P5-2).
|
||||
|
||||
Reads docs/architecture/DORMANT-TRIGGERS.yaml, scans the changed-file surface
|
||||
(working tree via `git status --porcelain` + recent commit via
|
||||
`git diff HEAD~1..HEAD --name-only`), and writes any matching activation
|
||||
candidates to .orchestrator/dormant_alerts.json.
|
||||
|
||||
Guardrails (per Stage 1 scope-lock) :
|
||||
- Informational only. Exit code is ALWAYS 0 — orchestrator never blocks on alerts.
|
||||
- manual_evidence_required entries are skipped (require human gate).
|
||||
- followup_issue entries are skipped (already tracked by the open follow-up).
|
||||
- No LLM call. Deterministic file-pattern + content-pattern matching only.
|
||||
- No hardcoding : the registry yaml is the single source of truth.
|
||||
|
||||
Run :
|
||||
python scripts/check_dormant_triggers.py
|
||||
"""
|
||||
from __future__ import annotations
|
||||
|
||||
import json
|
||||
import re
|
||||
import subprocess
|
||||
import sys
|
||||
from datetime import datetime, timezone
|
||||
from pathlib import Path
|
||||
|
||||
import yaml
|
||||
|
||||
REPO_ROOT = Path(__file__).resolve().parent.parent
|
||||
REGISTRY_PATH = REPO_ROOT / "docs" / "architecture" / "DORMANT-TRIGGERS.yaml"
|
||||
ALERT_OUT_PATH = REPO_ROOT / ".orchestrator" / "dormant_alerts.json"
|
||||
|
||||
|
||||
def load_registry(path: Path = REGISTRY_PATH) -> list[dict]:
|
||||
if not path.exists():
|
||||
return []
|
||||
with path.open("r", encoding="utf-8") as f:
|
||||
data = yaml.safe_load(f) or []
|
||||
if not isinstance(data, list):
|
||||
raise ValueError(f"{path} must be a YAML list of entries.")
|
||||
return data
|
||||
|
||||
|
||||
def _git_lines(args: list[str]) -> list[str]:
|
||||
try:
|
||||
out = subprocess.run(
|
||||
["git"] + args,
|
||||
cwd=str(REPO_ROOT),
|
||||
capture_output=True,
|
||||
text=True,
|
||||
timeout=20,
|
||||
check=False,
|
||||
)
|
||||
except (OSError, subprocess.TimeoutExpired):
|
||||
return []
|
||||
if out.returncode != 0:
|
||||
return []
|
||||
return [ln for ln in out.stdout.splitlines() if ln.strip()]
|
||||
|
||||
|
||||
def collect_changed_files() -> list[str]:
|
||||
files: set[str] = set()
|
||||
for ln in _git_lines(["status", "--porcelain"]):
|
||||
path = ln[3:].strip() if len(ln) >= 4 else ln.strip()
|
||||
if "->" in path:
|
||||
path = path.split("->", 1)[1].strip()
|
||||
path = path.strip('"')
|
||||
if path:
|
||||
files.add(path.replace("\\", "/"))
|
||||
for ln in _git_lines(["diff", "HEAD~1..HEAD", "--name-only"]):
|
||||
if ln.strip():
|
||||
files.add(ln.strip().replace("\\", "/"))
|
||||
return sorted(files)
|
||||
|
||||
|
||||
def _glob_to_regex(pat: str) -> str:
|
||||
"""Translate a posix-style glob with ``**`` to an anchored regex.
|
||||
|
||||
``**/`` matches zero or more directory levels (so ``src/**/*.py`` matches
|
||||
both ``src/adapter.py`` and ``src/foo/adapter.py``). ``*`` and ``?`` do
|
||||
NOT cross directory separators. Mirrors common ``.gitignore``-style
|
||||
semantics; ``fnmatch.fnmatch`` alone cannot express this.
|
||||
"""
|
||||
out: list[str] = []
|
||||
i = 0
|
||||
n = len(pat)
|
||||
while i < n:
|
||||
if pat[i : i + 3] == "**/":
|
||||
out.append("(?:.*/)?")
|
||||
i += 3
|
||||
elif pat[i : i + 2] == "**":
|
||||
out.append(".*")
|
||||
i += 2
|
||||
elif pat[i] == "*":
|
||||
out.append("[^/]*")
|
||||
i += 1
|
||||
elif pat[i] == "?":
|
||||
out.append("[^/]")
|
||||
i += 1
|
||||
else:
|
||||
out.append(re.escape(pat[i]))
|
||||
i += 1
|
||||
return "^" + "".join(out) + "$"
|
||||
|
||||
|
||||
def _glob_match(path: str, patterns: list[str]) -> bool:
|
||||
for pat in patterns:
|
||||
if re.match(_glob_to_regex(pat), path):
|
||||
return True
|
||||
return False
|
||||
|
||||
|
||||
def _content_match(file_path: Path, patterns: list[str]) -> list[str]:
|
||||
if not patterns or not file_path.exists() or not file_path.is_file():
|
||||
return []
|
||||
try:
|
||||
text = file_path.read_text(encoding="utf-8", errors="replace")
|
||||
except OSError:
|
||||
return []
|
||||
hits = []
|
||||
for pat in patterns:
|
||||
try:
|
||||
if re.search(pat, text):
|
||||
hits.append(pat)
|
||||
except re.error:
|
||||
if pat in text:
|
||||
hits.append(pat)
|
||||
return hits
|
||||
|
||||
|
||||
def check_entry(entry: dict, changed: list[str]) -> dict | None:
|
||||
trig = entry.get("trigger") or {}
|
||||
if trig.get("manual_evidence_required"):
|
||||
return None
|
||||
if entry.get("followup_issue"):
|
||||
return None
|
||||
file_patterns = trig.get("file_patterns") or []
|
||||
content_patterns = trig.get("content_patterns") or []
|
||||
if not file_patterns:
|
||||
return None
|
||||
matched_files = [p for p in changed if _glob_match(p, file_patterns)]
|
||||
if not matched_files:
|
||||
return None
|
||||
if content_patterns:
|
||||
hits: list[dict] = []
|
||||
for mf in matched_files:
|
||||
hit_patterns = _content_match(REPO_ROOT / mf, content_patterns)
|
||||
if hit_patterns:
|
||||
hits.append({"file": mf, "patterns": hit_patterns})
|
||||
if not hits:
|
||||
return None
|
||||
match_info = {"files": [h["file"] for h in hits], "content_hits": hits}
|
||||
else:
|
||||
match_info = {"files": matched_files, "content_hits": []}
|
||||
return {
|
||||
"issue": entry.get("issue"),
|
||||
"title": entry.get("title"),
|
||||
"doc": entry.get("doc"),
|
||||
"status": entry.get("status"),
|
||||
"on_trigger": entry.get("on_trigger"),
|
||||
"match": match_info,
|
||||
}
|
||||
|
||||
|
||||
def write_alerts(alerts: list[dict], path: Path = ALERT_OUT_PATH) -> None:
|
||||
path.parent.mkdir(parents=True, exist_ok=True)
|
||||
payload = {
|
||||
"generated_at": datetime.now(timezone.utc).isoformat(),
|
||||
"registry": str(REGISTRY_PATH.relative_to(REPO_ROOT)).replace("\\", "/"),
|
||||
"alerts": alerts,
|
||||
}
|
||||
path.write_text(json.dumps(payload, indent=2, ensure_ascii=False), encoding="utf-8")
|
||||
|
||||
|
||||
def main() -> int:
|
||||
entries = load_registry()
|
||||
changed = collect_changed_files()
|
||||
alerts = [a for a in (check_entry(e, changed) for e in entries) if a]
|
||||
write_alerts(alerts)
|
||||
if alerts:
|
||||
print(f"[dormant-trigger-guard] {len(alerts)} alert(s) written -> "
|
||||
f"{ALERT_OUT_PATH.relative_to(REPO_ROOT)}")
|
||||
for a in alerts:
|
||||
print(f" - #{a['issue']} {a['title']} (files: {len(a['match']['files'])})")
|
||||
else:
|
||||
print("[dormant-trigger-guard] no dormant trigger alerts on current change surface.")
|
||||
return 0
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
sys.exit(main())
|
||||
@@ -0,0 +1,82 @@
|
||||
"""블록 매칭 비교 스크립트.
|
||||
|
||||
기존 tag/item_count 매칭과 새 TF-IDF 매칭을 나란히 비교.
|
||||
"진짜 좋아졌나?"를 판단하기 위한 도구.
|
||||
|
||||
사용법:
|
||||
python scripts/eval_block_matcher.py
|
||||
|
||||
출력:
|
||||
각 MDX의 중목차별로:
|
||||
- legacy 매칭 결과 (기존)
|
||||
- tfidf 매칭 결과 (새)
|
||||
- 일치 여부
|
||||
"""
|
||||
import sys
|
||||
from pathlib import Path
|
||||
|
||||
sys.path.insert(0, str(Path(__file__).parent.parent))
|
||||
|
||||
from src.mdx_normalizer import normalize_mdx_content as normalize_mdx
|
||||
from src.pipeline_v2 import match_blocks_for_sections
|
||||
|
||||
|
||||
def evaluate_mdx(mdx_path: Path):
|
||||
"""단일 MDX에 대해 TF-IDF 매칭 결과를 출력."""
|
||||
content = mdx_path.read_text(encoding="utf-8")
|
||||
result = normalize_mdx(content)
|
||||
sections = result.get("sections", [])
|
||||
|
||||
print(f"\n{'='*60}")
|
||||
print(f"MDX: {mdx_path.name}")
|
||||
print(f"{'='*60}")
|
||||
|
||||
v2_results = match_blocks_for_sections(sections)
|
||||
|
||||
for zone_name, info in v2_results.items():
|
||||
path = info["path"]
|
||||
match = info.get("match")
|
||||
sub_titles = info.get("sub_titles", [])
|
||||
candidates = info.get("candidates", [])
|
||||
|
||||
print(f"\n zone: {zone_name}")
|
||||
print(f" sub_titles: {sub_titles}")
|
||||
print(f" path: {path}")
|
||||
|
||||
if match:
|
||||
print(f" ✅ direct-fit: {match['block_id']} (score={match['score']})")
|
||||
else:
|
||||
print(f" → recipe 경로")
|
||||
if candidates:
|
||||
for i, c in enumerate(candidates):
|
||||
print(f" 후보 {i+1}: {c['block_id']} (score={c['score']})")
|
||||
else:
|
||||
print(f" 후보 없음")
|
||||
|
||||
|
||||
def main():
|
||||
mdx_dir = Path("samples/mdx")
|
||||
if not mdx_dir.exists():
|
||||
print(f"MDX 폴더 없음: {mdx_dir}")
|
||||
return
|
||||
|
||||
mdx_files = sorted(mdx_dir.glob("*.mdx"))
|
||||
if not mdx_files:
|
||||
print("MDX 파일 없음")
|
||||
return
|
||||
|
||||
print(f"블록 매칭 평가 ({len(mdx_files)}개 MDX)")
|
||||
print(f"catalog: templates/catalog/blocks.yaml")
|
||||
|
||||
for mdx_path in mdx_files:
|
||||
try:
|
||||
evaluate_mdx(mdx_path)
|
||||
except Exception as e:
|
||||
print(f"\n ❌ {mdx_path.name}: {e}")
|
||||
|
||||
print(f"\n{'='*60}")
|
||||
print("평가 완료")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
main()
|
||||
@@ -0,0 +1,180 @@
|
||||
"""모든 Figma 프레임의 스크린샷을 번호 붙은 단일 폴더로 정리.
|
||||
|
||||
결과:
|
||||
data/figma_previews/01.png, 02.png, ..., 32.png
|
||||
data/figma_previews/index.json ({number: {frame_id, node_id, title}})
|
||||
"""
|
||||
from __future__ import annotations
|
||||
|
||||
import base64
|
||||
import json
|
||||
import sys
|
||||
from pathlib import Path
|
||||
from urllib import error, request
|
||||
|
||||
sys.path.insert(0, str(Path(__file__).parent.parent))
|
||||
|
||||
from src.frame_extractor import extract_all_frames
|
||||
|
||||
MCP_URL = "http://127.0.0.1:3845/mcp"
|
||||
OUT_DIR = Path("data/figma_previews")
|
||||
|
||||
# frame_id → node_id (32개, metadata에서 추출)
|
||||
FRAME_NODE_MAP = {
|
||||
"1171281172": "145:8352",
|
||||
"1171281173": "182:2870",
|
||||
"1171281174": "182:2810",
|
||||
"1171281175": "182:2829",
|
||||
"1171281176": "182:3046",
|
||||
"1171281177": "182:3053",
|
||||
"1171281178": "145:8394",
|
||||
"1171281179": "182:3024",
|
||||
"1171281180": "112:87",
|
||||
"1171281181": "182:2572",
|
||||
"1171281182": "182:2523",
|
||||
"1171281189": "100:65",
|
||||
"1171281190": "51:99",
|
||||
"1171281191": "100:132",
|
||||
"1171281192": "182:2602",
|
||||
"1171281193": "106:205",
|
||||
"1171281194": "112:7",
|
||||
"1171281195": "106:252",
|
||||
"1171281197": "182:2727",
|
||||
"1171281198": "182:2766",
|
||||
"1171281201": "145:8310",
|
||||
"1171281202": "112:49",
|
||||
"1171281203": "145:8266",
|
||||
"1171281204": "145:8223",
|
||||
"1171281205": "182:2668",
|
||||
"1171281206": "182:2643",
|
||||
"1171281208": "145:8504",
|
||||
"1171281209": "145:8523",
|
||||
"1171281210": "181:2519",
|
||||
"1171281211": "181:2520",
|
||||
"1171281212": "181:2521",
|
||||
"1171281213": "181:2522",
|
||||
}
|
||||
|
||||
|
||||
def parse_sse(body: str) -> dict:
|
||||
for line in body.splitlines():
|
||||
if line.startswith("data: "):
|
||||
return json.loads(line[6:])
|
||||
raise RuntimeError(f"No data line in response: {body[:200]}")
|
||||
|
||||
|
||||
def post(payload: dict, session_id: str | None = None) -> tuple[dict, str | None]:
|
||||
data = json.dumps(payload).encode()
|
||||
req = request.Request(
|
||||
MCP_URL,
|
||||
data=data,
|
||||
method="POST",
|
||||
headers={
|
||||
"Content-Type": "application/json",
|
||||
"Accept": "application/json, text/event-stream",
|
||||
},
|
||||
)
|
||||
if session_id:
|
||||
req.add_header("mcp-session-id", session_id)
|
||||
with request.urlopen(req, timeout=60) as resp:
|
||||
body = resp.read().decode()
|
||||
sid = resp.headers.get("mcp-session-id")
|
||||
return (parse_sse(body) if body.strip() else {}, sid)
|
||||
|
||||
|
||||
def initialize() -> str:
|
||||
payload = {
|
||||
"jsonrpc": "2.0",
|
||||
"id": 1,
|
||||
"method": "initialize",
|
||||
"params": {
|
||||
"protocolVersion": "2024-11-05",
|
||||
"capabilities": {},
|
||||
"clientInfo": {"name": "frame-dumper", "version": "1.0"},
|
||||
},
|
||||
}
|
||||
_, sid = post(payload)
|
||||
notify = {"jsonrpc": "2.0", "method": "notifications/initialized", "params": {}}
|
||||
data = json.dumps(notify).encode()
|
||||
req = request.Request(
|
||||
MCP_URL,
|
||||
data=data,
|
||||
method="POST",
|
||||
headers={
|
||||
"Content-Type": "application/json",
|
||||
"Accept": "application/json, text/event-stream",
|
||||
"mcp-session-id": sid or "",
|
||||
},
|
||||
)
|
||||
try:
|
||||
request.urlopen(req, timeout=10).read()
|
||||
except error.HTTPError:
|
||||
pass
|
||||
return sid or ""
|
||||
|
||||
|
||||
def get_screenshot(session_id: str, node_id: str, call_id: int) -> bytes:
|
||||
payload = {
|
||||
"jsonrpc": "2.0",
|
||||
"id": call_id,
|
||||
"method": "tools/call",
|
||||
"params": {"name": "get_screenshot", "arguments": {"nodeId": node_id}},
|
||||
}
|
||||
resp, _ = post(payload, session_id=session_id)
|
||||
if "error" in resp:
|
||||
raise RuntimeError(f"MCP error for {node_id}: {resp['error']}")
|
||||
for item in resp.get("result", {}).get("content", []):
|
||||
if item.get("type") == "image":
|
||||
return base64.b64decode(item["data"])
|
||||
raise RuntimeError(f"No image in response for {node_id}")
|
||||
|
||||
|
||||
def main() -> int:
|
||||
# frame_id → title_text 맵
|
||||
frames = extract_all_frames("figma_to_html_agent/blocks")
|
||||
title_map = {f["frame_id"]: (f.get("title_text") or "").replace("\n", " ")[:80] for f in frames}
|
||||
|
||||
# 정렬된 frame_id 목록에 1부터 번호 매김
|
||||
frame_ids = sorted(FRAME_NODE_MAP.keys())
|
||||
|
||||
OUT_DIR.mkdir(parents=True, exist_ok=True)
|
||||
|
||||
print("[init] MCP session...")
|
||||
sid = initialize()
|
||||
print(f"[init] session-id={sid}")
|
||||
|
||||
index: dict[str, dict] = {}
|
||||
for i, fid in enumerate(frame_ids, start=1):
|
||||
node_id = FRAME_NODE_MAP[fid]
|
||||
num = f"{i:02d}"
|
||||
out_path = OUT_DIR / f"{num}.png"
|
||||
title = title_map.get(fid, "")
|
||||
|
||||
if out_path.exists():
|
||||
print(f"[{num}] {fid} (node {node_id}) — 이미 있음, skip")
|
||||
else:
|
||||
print(f"[{num}] {fid} (node {node_id}) fetching...")
|
||||
try:
|
||||
png = get_screenshot(sid, node_id, 100 + i)
|
||||
out_path.write_bytes(png)
|
||||
print(f" saved {len(png)} bytes → {out_path}")
|
||||
except Exception as e:
|
||||
print(f" FAILED: {e}")
|
||||
continue
|
||||
|
||||
index[num] = {
|
||||
"frame_id": fid,
|
||||
"node_id": node_id,
|
||||
"title_text": title,
|
||||
"png": f"{num}.png",
|
||||
}
|
||||
|
||||
(OUT_DIR / "index.json").write_text(
|
||||
json.dumps(index, ensure_ascii=False, indent=2), encoding="utf-8"
|
||||
)
|
||||
print(f"\n[done] {len(index)}개 저장, index: {OUT_DIR/'index.json'}")
|
||||
return 0
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
raise SystemExit(main())
|
||||
@@ -0,0 +1,261 @@
|
||||
"""Figma 프레임을 HTML/CSS로 변환.
|
||||
|
||||
기존 블록 템플릿(templates/blocks/)과 동일한 방식으로
|
||||
Figma API 데이터에서 정확한 HTML을 생성한다.
|
||||
|
||||
Usage:
|
||||
python scripts/figma_to_html.py data/runs/figma_beps_full.json templates/blocks/BEPs/
|
||||
"""
|
||||
from __future__ import annotations
|
||||
import json
|
||||
import math
|
||||
import sys
|
||||
from pathlib import Path
|
||||
|
||||
|
||||
def get_fill_css(fills: list[dict]) -> tuple[str, str]:
|
||||
"""fills 배열에서 CSS background와 color를 추출.
|
||||
|
||||
Returns: (background_css, color_css)
|
||||
"""
|
||||
bg = ""
|
||||
color = ""
|
||||
for f in fills:
|
||||
if not f.get("visible", True):
|
||||
continue
|
||||
ftype = f.get("type", "")
|
||||
if ftype == "SOLID":
|
||||
c = f["color"]
|
||||
r, g, b = int(c["r"] * 255), int(c["g"] * 255), int(c["b"] * 255)
|
||||
a = f.get("opacity", c.get("a", 1))
|
||||
if a < 0.99:
|
||||
val = f"rgba({r},{g},{b},{a:.2f})"
|
||||
else:
|
||||
val = f"#{r:02x}{g:02x}{b:02x}"
|
||||
bg = val
|
||||
color = val
|
||||
elif "GRADIENT" in ftype:
|
||||
stops = f.get("gradientStops", [])
|
||||
handles = f.get("gradientHandlePositions", [])
|
||||
if len(stops) < 2:
|
||||
continue
|
||||
# 각도 계산
|
||||
if len(handles) >= 2:
|
||||
dx = handles[1]["x"] - handles[0]["x"]
|
||||
dy = handles[1]["y"] - handles[0]["y"]
|
||||
angle = math.degrees(math.atan2(dy, dx)) + 90
|
||||
else:
|
||||
angle = 180
|
||||
stop_str = ",".join(
|
||||
f"#{int(s['color']['r']*255):02x}{int(s['color']['g']*255):02x}{int(s['color']['b']*255):02x} {s['position']*100:.0f}%"
|
||||
for s in stops
|
||||
)
|
||||
bg = f"linear-gradient({angle:.0f}deg,{stop_str})"
|
||||
color = bg
|
||||
elif ftype == "IMAGE":
|
||||
bg = "__IMAGE__"
|
||||
return bg, color
|
||||
|
||||
|
||||
def node_to_html(node: dict, ox: float, oy: float, scale: float) -> str:
|
||||
"""단일 노드를 HTML div로 변환."""
|
||||
ntype = node.get("type", "")
|
||||
name = node.get("name", "")
|
||||
bb = node.get("absoluteBoundingBox")
|
||||
if not bb or not bb.get("width"):
|
||||
return ""
|
||||
|
||||
x = (bb["x"] - ox) * scale
|
||||
y = (bb["y"] - oy) * scale
|
||||
w = bb["width"] * scale
|
||||
h = bb["height"] * scale
|
||||
|
||||
fills = node.get("fills", [])
|
||||
visible_fills = [f for f in fills if f.get("visible", True)]
|
||||
|
||||
if ntype == "TEXT":
|
||||
chars = node.get("characters", "")
|
||||
if not chars:
|
||||
return ""
|
||||
style = node.get("style", {})
|
||||
fs = style.get("fontSize", 12) * scale
|
||||
fw = style.get("fontWeight", 400)
|
||||
align_h = style.get("textAlignHorizontal", "LEFT").lower()
|
||||
align_v = style.get("textAlignVertical", "TOP")
|
||||
lh_px = style.get("lineHeightPx", 0)
|
||||
lh = lh_px * scale if lh_px else fs * 1.5
|
||||
ls = style.get("letterSpacing", 0) * scale
|
||||
|
||||
# 텍스트 fill 처리
|
||||
has_gradient = any(
|
||||
"GRADIENT" in f.get("type", "") for f in visible_fills
|
||||
)
|
||||
if has_gradient:
|
||||
bg, _ = get_fill_css(
|
||||
[f for f in visible_fills if "GRADIENT" in f.get("type", "")]
|
||||
)
|
||||
text_style = (
|
||||
f"background:{bg};"
|
||||
f"-webkit-background-clip:text;"
|
||||
f"-webkit-text-fill-color:transparent;"
|
||||
)
|
||||
else:
|
||||
_, c = get_fill_css(visible_fills)
|
||||
text_style = f"color:{c or '#000'};"
|
||||
|
||||
lh_css = f"line-height:{lh:.1f}px;"
|
||||
ls_css = f"letter-spacing:{ls:.1f}px;" if ls > 0.1 else ""
|
||||
align_css = f"text-align:{align_h};" if align_h != "left" else ""
|
||||
valign_css = (
|
||||
"display:flex;align-items:center;" if align_v == "CENTER" else ""
|
||||
)
|
||||
|
||||
text_html = chars.replace("\n", "<br>")
|
||||
return (
|
||||
f'<div style="position:absolute;left:{x:.1f}px;top:{y:.1f}px;'
|
||||
f"width:{w:.1f}px;height:{h:.1f}px;"
|
||||
f"font-size:{fs:.1f}px;font-weight:{fw};"
|
||||
f"{text_style}{lh_css}{ls_css}{align_css}{valign_css}"
|
||||
f'overflow:hidden;">{text_html}</div>'
|
||||
)
|
||||
|
||||
elif ntype in ("RECTANGLE", "VECTOR"):
|
||||
bg, _ = get_fill_css(visible_fills)
|
||||
if not bg:
|
||||
return ""
|
||||
if bg == "__IMAGE__":
|
||||
# 이미지 placeholder
|
||||
return (
|
||||
f'<div style="position:absolute;left:{x:.1f}px;top:{y:.1f}px;'
|
||||
f"width:{w:.1f}px;height:{h:.1f}px;"
|
||||
f'background:#ddd;border:1px solid #ccc;"></div>'
|
||||
)
|
||||
|
||||
cr = node.get("cornerRadius", 0)
|
||||
cr_css = f"border-radius:{cr * scale:.1f}px;" if cr > 0 else ""
|
||||
|
||||
strokes = node.get("strokes", [])
|
||||
stroke_css = ""
|
||||
if strokes:
|
||||
for s in strokes:
|
||||
if not s.get("visible", True):
|
||||
continue
|
||||
sc = s.get("color", {})
|
||||
sr = int(sc.get("r", 0) * 255)
|
||||
sg = int(sc.get("g", 0) * 255)
|
||||
sb = int(sc.get("b", 0) * 255)
|
||||
sw = node.get("strokeWeight", 1) * scale
|
||||
stroke_css = (
|
||||
f"border:{sw:.1f}px solid #{sr:02x}{sg:02x}{sb:02x};"
|
||||
)
|
||||
break
|
||||
|
||||
return (
|
||||
f'<div style="position:absolute;left:{x:.1f}px;top:{y:.1f}px;'
|
||||
f"width:{w:.1f}px;height:{h:.1f}px;"
|
||||
f"background:{bg};{cr_css}{stroke_css}"
|
||||
f'"></div>'
|
||||
)
|
||||
|
||||
return ""
|
||||
|
||||
|
||||
def frame_to_html(frame: dict, target_width: int = 1280) -> str:
|
||||
"""프레임 전체를 HTML 문서로 변환."""
|
||||
bb = frame.get("absoluteBoundingBox", {})
|
||||
ox, oy = bb["x"], bb["y"]
|
||||
fw, fh = bb["width"], bb["height"]
|
||||
scale = target_width / fw
|
||||
out_h = int(fh * scale)
|
||||
|
||||
# 모든 리프 노드 수집 (재귀)
|
||||
elements: list[tuple[int, str]] = [] # (z-order, html)
|
||||
|
||||
def collect(node: dict, z: int = 0):
|
||||
ntype = node.get("type", "")
|
||||
children = node.get("children", [])
|
||||
|
||||
if ntype in ("GROUP", "FRAME", "CANVAS", "COMPONENT", "INSTANCE"):
|
||||
# 컨테이너는 자식만 순회
|
||||
for i, child in enumerate(children):
|
||||
collect(child, z + i)
|
||||
else:
|
||||
html = node_to_html(node, ox, oy, scale)
|
||||
if html:
|
||||
elements.append((z, html))
|
||||
for i, child in enumerate(children):
|
||||
collect(child, z + i)
|
||||
|
||||
collect(frame, 0)
|
||||
|
||||
# 프레임 배경
|
||||
frame_fills = frame.get("fills", [])
|
||||
frame_bg, _ = get_fill_css(
|
||||
[f for f in frame_fills if f.get("visible", True)]
|
||||
)
|
||||
frame_bg_css = f"background:{frame_bg};" if frame_bg else "background:#fff;"
|
||||
|
||||
# z-order 순으로 정렬 (rect 먼저, text 나중)
|
||||
rects = [(z, h) for z, h in elements if "font-size" not in h]
|
||||
texts = [(z, h) for z, h in elements if "font-size" in h]
|
||||
|
||||
parts = [
|
||||
f"""<!DOCTYPE html><html><head><meta charset="UTF-8">
|
||||
<style>
|
||||
*{{margin:0;padding:0;box-sizing:border-box;}}
|
||||
body{{background:#e5e5e5;padding:10px;font-family:'Pretendard Variable','Noto Sans KR',sans-serif;word-break:keep-all;}}
|
||||
</style></head><body>
|
||||
<div style="width:{target_width}px;height:{out_h}px;position:relative;{frame_bg_css}overflow:hidden;">"""
|
||||
]
|
||||
|
||||
# rect를 먼저 (배경), text를 나중 (전경)
|
||||
for _, h in sorted(rects, key=lambda x: x[0]):
|
||||
parts.append(h)
|
||||
for _, h in sorted(texts, key=lambda x: x[0]):
|
||||
parts.append(h)
|
||||
|
||||
parts.append("</div></body></html>")
|
||||
return "\n".join(parts)
|
||||
|
||||
|
||||
def main():
|
||||
if len(sys.argv) < 3:
|
||||
print(
|
||||
"Usage: python scripts/figma_to_html.py <figma_json> <output_dir>"
|
||||
)
|
||||
sys.exit(1)
|
||||
|
||||
figma_json = Path(sys.argv[1])
|
||||
output_dir = Path(sys.argv[2])
|
||||
output_dir.mkdir(parents=True, exist_ok=True)
|
||||
|
||||
data = json.loads(figma_json.read_text(encoding="utf-8"))
|
||||
doc = data.get("document", {})
|
||||
pages = doc.get("children", [])
|
||||
|
||||
for page in pages:
|
||||
for i, frame in enumerate(page.get("children", [])):
|
||||
if frame.get("type") not in ("FRAME", "COMPONENT"):
|
||||
continue
|
||||
name = frame.get("name", f"frame_{i}")
|
||||
# 파일명 정리
|
||||
safe_name = (
|
||||
name.replace(" ", "_")
|
||||
.replace("/", "_")
|
||||
.replace("\\", "_")
|
||||
)
|
||||
html = frame_to_html(frame)
|
||||
out_path = output_dir / f"{safe_name}.html"
|
||||
out_path.write_text(html, encoding="utf-8")
|
||||
bb = frame.get("absoluteBoundingBox", {})
|
||||
print(
|
||||
f" {safe_name}.html"
|
||||
f" ({bb.get('width', 0):.0f}x{bb.get('height', 0):.0f}"
|
||||
f" -> 1280px)"
|
||||
)
|
||||
|
||||
print(f"\n완료: {output_dir}")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
main()
|
||||
@@ -0,0 +1,167 @@
|
||||
"""Step 1~4를 같은 슬라이드 레이아웃 위에 레이어로 쌓아 PNG 생성."""
|
||||
import json, urllib.parse, time, sys
|
||||
from pathlib import Path
|
||||
|
||||
sys.path.insert(0, ".")
|
||||
|
||||
run_dir = Path("data/runs/20260402_091318")
|
||||
|
||||
ctx_1a = json.loads((run_dir / "stage_1a_context.json").read_text(encoding="utf-8"))
|
||||
ctx_1b = json.loads((run_dir / "stage_1b_context.json").read_text(encoding="utf-8"))
|
||||
ctx_15a = json.loads((run_dir / "stage_1_5a_context.json").read_text(encoding="utf-8"))
|
||||
ctx_17 = json.loads((run_dir / "stage_1_7_context.json").read_text(encoding="utf-8"))
|
||||
ctx_15b = json.loads((run_dir / "stage_1_5b_context.json").read_text(encoding="utf-8"))
|
||||
|
||||
topics = ctx_1b.get("topics", [])
|
||||
containers = ctx_15a.get("containers", {})
|
||||
fh = ctx_15a.get("font_hierarchy", {})
|
||||
ratio = ctx_15a.get("container_ratio", [72, 28])
|
||||
refs = ctx_17.get("references", {})
|
||||
ps = ctx_1a.get("page_structure", {})
|
||||
if "roles" in ps:
|
||||
ps = ps["roles"]
|
||||
containers_b = ctx_15b.get("containers", {})
|
||||
topic_map = {t["id"]: t for t in topics}
|
||||
|
||||
slide_w, slide_h = 1280, 720
|
||||
pad = 40
|
||||
header_h = 66
|
||||
gap = 20
|
||||
footer_h = containers.get("결론", {}).get("height_px", 60)
|
||||
inner_w = slide_w - pad * 2
|
||||
body_pct = ratio[0] if ratio else 72
|
||||
sidebar_pct = ratio[1] if len(ratio) > 1 else 28
|
||||
body_w = int(inner_w * body_pct / 100)
|
||||
sidebar_w = inner_w - body_w - gap
|
||||
body_zone_h = slide_h - pad * 2 - header_h - footer_h - gap * 2
|
||||
bg_h = containers.get("배경", {}).get("height_px", 117)
|
||||
core_h = body_zone_h - bg_h - 12
|
||||
|
||||
L = {
|
||||
"배경": {"x": pad, "y": pad+header_h+gap, "w": body_w, "h": bg_h},
|
||||
"본심": {"x": pad, "y": pad+header_h+gap+bg_h+12, "w": body_w, "h": core_h},
|
||||
"첨부": {"x": pad+body_w+gap, "y": pad+header_h+gap, "w": sidebar_w, "h": body_zone_h},
|
||||
"결론": {"x": pad, "y": slide_h-pad-footer_h, "w": inner_w, "h": footer_h},
|
||||
}
|
||||
C = {"배경": "#dc2626", "본심": "#2563eb", "첨부": "#16a34a", "결론": "#7c3aed"}
|
||||
|
||||
|
||||
def area(role, inner):
|
||||
p = L[role]; c = C[role]
|
||||
return (f'<div style="position:absolute;left:{p["x"]}px;top:{p["y"]}px;'
|
||||
f'width:{p["w"]}px;height:{p["h"]}px;border:2px solid {c};'
|
||||
f'border-radius:6px;overflow:hidden;background:{c}08;'
|
||||
f'padding:6px;font-size:9px;line-height:1.4;">{inner}</div>')
|
||||
|
||||
|
||||
def header(title):
|
||||
return (f'<div style="position:absolute;left:{pad}px;top:{pad}px;width:{inner_w}px;'
|
||||
f'height:{header_h}px;background:#f8fafc;border-bottom:3px solid #2563eb;'
|
||||
f'display:flex;align-items:center;padding:0 20px;font-size:22px;'
|
||||
f'font-weight:900;color:#1e293b;">건설산업 DX의 올바른 이해</div>')
|
||||
|
||||
|
||||
def slide(step_title, areas_html):
|
||||
return (f'<!DOCTYPE html><html><head><meta charset="UTF-8">'
|
||||
f'<style>*{{margin:0;padding:0;box-sizing:border-box;}}'
|
||||
f'body{{background:#e5e5e5;padding:10px;font-family:sans-serif;}}</style></head><body>'
|
||||
f'<div style="font-size:14px;font-weight:bold;margin-bottom:6px;">{step_title}</div>'
|
||||
f'<div style="width:{slide_w}px;height:{slide_h}px;background:white;'
|
||||
f'position:relative;border:1px solid #ccc;">'
|
||||
f'{header(step_title)}{areas_html}</div></body></html>')
|
||||
|
||||
|
||||
# Step 1
|
||||
a1 = ""
|
||||
for role in L:
|
||||
c = C[role]; p = L[role]
|
||||
fk = {"배경":"bg","본심":"core","첨부":"sidebar","결론":"key_msg"}.get(role,"core")
|
||||
fv = fh.get(fk, 12)
|
||||
a1 += area(role,
|
||||
f'<div style="text-align:center;margin-top:{p["h"]//2-15}px;">'
|
||||
f'<b style="color:{c};font-size:13px;">{role}</b><br>'
|
||||
f'<span style="color:#888;font-size:10px;">{p["w"]}x{p["h"]}px / font:{fv}px</span></div>')
|
||||
|
||||
# Step 2
|
||||
a2 = ""
|
||||
for role in L:
|
||||
c = C[role]; info = ps.get(role, {}); tids = info.get("topic_ids", [])
|
||||
w = info.get("weight", 0)
|
||||
inner = f'<div style="font-size:8px;color:{c};font-weight:bold;">{role} (w:{w})</div>'
|
||||
for tid in tids:
|
||||
t = topic_map.get(tid, {})
|
||||
inner += (f'<div style="background:white;border:1px solid #ddd;border-radius:3px;'
|
||||
f'padding:3px;margin:2px 0;">'
|
||||
f'<b style="font-size:8px;">T{tid}: {t.get("title","")[:25]}</b><br>'
|
||||
f'<span style="font-size:7px;color:#888;">'
|
||||
f'{t.get("purpose","")} / {t.get("relation_type","")}</span></div>')
|
||||
a2 += area(role, inner)
|
||||
|
||||
# Step 3
|
||||
a3 = ""
|
||||
for role in L:
|
||||
c = C[role]; ref = refs.get(role, {}); p = L[role]
|
||||
bid = ref.get("block_id", "?"); vtype = ref.get("visual_type", "?")
|
||||
info = ps.get(role, {}); tids = info.get("topic_ids", [])
|
||||
tnames = ", ".join(f"T{tid}" for tid in tids)
|
||||
mt = max(0, p["h"]//2-25)
|
||||
a3 += area(role,
|
||||
f'<div style="text-align:center;margin-top:{mt}px;">'
|
||||
f'<div style="font-size:9px;color:{c};">{role} ({tnames})</div>'
|
||||
f'<div style="font-size:14px;margin:2px 0;">📦</div>'
|
||||
f'<div style="font-size:11px;font-weight:bold;">{bid}</div>'
|
||||
f'<div style="font-size:8px;color:#888;">type: {vtype}</div></div>')
|
||||
|
||||
# Step 4
|
||||
a4 = ""
|
||||
for role in L:
|
||||
c = C[role]; ref = refs.get(role, {}); p = L[role]
|
||||
bid = ref.get("block_id", "?")
|
||||
cb = containers_b.get(role, {}); db = cb.get("design_budget") or {}
|
||||
text_h = db.get("text_height_px", 0)
|
||||
avail_h = db.get("available_height_px", 0)
|
||||
fits = db.get("fits", False)
|
||||
total = max(text_h + avail_h, 1)
|
||||
tp = int(text_h / total * 100)
|
||||
bw = p["w"] - 20
|
||||
fc = "green" if fits else "red"
|
||||
a4 += area(role,
|
||||
f'<div style="padding:2px;">'
|
||||
f'<div style="font-size:9px;color:{c};font-weight:bold;">{role}: {bid}</div>'
|
||||
f'<div style="display:flex;height:14px;border-radius:3px;overflow:hidden;margin:4px 0;width:{bw}px;">'
|
||||
f'<div style="width:{tp}%;background:#ff6b6b;font-size:7px;color:white;text-align:center;line-height:14px;">텍스트{text_h}px</div>'
|
||||
f'<div style="width:{100-tp}%;background:#51cf66;font-size:7px;color:white;text-align:center;line-height:14px;">여유{avail_h}px</div>'
|
||||
f'</div>'
|
||||
f'<div style="font-size:8px;color:{fc};font-weight:bold;">fits:{fits} / {p["w"]}x{p["h"]}px</div></div>')
|
||||
|
||||
htmls = {
|
||||
"viz_1_containers": slide(f"Step 1: 컨테이너 포션과 위치 (비율 {body_pct}:{sidebar_pct})", a1),
|
||||
"viz_2_content": slide("Step 2: 각 영역별 내용 배치", a2),
|
||||
"viz_3_blocks": slide("Step 3: 블록 선택 결과", a3),
|
||||
"viz_4_budget": slide("Step 4: 블록별 디자인 예산", a4),
|
||||
}
|
||||
|
||||
for name, html in htmls.items():
|
||||
(run_dir / f"{name}.html").write_text(html, encoding="utf-8")
|
||||
|
||||
# PNG
|
||||
from selenium import webdriver
|
||||
from selenium.webdriver.chrome.options import Options
|
||||
|
||||
opts = Options()
|
||||
opts.add_argument("--headless")
|
||||
opts.add_argument("--no-sandbox")
|
||||
opts.add_argument("--force-device-scale-factor=2")
|
||||
driver = webdriver.Chrome(options=opts)
|
||||
driver.set_window_size(1380, 820)
|
||||
|
||||
for name in htmls:
|
||||
html = (run_dir / f"{name}.html").read_text(encoding="utf-8")
|
||||
encoded = urllib.parse.quote(html, safe="")
|
||||
driver.get(f"data:text/html;charset=utf-8,{encoded}")
|
||||
time.sleep(2)
|
||||
driver.save_screenshot(str(run_dir / f"{name}.png"))
|
||||
print(f"{name}.png")
|
||||
|
||||
driver.quit()
|
||||
print("완료")
|
||||
@@ -0,0 +1,189 @@
|
||||
"""IMP-13 build-time preview.png renderer for figma_to_html_agent/blocks/<frame_id> (u1-u6)."""
|
||||
from __future__ import annotations
|
||||
import argparse, hashlib, json, sys
|
||||
from dataclasses import dataclass
|
||||
from datetime import datetime, timezone
|
||||
from pathlib import Path
|
||||
from typing import Any, Dict, Iterable, List, Optional
|
||||
|
||||
REPO_ROOT = Path(__file__).resolve().parent.parent
|
||||
DEFAULT_BLOCKS_DIR = REPO_ROOT / "figma_to_html_agent" / "blocks"
|
||||
DEFAULT_MANIFEST = DEFAULT_BLOCKS_DIR / "_preview_manifest.json"
|
||||
|
||||
|
||||
@dataclass(frozen=True)
|
||||
class FrameRow:
|
||||
frame_id: str
|
||||
block_dir: Path
|
||||
index_html_path: Path
|
||||
preview_png_path: Path
|
||||
has_index: bool
|
||||
has_preview: bool
|
||||
|
||||
|
||||
def discover(blocks_dir: Path) -> List[FrameRow]:
|
||||
if not blocks_dir.is_dir():
|
||||
return []
|
||||
rows: List[FrameRow] = []
|
||||
for entry in sorted(blocks_dir.iterdir()):
|
||||
if not entry.is_dir():
|
||||
continue
|
||||
idx, png = entry / "index.html", entry / "preview.png"
|
||||
rows.append(FrameRow(entry.name, entry, idx, png, idx.is_file(), png.is_file()))
|
||||
return rows
|
||||
|
||||
|
||||
def _build_driver() -> Any:
|
||||
"""Headless Chrome driver. Mirrors the run_overflow_check chromedriver-candidate + headless options pattern.
|
||||
Inline per Stage 2 (no shared module). Per-frame window-size is set by the caller (u3), not here."""
|
||||
from selenium import webdriver
|
||||
from selenium.webdriver.chrome.options import Options
|
||||
from selenium.webdriver.chrome.service import Service
|
||||
options = Options()
|
||||
options.add_argument("--headless=new")
|
||||
options.add_argument("--no-sandbox")
|
||||
options.add_argument("--disable-dev-shm-usage")
|
||||
candidates = [REPO_ROOT / "chromedriver", REPO_ROOT / "chromedriver.exe"]
|
||||
last_err: Exception | None = None
|
||||
for path in candidates:
|
||||
if path.is_file():
|
||||
try:
|
||||
return webdriver.Chrome(service=Service(str(path)), options=options)
|
||||
except Exception as exc: # noqa: BLE001 — propagate via aggregated error
|
||||
last_err = exc
|
||||
try:
|
||||
return webdriver.Chrome(options=options)
|
||||
except Exception as exc: # noqa: BLE001
|
||||
raise RuntimeError(f"selenium init failed: {last_err or exc}") from exc
|
||||
|
||||
|
||||
def render_one(driver: Any, row: FrameRow) -> tuple[int, int, Path]:
|
||||
"""Render row.index_html_path -> row.preview_png_path via WebElement screenshot. Returns (w, h, path) or raises.
|
||||
Driver is injected (caller owns lifecycle). .slide bbox drives window-size; no hardcoded slide dimensions."""
|
||||
if not row.has_index:
|
||||
raise FileNotFoundError(f"missing index.html: {row.index_html_path}")
|
||||
from selenium.webdriver.common.by import By
|
||||
driver.get(row.index_html_path.resolve().as_uri())
|
||||
driver.set_script_timeout(15)
|
||||
driver.execute_async_script(
|
||||
"const cb=arguments[arguments.length-1];"
|
||||
"(document.fonts&&document.fonts.ready?document.fonts.ready:Promise.resolve()).then(()=>cb(true));"
|
||||
)
|
||||
rect = driver.execute_script(
|
||||
"const el=document.querySelector('.slide');"
|
||||
"if(!el)return null;"
|
||||
"const r=el.getBoundingClientRect();"
|
||||
"return [Math.round(r.width), Math.round(r.height)];"
|
||||
)
|
||||
if not rect:
|
||||
raise RuntimeError(f".slide not found in {row.index_html_path}")
|
||||
w, h = int(rect[0]), int(rect[1])
|
||||
driver.set_window_size(w, h)
|
||||
el = driver.find_element(By.CSS_SELECTOR, ".slide")
|
||||
row.preview_png_path.write_bytes(el.screenshot_as_png)
|
||||
return w, h, row.preview_png_path
|
||||
|
||||
|
||||
def _sha256_file(path: Path) -> str:
|
||||
h = hashlib.sha256()
|
||||
with path.open("rb") as f:
|
||||
for chunk in iter(lambda: f.read(65536), b""):
|
||||
h.update(chunk)
|
||||
return h.hexdigest()
|
||||
|
||||
|
||||
def is_unchanged(row: FrameRow, last_entry: Optional[Dict[str, Any]]) -> bool:
|
||||
"""Stale-detect short-circuit: True iff preview.png mtime >= index.html mtime AND sha256 matches last_entry.
|
||||
Returns False when prior entry is absent, preview.png is missing, preview is older than index, or hash differs."""
|
||||
if last_entry is None or not row.has_index or not row.has_preview:
|
||||
return False
|
||||
try:
|
||||
idx_mtime = row.index_html_path.stat().st_mtime
|
||||
png_mtime = row.preview_png_path.stat().st_mtime
|
||||
except OSError:
|
||||
return False
|
||||
if png_mtime < idx_mtime:
|
||||
return False
|
||||
recorded = last_entry.get("index_sha256")
|
||||
if not recorded:
|
||||
return False
|
||||
return _sha256_file(row.index_html_path) == recorded
|
||||
|
||||
|
||||
def categorize(rows: List[FrameRow]) -> Dict[str, List[FrameRow]]:
|
||||
"""Bucket discover() rows so nothing is silently skipped (Stage 2 guardrail).
|
||||
renderable = has_index (eligible for render or skipped_unchanged decision in u6).
|
||||
missing_index_html = no index.html (catalog gap; IMP-04 follow-up).
|
||||
orphan = preview.png exists without index.html (subset of missing_index_html; stale artifact to flag).
|
||||
Buckets are intentionally non-disjoint: orphan is a subset of missing_index_html,
|
||||
matching the Stage 2 evidence counts (renderable=20, missing_index_html=13, orphan=1)."""
|
||||
renderable = [r for r in rows if r.has_index]
|
||||
missing = [r for r in rows if not r.has_index]
|
||||
orphan = [r for r in missing if r.has_preview]
|
||||
return {"renderable": renderable, "missing_index_html": missing, "orphan": orphan}
|
||||
|
||||
|
||||
def _load_manifest(path: Path) -> Dict[str, Any]:
|
||||
try:
|
||||
data = json.loads(path.read_text(encoding="utf-8"))
|
||||
except Exception:
|
||||
return {}
|
||||
return data if isinstance(data, dict) else {}
|
||||
|
||||
|
||||
def _render_entry(row: FrameRow, w: int, h: int) -> Dict[str, Any]:
|
||||
return {"status": "rendered", "index_sha256": _sha256_file(row.index_html_path),
|
||||
"index_mtime": row.index_html_path.stat().st_mtime,
|
||||
"preview_mtime": row.preview_png_path.stat().st_mtime,
|
||||
"viewport": {"w": w, "h": h}}
|
||||
|
||||
|
||||
def main(argv: Iterable[str] | None = None) -> int:
|
||||
p = argparse.ArgumentParser(prog="generate_frame_previews", description="IMP-13 build-time preview.png renderer.")
|
||||
p.add_argument("--blocks-dir", type=Path, default=DEFAULT_BLOCKS_DIR)
|
||||
p.add_argument("--manifest", type=Path, default=DEFAULT_MANIFEST)
|
||||
p.add_argument("--dry-run", action="store_true")
|
||||
args = p.parse_args(list(argv) if argv is not None else None)
|
||||
rows = discover(args.blocks_dir)
|
||||
if args.dry_run:
|
||||
wi = sum(1 for r in rows if r.has_index)
|
||||
wp = sum(1 for r in rows if r.has_preview)
|
||||
print(f"discovered: total={len(rows)} with_index_html={wi} with_preview_png={wp}")
|
||||
return 0
|
||||
prev_frames = _load_manifest(args.manifest).get("frames") or {}
|
||||
buckets = categorize(rows)
|
||||
frames: Dict[str, Dict[str, Any]] = {}
|
||||
counts = {"rendered": 0, "skipped_unchanged": 0, "error": 0}
|
||||
driver = None
|
||||
try:
|
||||
for r in buckets["renderable"]:
|
||||
last = prev_frames.get(r.frame_id) if isinstance(prev_frames, dict) else None
|
||||
if is_unchanged(r, last):
|
||||
frames[r.frame_id] = {**last, "status": "skipped_unchanged"}
|
||||
counts["skipped_unchanged"] += 1
|
||||
continue
|
||||
if driver is None:
|
||||
driver = _build_driver()
|
||||
try:
|
||||
w, h, _ = render_one(driver, r)
|
||||
frames[r.frame_id] = _render_entry(r, w, h)
|
||||
counts["rendered"] += 1
|
||||
except Exception as exc: # noqa: BLE001
|
||||
frames[r.frame_id] = {"status": "error", "error": str(exc)}
|
||||
counts["error"] += 1
|
||||
finally:
|
||||
if driver is not None:
|
||||
try: driver.quit()
|
||||
except Exception: pass
|
||||
orphan_ids = {r.frame_id for r in buckets["orphan"]}
|
||||
for r in buckets["missing_index_html"]:
|
||||
frames[r.frame_id] = {"status": "orphan" if r.frame_id in orphan_ids else "missing_index_html", "has_preview": r.has_preview}
|
||||
summary = {"total": len(rows), "renderable": len(buckets["renderable"]), "missing_index_html": len(buckets["missing_index_html"]), "orphan": len(buckets["orphan"]), **counts}
|
||||
payload = {"schema": 1, "generated_at": datetime.now(timezone.utc).isoformat(), "blocks_dir": str(args.blocks_dir), "summary": summary, "frames": frames}
|
||||
args.manifest.write_text(json.dumps(payload, indent=2, sort_keys=True), encoding="utf-8")
|
||||
print(f"coverage: total={summary['total']} renderable={summary['renderable']} rendered={counts['rendered']} skipped_unchanged={counts['skipped_unchanged']} missing_index_html={summary['missing_index_html']} orphan={summary['orphan']} error={counts['error']}")
|
||||
return 1 if counts["error"] else 0
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
sys.exit(main())
|
||||
@@ -0,0 +1,387 @@
|
||||
"""파이프라인 실행 리포트 생성기.
|
||||
|
||||
data/runs/{run_id}/ 의 중간 산출물을 읽어
|
||||
단계별 진행 과정을 한눈에 볼 수 있는 HTML 리포트를 생성한다.
|
||||
|
||||
사용법:
|
||||
python scripts/generate_run_report.py # 최신 run
|
||||
python scripts/generate_run_report.py 1774572796252 # 특정 run
|
||||
"""
|
||||
from __future__ import annotations
|
||||
|
||||
import json
|
||||
import sys
|
||||
from pathlib import Path
|
||||
|
||||
PROJECT_ROOT = Path(__file__).parent.parent
|
||||
RUNS_DIR = PROJECT_ROOT / "data" / "runs"
|
||||
|
||||
|
||||
def load_json(path: Path) -> dict | list | None:
|
||||
if not path.exists():
|
||||
return None
|
||||
with open(path, encoding="utf-8") as f:
|
||||
return json.load(f)
|
||||
|
||||
|
||||
def load_text(path: Path) -> str | None:
|
||||
if not path.exists():
|
||||
return None
|
||||
return path.read_text(encoding="utf-8")
|
||||
|
||||
|
||||
def generate_report(run_id: str) -> str:
|
||||
run_dir = RUNS_DIR / run_id
|
||||
|
||||
if not run_dir.exists():
|
||||
return f"<html><body><h1>Run not found: {run_id}</h1></body></html>"
|
||||
|
||||
# 데이터 로드
|
||||
step1 = load_json(run_dir / "step1_analysis.json")
|
||||
step1b = load_json(run_dir / "step1b_concepts.json")
|
||||
step2 = load_json(run_dir / "step2_layout.json")
|
||||
step2b = load_json(run_dir / "step2b_allocation.json")
|
||||
step3 = load_json(run_dir / "step3_filled_blocks.json")
|
||||
step4_css = load_json(run_dir / "step4_css_adjustment.json")
|
||||
step4_measure = load_json(run_dir / "step4_measurement_round1.json")
|
||||
step5 = load_json(run_dir / "step5_review_round1.json")
|
||||
final_html = load_text(run_dir / "final.html")
|
||||
|
||||
html = f"""<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>파이프라인 리포트 — Run {run_id}</title>
|
||||
<style>
|
||||
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
|
||||
* {{ margin:0; padding:0; box-sizing:border-box; }}
|
||||
body {{ font-family:'Pretendard Variable',sans-serif; background:#f1f5f9; color:#1e293b; line-height:1.7; }}
|
||||
.container {{ max-width:1200px; margin:0 auto; padding:40px 20px; }}
|
||||
h1 {{ font-size:28px; font-weight:900; margin-bottom:8px; }}
|
||||
.run-id {{ font-size:14px; color:#64748b; margin-bottom:40px; }}
|
||||
.step {{ background:#fff; border-radius:12px; padding:28px 32px; margin-bottom:24px; box-shadow:0 1px 3px rgba(0,0,0,0.08); }}
|
||||
.step-header {{ display:flex; align-items:center; gap:14px; margin-bottom:16px; }}
|
||||
.step-badge {{ background:#2563eb; color:#fff; font-size:13px; font-weight:700; padding:4px 14px; border-radius:20px; white-space:nowrap; }}
|
||||
.step-badge.code {{ background:#16a34a; }}
|
||||
.step-badge.sonnet {{ background:#f59e0b; color:#1e293b; }}
|
||||
.step-title {{ font-size:20px; font-weight:800; }}
|
||||
.step-desc {{ font-size:14px; color:#64748b; margin-bottom:16px; }}
|
||||
table {{ border-collapse:collapse; width:100%; margin:12px 0; }}
|
||||
th {{ background:#1e293b; color:#fff; padding:10px 14px; text-align:left; font-size:13px; font-weight:700; }}
|
||||
td {{ padding:8px 14px; border-bottom:1px solid #e2e8f0; font-size:13px; vertical-align:top; }}
|
||||
tr:nth-child(even) td {{ background:#f8fafc; }}
|
||||
.json-block {{ background:#f8fafc; border:1px solid #e2e8f0; border-radius:8px; padding:16px; font-family:'Consolas',monospace; font-size:12px; white-space:pre-wrap; word-break:break-all; max-height:400px; overflow-y:auto; }}
|
||||
.tag {{ display:inline-block; padding:2px 10px; border-radius:12px; font-size:11px; font-weight:700; margin:2px; }}
|
||||
.tag-purpose {{ background:#dbeafe; color:#1e40af; }}
|
||||
.tag-role {{ background:#f0fdf4; color:#166534; }}
|
||||
.tag-layer {{ background:#fef3c7; color:#92400e; }}
|
||||
.tag-relation {{ background:#fce7f3; color:#9d174d; }}
|
||||
.tag-area {{ background:#e0e7ff; color:#3730a3; }}
|
||||
.tag-type {{ background:#f1f5f9; color:#334155; border:1px solid #cbd5e1; }}
|
||||
.arrow {{ text-align:center; font-size:28px; color:#94a3b8; padding:8px 0; }}
|
||||
.highlight {{ background:#fef9c3; padding:2px 6px; border-radius:4px; }}
|
||||
.warn {{ color:#dc2626; font-weight:700; }}
|
||||
.ok {{ color:#16a34a; font-weight:700; }}
|
||||
.weight-bar {{ height:20px; border-radius:4px; display:inline-block; vertical-align:middle; }}
|
||||
.final-preview {{ border:2px solid #2563eb; border-radius:12px; overflow:hidden; margin-top:16px; }}
|
||||
.final-preview iframe {{ width:1280px; height:720px; border:none; transform-origin:top left; }}
|
||||
.overflow-row {{ background:#fef2f2 !important; }}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Design Agent 파이프라인 리포트</h1>
|
||||
<div class="run-id">Run ID: {run_id} | 생성: {_ts_to_str(run_id)}</div>
|
||||
"""
|
||||
|
||||
# ── Step 1A ──
|
||||
if step1:
|
||||
topics = step1.get("topics", [])
|
||||
page_struct = step1.get("page_structure", {})
|
||||
html += f"""
|
||||
<div class="step">
|
||||
<div class="step-header">
|
||||
<span class="step-badge">Kei 실장</span>
|
||||
<span class="step-title">Step 1A: 꼭지 추출 + 스토리라인 설계</span>
|
||||
</div>
|
||||
<div class="step-desc">원본 콘텐츠를 분석하여 핵심 메시지, 꼭지 구조, 페이지 비중을 설계한다.</div>
|
||||
|
||||
<table>
|
||||
<tr><th>항목</th><th>값</th></tr>
|
||||
<tr><td>제목</td><td><strong>{step1.get('title','')}</strong></td></tr>
|
||||
<tr><td>핵심 메시지</td><td class="highlight">{step1.get('core_message','')}</td></tr>
|
||||
<tr><td>정보 구조</td><td>{step1.get('info_structure','')[:200]}</td></tr>
|
||||
</table>
|
||||
|
||||
<h3 style="margin:16px 0 8px; font-size:15px;">페이지 구조 (비중)</h3>
|
||||
<table>
|
||||
<tr><th>역할</th><th>topic_ids</th><th>비중(weight)</th><th>시각화</th></tr>
|
||||
"""
|
||||
colors = {"본심": "#2563eb", "배경": "#64748b", "첨부": "#f59e0b", "결론": "#16a34a"}
|
||||
for role, info in page_struct.items():
|
||||
if isinstance(info, dict):
|
||||
w = info.get("weight", 0)
|
||||
tids = info.get("topic_ids", [])
|
||||
c = colors.get(role, "#94a3b8")
|
||||
bar_w = int(w * 400)
|
||||
html += f'<tr><td><strong>{role}</strong></td><td>{tids}</td><td>{w:.0%}</td>'
|
||||
html += f'<td><span class="weight-bar" style="width:{bar_w}px; background:{c};"></span></td></tr>\n'
|
||||
html += "</table>\n"
|
||||
|
||||
html += """<h3 style="margin:16px 0 8px; font-size:15px;">꼭지 목록</h3>
|
||||
<table>
|
||||
<tr><th>#</th><th>제목</th><th>purpose</th><th>role</th><th>layer</th><th>section_title</th></tr>
|
||||
"""
|
||||
for t in topics:
|
||||
st = t.get("section_title", "")
|
||||
html += f"""<tr>
|
||||
<td>{t.get('id','')}</td>
|
||||
<td>{t.get('title','')}</td>
|
||||
<td><span class="tag tag-purpose">{t.get('purpose','')}</span></td>
|
||||
<td><span class="tag tag-role">{t.get('role','')}</span></td>
|
||||
<td><span class="tag tag-layer">{t.get('layer','')}</span></td>
|
||||
<td>{st if st else '-'}</td>
|
||||
</tr>\n"""
|
||||
html += "</table></div>\n"
|
||||
|
||||
html += '<div class="arrow">▼</div>\n'
|
||||
|
||||
# ── Step 1B ──
|
||||
if step1b:
|
||||
concepts = step1b.get("concepts", [])
|
||||
html += f"""
|
||||
<div class="step">
|
||||
<div class="step-header">
|
||||
<span class="step-badge">Kei 실장</span>
|
||||
<span class="step-title">Step 1B: 컨셉 구체화</span>
|
||||
</div>
|
||||
<div class="step-desc">각 꼭지의 관계 성격(relation_type), 표현 힌트(expression_hint), 원본 데이터를 구체화한다.</div>
|
||||
|
||||
<table>
|
||||
<tr><th>#</th><th>제목</th><th>relation_type</th><th>expression_hint</th><th>source_data</th></tr>
|
||||
"""
|
||||
for c in concepts:
|
||||
tid = c.get("topic_id") or c.get("id", "?")
|
||||
html += f"""<tr>
|
||||
<td>{tid}</td>
|
||||
<td>{c.get('title','')}</td>
|
||||
<td><span class="tag tag-relation">{c.get('relation_type','')}</span></td>
|
||||
<td style="max-width:300px">{c.get('expression_hint','')[:120]}</td>
|
||||
<td style="max-width:300px">{c.get('source_data','')[:120]}</td>
|
||||
</tr>\n"""
|
||||
html += "</table></div>\n"
|
||||
|
||||
html += '<div class="arrow">▼</div>\n'
|
||||
|
||||
# ── Step 2 ──
|
||||
if step2:
|
||||
blocks = step2.get("blocks", [])
|
||||
overflows = step2.get("overflow", [])
|
||||
html += f"""
|
||||
<div class="step">
|
||||
<div class="step-header">
|
||||
<span class="step-badge">Kei 실장</span>
|
||||
<span class="step-title">Step 2 (A-2 + B): 블록 배치</span>
|
||||
</div>
|
||||
<div class="step-desc">
|
||||
<strong>Step A:</strong> 규칙 기반 프리셋 선택<br>
|
||||
<strong>Step A-2 (Kei):</strong> 각 꼭지에 적합한 블록 확정 (코드 레벨 강제)<br>
|
||||
<strong>Step B (Sonnet):</strong> zone 배치 + char_guide만 결정 (블록 타입 변경 불가)
|
||||
</div>
|
||||
|
||||
<p><strong>프리셋:</strong> <code>{step2.get('preset','')}</code></p>
|
||||
|
||||
<table>
|
||||
<tr><th>area</th><th>블록 타입</th><th>purpose</th><th>topic</th><th>이유</th><th>크기</th></tr>
|
||||
"""
|
||||
for b in blocks:
|
||||
html += f"""<tr>
|
||||
<td><span class="tag tag-area">{b.get('area','')}</span></td>
|
||||
<td><span class="tag tag-type">{b.get('type','')}</span></td>
|
||||
<td><span class="tag tag-purpose">{b.get('purpose','')}</span></td>
|
||||
<td>{b.get('topic_id','')}</td>
|
||||
<td style="max-width:300px">{b.get('reason','')[:100]}</td>
|
||||
<td>{b.get('size','')}</td>
|
||||
</tr>\n"""
|
||||
html += "</table>\n"
|
||||
|
||||
if overflows:
|
||||
html += '<h3 style="margin:16px 0 8px; font-size:15px; color:#dc2626;">높이 초과 예상</h3>\n<table>\n'
|
||||
html += '<tr><th>zone</th><th>예산(px)</th><th>합계(px)</th><th>초과(px)</th></tr>\n'
|
||||
for o in overflows:
|
||||
html += f'<tr class="overflow-row"><td>{o.get("area","")}</td><td>{o.get("budget_px","")}</td><td>{o.get("total_px","")}</td><td class="warn">+{o.get("overflow_px","")}</td></tr>\n'
|
||||
html += "</table>\n"
|
||||
html += "</div>\n"
|
||||
|
||||
html += '<div class="arrow">▼</div>\n'
|
||||
|
||||
# ── Step 2B (Allocation) ──
|
||||
if step2b:
|
||||
html += f"""
|
||||
<div class="step">
|
||||
<div class="step-header">
|
||||
<span class="step-badge code">코드 (결정론적)</span>
|
||||
<span class="step-title">Step 2B: 공간 할당</span>
|
||||
</div>
|
||||
<div class="step-desc">Kei의 비중(weight)을 기반으로 각 zone 내 블록별 max_height_px와 max_chars를 수학적으로 계산한다.</div>
|
||||
<div class="json-block">{json.dumps(step2b, ensure_ascii=False, indent=2)}</div>
|
||||
</div>
|
||||
"""
|
||||
html += '<div class="arrow">▼</div>\n'
|
||||
|
||||
# ── Step 3 ──
|
||||
if step3:
|
||||
filled = step3.get("blocks", [])
|
||||
html += f"""
|
||||
<div class="step">
|
||||
<div class="step-header">
|
||||
<span class="step-badge">Kei 편집자</span>
|
||||
<span class="step-title">Step 3: 텍스트 편집</span>
|
||||
</div>
|
||||
<div class="step-desc">원본 콘텐츠에서 각 블록의 슬롯에 맞는 텍스트를 추출/편집한다. 원본 보존 원칙.</div>
|
||||
|
||||
<table>
|
||||
<tr><th>area</th><th>블록 타입</th><th>topic</th><th>글자 수</th><th>데이터 (요약)</th></tr>
|
||||
"""
|
||||
for b in filled:
|
||||
data_str = json.dumps(b.get("data", {}), ensure_ascii=False)
|
||||
preview = data_str[:200] + ("..." if len(data_str) > 200 else "")
|
||||
html += f"""<tr>
|
||||
<td><span class="tag tag-area">{b.get('area','')}</span></td>
|
||||
<td><span class="tag tag-type">{b.get('type','')}</span></td>
|
||||
<td>{b.get('topic_id','')}</td>
|
||||
<td>{b.get('char_count','')}</td>
|
||||
<td style="max-width:400px; font-size:12px; word-break:break-all;">{preview}</td>
|
||||
</tr>\n"""
|
||||
html += "</table></div>\n"
|
||||
|
||||
html += '<div class="arrow">▼</div>\n'
|
||||
|
||||
# ── Step 4 (CSS + Measurement) ──
|
||||
html += f"""
|
||||
<div class="step">
|
||||
<div class="step-header">
|
||||
<span class="step-badge sonnet">Sonnet 실무자</span>
|
||||
<span class="step-title">Step 4: CSS 조정 + 렌더링</span>
|
||||
</div>
|
||||
<div class="step-desc">텍스트 양에 맞게 CSS 변수(폰트, 여백)를 조정하고 Jinja2로 HTML을 조립한다.</div>
|
||||
"""
|
||||
if step4_css:
|
||||
html += f'<div class="json-block">{json.dumps(step4_css, ensure_ascii=False, indent=2)}</div>\n'
|
||||
|
||||
if step4_measure:
|
||||
slide = step4_measure.get("slide", {})
|
||||
zones = step4_measure.get("zones", {})
|
||||
slide_status = '<span class="ok">OK</span>' if not slide.get("overflowed") else f'<span class="warn">+{slide.get("excess_px",0)}px 초과</span>'
|
||||
|
||||
html += f"""
|
||||
<h3 style="margin:16px 0 8px; font-size:15px;">Phase L: Selenium 렌더링 측정</h3>
|
||||
<p>슬라이드 전체: {slide.get('scrollHeight','?')}px / {slide.get('clientHeight','?')}px — {slide_status}</p>
|
||||
<table>
|
||||
<tr><th>zone</th><th>scrollHeight</th><th>clientHeight</th><th>상태</th><th>블록 상세</th></tr>
|
||||
"""
|
||||
for zn, zd in zones.items():
|
||||
z_status = '<span class="ok">OK</span>' if not zd.get("overflowed") else f'<span class="warn">+{zd.get("excess_px",0)}px</span>'
|
||||
block_details = ", ".join(
|
||||
f'{bl.get("block_type","?")}:{bl.get("scrollHeight","?")}px'
|
||||
for bl in zd.get("blocks", [])
|
||||
)
|
||||
html += f'<tr><td>{zn}</td><td>{zd.get("scrollHeight","")}</td><td>{zd.get("clientHeight","")}</td><td>{z_status}</td><td style="font-size:12px">{block_details}</td></tr>\n'
|
||||
html += "</table>\n"
|
||||
html += "</div>\n"
|
||||
|
||||
html += '<div class="arrow">▼</div>\n'
|
||||
|
||||
# ── Step 5 ──
|
||||
if step5:
|
||||
needs = step5.get("needs_adjustment", False)
|
||||
issues = step5.get("issues", [])
|
||||
adjs = step5.get("adjustments", [])
|
||||
html += f"""
|
||||
<div class="step">
|
||||
<div class="step-header">
|
||||
<span class="step-badge">Kei 실장</span>
|
||||
<span class="step-title">Step 5: 최종 검수</span>
|
||||
</div>
|
||||
<div class="step-desc">렌더링 결과를 Kei가 검수. overflow 없으면 skip.</div>
|
||||
<p><strong>조정 필요:</strong> {'<span class="warn">예</span>' if needs else '<span class="ok">아니오</span>'}</p>
|
||||
"""
|
||||
if issues:
|
||||
html += '<h4>이슈:</h4><ul>\n'
|
||||
for iss in issues:
|
||||
html += f'<li>{iss}</li>\n'
|
||||
html += '</ul>\n'
|
||||
if adjs:
|
||||
html += '<h4>조정 사항:</h4>\n<table><tr><th>area</th><th>action</th><th>detail</th></tr>\n'
|
||||
for adj in adjs:
|
||||
html += f'<tr><td>{adj.get("block_area","")}</td><td>{adj.get("action","")}</td><td>{adj.get("detail","")[:100]}</td></tr>\n'
|
||||
html += '</table>\n'
|
||||
html += "</div>\n"
|
||||
else:
|
||||
html += """
|
||||
<div class="step">
|
||||
<div class="step-header">
|
||||
<span class="step-badge">Kei 실장</span>
|
||||
<span class="step-title">Step 5: 최종 검수</span>
|
||||
</div>
|
||||
<div class="step-desc"><span class="ok">Skip — overflow 없음.</span></div>
|
||||
</div>
|
||||
"""
|
||||
|
||||
html += '<div class="arrow">▼</div>\n'
|
||||
|
||||
# ── Final ──
|
||||
if final_html:
|
||||
# iframe으로 최종 결과물 미리보기
|
||||
import html as html_lib
|
||||
escaped = html_lib.escape(final_html)
|
||||
html += f"""
|
||||
<div class="step">
|
||||
<div class="step-header">
|
||||
<span class="step-badge code">최종 결과</span>
|
||||
<span class="step-title">완성 슬라이드</span>
|
||||
</div>
|
||||
<div class="final-preview">
|
||||
<iframe srcdoc="{escaped}" style="transform:scale(0.85); width:1280px; height:720px;"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
"""
|
||||
|
||||
html += """
|
||||
</div>
|
||||
</body>
|
||||
</html>"""
|
||||
return html
|
||||
|
||||
|
||||
def _ts_to_str(run_id: str) -> str:
|
||||
try:
|
||||
from datetime import datetime
|
||||
ts = int(run_id) / 1000
|
||||
return datetime.fromtimestamp(ts).strftime("%Y-%m-%d %H:%M:%S")
|
||||
except Exception:
|
||||
return run_id
|
||||
|
||||
|
||||
def main():
|
||||
if len(sys.argv) > 1:
|
||||
run_id = sys.argv[1]
|
||||
else:
|
||||
# 최신 run 자동 선택
|
||||
runs = sorted(RUNS_DIR.iterdir(), key=lambda p: p.name, reverse=True)
|
||||
if not runs:
|
||||
print("data/runs/ 에 실행 결과가 없습니다.")
|
||||
sys.exit(1)
|
||||
run_id = runs[0].name
|
||||
|
||||
print(f"리포트 생성: run={run_id}")
|
||||
report = generate_report(run_id)
|
||||
|
||||
output_path = RUNS_DIR / run_id / "report.html"
|
||||
output_path.write_text(report, encoding="utf-8")
|
||||
print(f"저장: {output_path}")
|
||||
print(f"브라우저에서 열기: file:///{output_path}")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
main()
|
||||
@@ -0,0 +1,314 @@
|
||||
"""Stage별 실제 출력 데이터로 step HTML 생성.
|
||||
|
||||
각 step은 이전 step 위에 레이어를 쌓아가는 구조:
|
||||
- Step 0: Kei 꼭지 (테이블)
|
||||
- Step 1: 빈 컨테이너 (1280x720 슬라이드)
|
||||
- Step 2: Step 1 + 블록 선택 (컨테이너 안에 블록 표시)
|
||||
- Step 3: Step 2 + 재배분 반영 (크기 변경 + 보강)
|
||||
- Step 4: 최종 결과물 (final.html)
|
||||
"""
|
||||
import json
|
||||
import sys
|
||||
from pathlib import Path
|
||||
|
||||
|
||||
def _load(run: Path, name: str) -> dict:
|
||||
return json.loads((run / name).read_text(encoding="utf-8"))
|
||||
|
||||
|
||||
def _colors():
|
||||
return {"배경": "#dc2626", "본심": "#2563eb", "첨부": "#16a34a", "결론": "#7c3aed"}
|
||||
|
||||
|
||||
def _calc_coords(containers, ratio, pad=40, gap=20, header_h=66):
|
||||
"""컨테이너 좌표 계산. containers dict에서 실제 px 값 사용."""
|
||||
inner_w = 1280 - pad * 2
|
||||
body_w = int(inner_w * ratio[0] / 100)
|
||||
sidebar_w = inner_w - body_w - gap
|
||||
sidebar_left = pad + body_w + gap
|
||||
|
||||
def get(c, key):
|
||||
return c.get(key, 0) if isinstance(c, dict) else getattr(c, key, 0)
|
||||
|
||||
bg_px = get(containers.get("배경", {}), "height_px")
|
||||
core_px = get(containers.get("본심", {}), "height_px")
|
||||
sidebar_px = get(containers.get("첨부", {}), "height_px")
|
||||
footer_px = get(containers.get("결론", {}), "height_px")
|
||||
|
||||
bg_top = pad + header_h + gap
|
||||
core_top = bg_top + bg_px + 8
|
||||
footer_top = max(core_top + core_px, bg_top + sidebar_px) + gap
|
||||
|
||||
return {
|
||||
"header": {"left": pad, "top": pad, "width": inner_w, "height": header_h},
|
||||
"배경": {"left": pad, "top": bg_top, "width": body_w, "height": bg_px},
|
||||
"본심": {"left": pad, "top": core_top, "width": body_w, "height": core_px},
|
||||
"첨부": {"left": sidebar_left, "top": bg_top, "width": sidebar_w, "height": sidebar_px},
|
||||
"결론": {"left": pad, "top": footer_top, "width": inner_w, "height": footer_px},
|
||||
}
|
||||
|
||||
|
||||
def _box_html(coord, role, label, colors, extra_style=""):
|
||||
c = colors.get(role, "#333")
|
||||
return (
|
||||
f'<div style="position:absolute;left:{coord["left"]}px;top:{coord["top"]}px;'
|
||||
f'width:{coord["width"]}px;height:{coord["height"]}px;'
|
||||
f'border:2px solid {c};border-radius:6px;background:{c}08;'
|
||||
f'{extra_style}">'
|
||||
f'{label}</div>\n'
|
||||
)
|
||||
|
||||
|
||||
def _header_html(coord, title):
|
||||
return (
|
||||
f'<div style="position:absolute;left:{coord["left"]}px;top:{coord["top"]}px;'
|
||||
f'width:{coord["width"]}px;height:{coord["height"]}px;'
|
||||
f'background:#f8fafc;border-bottom:3px solid #2563eb;display:flex;'
|
||||
f'align-items:center;padding:0 20px;font-size:22px;font-weight:900;color:#1e293b;">'
|
||||
f'{title}</div>\n'
|
||||
)
|
||||
|
||||
|
||||
def _slide_wrap(title, subtitle, body):
|
||||
return f"""<!DOCTYPE html><html><head><meta charset="UTF-8">
|
||||
<style>*{{margin:0;padding:0;box-sizing:border-box;}}
|
||||
body{{background:#e5e5e5;padding:10px;font-family:'Pretendard Variable','Noto Sans KR',sans-serif;word-break:keep-all;}}
|
||||
</style></head><body>
|
||||
<div style="font-size:16px;font-weight:bold;margin-bottom:4px;">{title}</div>
|
||||
<div style="font-size:11px;color:#666;margin-bottom:8px;">{subtitle}</div>
|
||||
<div style="width:1280px;height:720px;background:white;position:relative;border:1px solid #ccc;">
|
||||
{body}
|
||||
</div></body></html>"""
|
||||
|
||||
|
||||
def gen_step0(run: Path, out: Path):
|
||||
ctx1b = _load(run, "stage_1b_context.json")
|
||||
topics = ctx1b.get("topics", [])
|
||||
ps = ctx1b.get("page_structure", {}).get("roles", {})
|
||||
role_map = {}
|
||||
for role, info in ps.items():
|
||||
for tid in info.get("topic_ids", []):
|
||||
role_map[tid] = role
|
||||
|
||||
colors = _colors()
|
||||
rows = ""
|
||||
for t in topics:
|
||||
tid = t.get("id")
|
||||
role = role_map.get(tid, "?")
|
||||
c = colors.get(role, "#333")
|
||||
bg = "#f8fafc" if tid % 2 == 0 else "#fff"
|
||||
rows += (f'<tr style="background:{bg};"><td style="padding:6px 8px;text-align:center;">{tid}</td>'
|
||||
f'<td style="padding:6px 8px;font-weight:700;">{t.get("title","")}</td>'
|
||||
f'<td style="padding:6px 8px;">{t.get("purpose","")}</td>'
|
||||
f'<td style="padding:6px 8px;">{t.get("layer","")}</td>'
|
||||
f'<td style="padding:6px 8px;">{t.get("relation_type","")}</td>'
|
||||
f'<td style="padding:6px 8px;color:{c};font-weight:700;">{role}</td></tr>\n')
|
||||
|
||||
html = f"""<!DOCTYPE html><html><head><meta charset="UTF-8">
|
||||
<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;">Step 0: Kei 꼭지 추출 (Stage 1A/1B)</div>
|
||||
<div style="font-size:11px;color:#666;margin-bottom:12px;">run: {run.name}</div>
|
||||
<table style="border-collapse:collapse;font-size:12px;width:100%;max-width:900px;">
|
||||
<tr style="background:#1e293b;color:white;"><th style="padding:8px;">ID</th><th style="padding:8px;">제목</th><th style="padding:8px;">purpose</th><th style="padding:8px;">layer</th><th style="padding:8px;">relation_type</th><th style="padding:8px;">영역</th></tr>
|
||||
{rows}</table></body></html>"""
|
||||
(out / "step0_kei_topics.html").write_text(html, encoding="utf-8")
|
||||
print("step0 생성")
|
||||
|
||||
|
||||
def gen_step1(run: Path, out: Path):
|
||||
"""Step 1: 빈 컨테이너."""
|
||||
ctx15a = _load(run, "stage_1_5a_context.json")
|
||||
containers = ctx15a.get("containers", {})
|
||||
ratio = ctx15a.get("container_ratio", [65, 35])
|
||||
fh = ctx15a.get("font_hierarchy", {})
|
||||
colors = _colors()
|
||||
coords = _calc_coords(containers, ratio)
|
||||
|
||||
body = _header_html(coords["header"], "건설산업 DX의 올바른 이해")
|
||||
for role in ["배경", "본심", "첨부", "결론"]:
|
||||
coord = coords[role]
|
||||
c = colors[role]
|
||||
font_key = {"배경": "bg", "본심": "core", "첨부": "sidebar", "결론": "key_msg"}.get(role)
|
||||
label = (f'<div style="text-align:center;margin-top:{coord["height"]//2 - 15}px;">'
|
||||
f'<b style="color:{c};font-size:13px;">{role}</b><br>'
|
||||
f'<span style="color:#888;font-size:10px;">{coord["width"]}x{coord["height"]}px / font:{fh.get(font_key,"?")}px</span></div>')
|
||||
body += _box_html(coord, role, label, colors)
|
||||
|
||||
html = _slide_wrap(
|
||||
"Step 1: 빈 컨테이너 (Stage 1.5a)",
|
||||
f'비율 {ratio[0]}:{ratio[1]}',
|
||||
body,
|
||||
)
|
||||
(out / "step1_containers.html").write_text(html, encoding="utf-8")
|
||||
print("step1 생성")
|
||||
return coords, containers, ratio, fh
|
||||
|
||||
|
||||
def gen_step2(run: Path, out: Path, coords, fh):
|
||||
"""Step 2: Step 1 컨테이너 위에 블록 선택 표시."""
|
||||
ctx17 = _load(run, "stage_1_7_context.json")
|
||||
refs = ctx17.get("references", {})
|
||||
colors = _colors()
|
||||
ctx15a = _load(run, "stage_1_5a_context.json")
|
||||
ratio = ctx15a.get("container_ratio", [65, 35])
|
||||
|
||||
body = _header_html(coords["header"], "건설산업 DX의 올바른 이해")
|
||||
|
||||
for role in ["배경", "본심", "첨부", "결론"]:
|
||||
coord = coords[role]
|
||||
c = colors[role]
|
||||
ref_list = refs.get(role, [])
|
||||
if not isinstance(ref_list, list):
|
||||
ref_list = [ref_list]
|
||||
|
||||
# 블록 정보를 컨테이너 안에 표시
|
||||
block_lines = []
|
||||
for r in ref_list:
|
||||
if isinstance(r, dict):
|
||||
bid = r.get("block_id", "?")
|
||||
var = r.get("variant", "default")
|
||||
tid = r.get("topic_id", "?")
|
||||
sup = r.get("supporting_topic_ids", [])
|
||||
hier = r.get("is_hierarchical", False)
|
||||
line = f'꼭지{tid}: <b>{bid}</b> ({var})'
|
||||
if hier:
|
||||
line += f' <span style="color:#dc2626;font-size:9px;">★주종</span>'
|
||||
if sup:
|
||||
line += f' <span style="font-size:9px;color:#888;">[종속:{sup}]</span>'
|
||||
block_lines.append(line)
|
||||
|
||||
block_html = '<br>'.join(block_lines)
|
||||
font_key = {"배경": "bg", "본심": "core", "첨부": "sidebar", "결론": "key_msg"}.get(role)
|
||||
|
||||
label = (f'<div style="padding:6px 10px;">'
|
||||
f'<div style="font-size:10px;color:{c};font-weight:700;margin-bottom:4px;">'
|
||||
f'{role} ({coord["width"]}x{coord["height"]}px)</div>'
|
||||
f'<div style="font-size:11px;line-height:1.6;">{block_html}</div>'
|
||||
f'</div>')
|
||||
body += _box_html(coord, role, label, colors)
|
||||
|
||||
html = _slide_wrap(
|
||||
"Step 2: 블록 선택 (Stage 1.7) — Step 1 컨테이너 위에 블록 표시",
|
||||
"layer 기반 주종 판단. 배경: 꼭지1(intro)+꼭지2(supporting) → 주종합침 블록 1개",
|
||||
body,
|
||||
)
|
||||
(out / "step2_blocks.html").write_text(html, encoding="utf-8")
|
||||
print("step2 생성")
|
||||
|
||||
|
||||
def gen_step3(run: Path, out: Path, containers, ratio, fh):
|
||||
"""Step 3: Step 2 위에 재배분 반영."""
|
||||
ctx18 = _load(run, "stage_1_8_context.json")
|
||||
fit = ctx18.get("fit_result", {})
|
||||
enh = ctx18.get("enhancement_result", {})
|
||||
redist = fit.get("redistribution", {})
|
||||
|
||||
# 재배분된 containers
|
||||
new_containers = {}
|
||||
for role, c in containers.items():
|
||||
h = c.get("height_px", 0) if isinstance(c, dict) else getattr(c, "height_px", 0)
|
||||
new_h = int(redist.get(role, h))
|
||||
if isinstance(c, dict):
|
||||
new_containers[role] = {**c, "height_px": new_h}
|
||||
else:
|
||||
new_containers[role] = {"height_px": new_h, "width_px": getattr(c, "width_px", 0), "zone": getattr(c, "zone", "")}
|
||||
|
||||
colors = _colors()
|
||||
new_coords = _calc_coords(new_containers, ratio)
|
||||
|
||||
# 블록 선택 정보도 가져옴
|
||||
ctx17 = _load(run, "stage_1_7_context.json")
|
||||
refs = ctx17.get("references", {})
|
||||
|
||||
body = _header_html(new_coords["header"], "건설산업 DX의 올바른 이해")
|
||||
|
||||
for role in ["배경", "본심", "첨부", "결론"]:
|
||||
coord = new_coords[role]
|
||||
c = colors[role]
|
||||
|
||||
# fit 상태
|
||||
rf = fit.get("roles", {}).get(role, {})
|
||||
status = rf.get("fit_status", "?")
|
||||
icon = {"OK": "✅", "TIGHT": "⚠️", "OVERFLOW": "❌"}.get(status, "?")
|
||||
needed = rf.get("total_required_px", 0)
|
||||
old_h = rf.get("allocated_px", 0)
|
||||
new_h = int(redist.get(role, old_h))
|
||||
delta = new_h - old_h
|
||||
|
||||
# 블록 정보
|
||||
ref_list = refs.get(role, [])
|
||||
if not isinstance(ref_list, list):
|
||||
ref_list = [ref_list]
|
||||
block_lines = []
|
||||
for r in ref_list:
|
||||
if isinstance(r, dict):
|
||||
bid = r.get("block_id", "?")
|
||||
tid = r.get("topic_id", "?")
|
||||
sup = r.get("supporting_topic_ids", [])
|
||||
hier = r.get("is_hierarchical", False)
|
||||
line = f'꼭지{tid}: <b>{bid}</b>'
|
||||
if hier:
|
||||
line += f' ★주종 [종속:{sup}]'
|
||||
block_lines.append(line)
|
||||
|
||||
# 보강 정보
|
||||
emps = [e for e in enh.get("emphasis_blocks", []) if e.get("role") == role]
|
||||
bolds = enh.get("bold_keywords", {}).get(role, [])
|
||||
|
||||
delta_str = f" ({delta:+d}px)" if abs(delta) > 0 else ""
|
||||
enh_lines = []
|
||||
if emps:
|
||||
enh_lines.append(f'<span style="font-size:9px;color:#991b1b;">강조: "{emps[0].get("sentence","")[:30]}..."</span>')
|
||||
if bolds:
|
||||
enh_lines.append(f'<span style="font-size:9px;color:#2563eb;">bold: {bolds[:4]}</span>')
|
||||
|
||||
label = (f'<div style="padding:4px 8px;">'
|
||||
f'<div style="font-size:10px;color:{c};font-weight:700;">'
|
||||
f'{icon} {role} {coord["width"]}x{new_h}px{delta_str}</div>'
|
||||
f'<div style="font-size:9px;color:#888;">필요 {needed:.0f}px</div>'
|
||||
f'<div style="font-size:10px;line-height:1.5;margin-top:2px;">{"<br>".join(block_lines)}</div>'
|
||||
f'<div style="margin-top:2px;">{"<br>".join(enh_lines)}</div>'
|
||||
f'</div>')
|
||||
body += _box_html(coord, role, label, colors)
|
||||
|
||||
html = _slide_wrap(
|
||||
"Step 3: 적합성 검증 + 재배분 + 보강 (Stage 1.8)",
|
||||
f"재배분: {', '.join(f'{r}:{int(redist.get(r,0))}px' for r in redist)}",
|
||||
body,
|
||||
)
|
||||
(out / "step3_fit_result.html").write_text(html, encoding="utf-8")
|
||||
print("step3 생성")
|
||||
|
||||
|
||||
def gen_step4(run: Path, out: Path):
|
||||
"""Step 4: final.html 링크."""
|
||||
html = """<!DOCTYPE html><html><head><meta charset="UTF-8">
|
||||
<style>body{font-family:sans-serif;padding:20px;}</style></head><body>
|
||||
<h2>Step 4: 최종 결과물 (Sonnet HTML 생성)</h2>
|
||||
<p><a href="../final.html" style="font-size:18px;">final.html 열기 →</a></p>
|
||||
<p style="margin-top:12px;"><a href="../첨부1_혼용 대표 사례.html">첨부1</a> · <a href="../첨부2_DX와 BIM의 구분.html">첨부2</a></p>
|
||||
</body></html>"""
|
||||
(out / "step4_final.html").write_text(html, encoding="utf-8")
|
||||
print("step4 생성")
|
||||
|
||||
|
||||
def main(run_dir: str):
|
||||
run = Path(run_dir)
|
||||
out = run / "steps"
|
||||
out.mkdir(exist_ok=True)
|
||||
|
||||
gen_step0(run, out)
|
||||
coords, containers, ratio, fh = gen_step1(run, out)
|
||||
gen_step2(run, out, coords, fh)
|
||||
gen_step3(run, out, containers, ratio, fh)
|
||||
gen_step4(run, out)
|
||||
|
||||
print(f"\n전체 step: {out}/")
|
||||
for f in sorted(out.iterdir()):
|
||||
print(f" {f.name}")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
run_dir = sys.argv[1] if len(sys.argv) > 1 else "data/runs/20260402_154745"
|
||||
main(run_dir)
|
||||
@@ -0,0 +1,334 @@
|
||||
"""17개 콘텐츠 단위를 각각 추출하여 내 매처(src/block_matcher_tfidf.py, 32프레임 IDF 고정)로 매칭.
|
||||
|
||||
단위:
|
||||
1. MDX01-intro — 중목차 앞 본문
|
||||
2. MDX01-intro-details — 팝업: 혼용 대표 사례
|
||||
3. MDX01-1 — 중목차: 용어 정의
|
||||
4. MDX01-2 — 중목차: 용어간 상호관계 (본문, 표 제외)
|
||||
5. MDX01-2-image — 이미지 캡션: DX와 핵심기술간 상호관계
|
||||
6. MDX01-2-details — 팝업+표: DX와 BIM 구분 12행
|
||||
7. MDX02-1 — 중목차: DX의 궁극적 목표
|
||||
8. MDX02-1-image — 이미지 캡션
|
||||
9. MDX02-2 — 중목차(컨테이너): 타이틀 + 도입부만
|
||||
10. MDX02-2.1 — 소목차: 업무 수행 과정의 변화
|
||||
11. MDX02-2.2 — 소목차: 주체별 기대효과 (본문, 표 제외)
|
||||
12. MDX02-2.2-table — 표: 발주자/시공자/설계자
|
||||
13. MDX03-1 — 중목차: 필수 요건
|
||||
14. MDX03-2 — 중목차(컨테이너)
|
||||
15. MDX03-2.1 — 소목차: 과정의 혁신 (본문, 표 제외)
|
||||
16. MDX03-2.1-table — 표: As-is/To-be
|
||||
17. MDX03-2.2 — 소목차: 결과의 변화
|
||||
"""
|
||||
from __future__ import annotations
|
||||
|
||||
import json
|
||||
import re
|
||||
import sys
|
||||
from datetime import datetime
|
||||
from pathlib import Path
|
||||
|
||||
sys.path.insert(0, str(Path(__file__).parent.parent))
|
||||
|
||||
from src.block_matcher_tfidf import TfidfBlockMatcher
|
||||
|
||||
|
||||
TOP_K = 3
|
||||
|
||||
PREVIEW_DIR = Path("data/figma_previews")
|
||||
_INDEX: dict[str, dict] = json.loads((PREVIEW_DIR / "index.json").read_text(encoding="utf-8"))
|
||||
FRAME_TO_NUM: dict[str, str] = {v["frame_id"]: k for k, v in _INDEX.items()}
|
||||
|
||||
|
||||
def num_of(fid: str) -> str:
|
||||
return FRAME_TO_NUM.get(fid, f"?({fid})")
|
||||
|
||||
|
||||
def ftitle(matcher: TfidfBlockMatcher, fid: str) -> str:
|
||||
for f in matcher.frames:
|
||||
if f["frame_id"] == fid:
|
||||
return (f.get("title_text") or "").replace("\n", " ")[:50]
|
||||
return ""
|
||||
|
||||
|
||||
def strip_tags(t: str) -> str:
|
||||
t = re.sub(r"<[^>]+>", " ", t)
|
||||
t = re.sub(r"\{/\*.*?\*/\}", " ", t, flags=re.DOTALL)
|
||||
t = re.sub(r"\{[^{}]*\}", " ", t)
|
||||
t = re.sub(r"\s+", " ", t).strip()
|
||||
return t
|
||||
|
||||
|
||||
def extract_details(raw: str) -> list[dict]:
|
||||
out = []
|
||||
for m in re.finditer(r"<details\b[^>]*>([\s\S]*?)</details>", raw, re.IGNORECASE):
|
||||
body = m.group(1)
|
||||
sm = re.search(r"<summary\b[^>]*>([\s\S]*?)</summary>", body, re.IGNORECASE)
|
||||
summary = strip_tags(sm.group(1)) if sm else ""
|
||||
rest = body[sm.end():] if sm else body
|
||||
out.append({
|
||||
"summary": summary,
|
||||
"body": strip_tags(rest),
|
||||
"start": m.start(),
|
||||
"end": m.end(),
|
||||
})
|
||||
return out
|
||||
|
||||
|
||||
def split_h2(raw: str) -> list[dict]:
|
||||
"""raw → [{'title', 'body', 'start', 'end'}] for each ## section."""
|
||||
iters = list(re.finditer(r"^##\s+(.+?)$", raw, re.MULTILINE))
|
||||
out = []
|
||||
for i, m in enumerate(iters):
|
||||
end = iters[i+1].start() if i+1 < len(iters) else len(raw)
|
||||
out.append({
|
||||
"title": m.group(1).strip(),
|
||||
"start": m.start(),
|
||||
"end": end,
|
||||
"body_raw": raw[m.end():end],
|
||||
})
|
||||
return out
|
||||
|
||||
|
||||
def split_h3(raw: str) -> list[dict]:
|
||||
iters = list(re.finditer(r"^###\s+(.+?)$", raw, re.MULTILINE))
|
||||
out = []
|
||||
for i, m in enumerate(iters):
|
||||
end = iters[i+1].start() if i+1 < len(iters) else len(raw)
|
||||
out.append({
|
||||
"title": m.group(1).strip(),
|
||||
"start": m.start(),
|
||||
"end": end,
|
||||
"body_raw": raw[m.end():end],
|
||||
})
|
||||
return out
|
||||
|
||||
|
||||
def extract_tables(raw: str) -> list[str]:
|
||||
"""Markdown 표 ( | ... | ... | ) 블록을 각각 문자열로 반환."""
|
||||
lines = raw.splitlines()
|
||||
tables = []
|
||||
cur = []
|
||||
for ln in lines:
|
||||
if re.match(r"^\s*\|.*\|\s*$", ln):
|
||||
cur.append(ln.strip())
|
||||
else:
|
||||
if len(cur) >= 2:
|
||||
tables.append("\n".join(cur))
|
||||
cur = []
|
||||
if len(cur) >= 2:
|
||||
tables.append("\n".join(cur))
|
||||
return tables
|
||||
|
||||
|
||||
def extract_image_captions(raw: str) -> list[str]:
|
||||
""" + 그 근처의 이탤릭 [그림 N] 캡션 모음."""
|
||||
out = []
|
||||
for m in re.finditer(r"!\[([^\]]*)\]\(([^)]+)\)", raw):
|
||||
alt = m.group(1).strip()
|
||||
path = m.group(2).strip()
|
||||
# 뒤 300자 안에 *[그림 ...]* 캡션 찾기
|
||||
after = raw[m.end():m.end()+400]
|
||||
cap = re.search(r"\*\[그림[^\]]*\][^*]*\*", after)
|
||||
caption = cap.group(0).strip("*").strip() if cap else ""
|
||||
out.append(f"{alt} {path} {caption}".strip())
|
||||
return out
|
||||
|
||||
|
||||
def remove_details_and_tables(raw: str) -> str:
|
||||
t = re.sub(r"<details[\s\S]*?</details>", " ", raw, flags=re.IGNORECASE)
|
||||
# 표 라인 제거
|
||||
t = "\n".join(ln for ln in t.splitlines() if not re.match(r"^\s*\|.*\|\s*$", ln))
|
||||
return t
|
||||
|
||||
|
||||
def build_17_units() -> list[dict]:
|
||||
mdx_dir = Path("samples/mdx")
|
||||
raw01 = (mdx_dir / "01. 건설산업 DX의 올바른 이해(0127).mdx").read_text(encoding="utf-8")
|
||||
raw02 = (mdx_dir / "02. DX의 시행 목표 및 기대효과.mdx").read_text(encoding="utf-8")
|
||||
raw03 = (mdx_dir / "03. DX 시행을 위한 필수 요건 및 혁신 방안.mdx").read_text(encoding="utf-8")
|
||||
|
||||
units: list[dict] = []
|
||||
|
||||
# ─── MDX 01 ───
|
||||
h2_01 = split_h2(raw01)
|
||||
intro_01 = raw01[: h2_01[0]["start"]] if h2_01 else raw01
|
||||
details_01 = extract_details(raw01)
|
||||
images_01 = extract_image_captions(raw01)
|
||||
|
||||
# 1. MDX01-intro: 첫 ## 전 본문(details 제외)
|
||||
intro_text = remove_details_and_tables(intro_01)
|
||||
units.append({"id": "MDX01-intro", "kind": "중목차 앞 본문",
|
||||
"label": "용어 혼용 문제 제기",
|
||||
"text": strip_tags(intro_text)})
|
||||
# 2. MDX01-intro-details
|
||||
d0 = details_01[0] if details_01 else {"summary": "", "body": ""}
|
||||
units.append({"id": "MDX01-intro-details", "kind": "팝업",
|
||||
"label": "혼용 대표 사례",
|
||||
"text": f"{d0['summary']} {d0['body']}"})
|
||||
# 3. MDX01-1
|
||||
body_01_1 = h2_01[0]["body_raw"]
|
||||
units.append({"id": "MDX01-1", "kind": "중목차",
|
||||
"label": "용어 정의",
|
||||
"text": f"{h2_01[0]['title']} {strip_tags(remove_details_and_tables(body_01_1))}"})
|
||||
# 4. MDX01-2 (본문만, details/표 제거)
|
||||
body_01_2 = h2_01[1]["body_raw"]
|
||||
units.append({"id": "MDX01-2", "kind": "중목차",
|
||||
"label": "용어간 상호관계",
|
||||
"text": f"{h2_01[1]['title']} {strip_tags(remove_details_and_tables(body_01_2))}"})
|
||||
# 5. MDX01-2-image
|
||||
units.append({"id": "MDX01-2-image", "kind": "이미지",
|
||||
"label": "DX1.png",
|
||||
"text": images_01[0] if images_01 else ""})
|
||||
# 6. MDX01-2-details
|
||||
d1 = details_01[1] if len(details_01) >= 2 else {"summary": "", "body": ""}
|
||||
units.append({"id": "MDX01-2-details", "kind": "팝업+표",
|
||||
"label": "DX와 BIM의 구분 12행 비교표",
|
||||
"text": f"{d1['summary']} {d1['body']}"})
|
||||
|
||||
# ─── MDX 02 ───
|
||||
h2_02 = split_h2(raw02)
|
||||
images_02 = extract_image_captions(raw02)
|
||||
|
||||
# 7. MDX02-1
|
||||
body_02_1 = h2_02[0]["body_raw"]
|
||||
units.append({"id": "MDX02-1", "kind": "중목차",
|
||||
"label": "DX의 궁극적 목표",
|
||||
"text": f"{h2_02[0]['title']} {strip_tags(remove_details_and_tables(body_02_1))}"})
|
||||
# 8. MDX02-1-image
|
||||
units.append({"id": "MDX02-1-image", "kind": "이미지",
|
||||
"label": "궁극적목표.png",
|
||||
"text": images_02[0] if images_02 else ""})
|
||||
# 9. MDX02-2 컨테이너 (title + ### 이전 본문)
|
||||
body_02_2 = h2_02[1]["body_raw"]
|
||||
h3_02_2 = split_h3(body_02_2)
|
||||
pre_h3 = body_02_2[: h3_02_2[0]["start"]] if h3_02_2 else body_02_2
|
||||
units.append({"id": "MDX02-2", "kind": "중목차(컨테이너)",
|
||||
"label": "DX 기반 Process 혁신 기대효과",
|
||||
"text": f"{h2_02[1]['title']} {strip_tags(pre_h3)}"})
|
||||
# 10. MDX02-2.1 (표 제거)
|
||||
body_021 = h3_02_2[0]["body_raw"]
|
||||
units.append({"id": "MDX02-2.1", "kind": "소목차",
|
||||
"label": "업무 수행 과정의 변화",
|
||||
"text": f"{h3_02_2[0]['title']} {strip_tags(remove_details_and_tables(body_021))}"})
|
||||
# 11. MDX02-2.2 (표 제거)
|
||||
body_022 = h3_02_2[1]["body_raw"]
|
||||
units.append({"id": "MDX02-2.2", "kind": "소목차",
|
||||
"label": "주체별 기대효과",
|
||||
"text": f"{h3_02_2[1]['title']} {strip_tags(remove_details_and_tables(body_022))}"})
|
||||
# 12. MDX02-2.2-table
|
||||
tables_022 = extract_tables(body_022)
|
||||
units.append({"id": "MDX02-2.2-table", "kind": "표",
|
||||
"label": "발주자/시공자/설계자 4×3 표",
|
||||
"text": strip_tags(tables_022[0]) if tables_022 else ""})
|
||||
|
||||
# ─── MDX 03 ───
|
||||
h2_03 = split_h2(raw03)
|
||||
|
||||
# 13. MDX03-1
|
||||
body_03_1 = h2_03[0]["body_raw"]
|
||||
units.append({"id": "MDX03-1", "kind": "중목차",
|
||||
"label": "필수 요건 (기술/사람/자연)",
|
||||
"text": f"{h2_03[0]['title']} {strip_tags(remove_details_and_tables(body_03_1))}"})
|
||||
# 14. MDX03-2 컨테이너
|
||||
body_03_2 = h2_03[1]["body_raw"]
|
||||
h3_03_2 = split_h3(body_03_2)
|
||||
pre_h3_2 = body_03_2[: h3_03_2[0]["start"]] if h3_03_2 else body_03_2
|
||||
units.append({"id": "MDX03-2", "kind": "중목차(컨테이너)",
|
||||
"label": "Process/Product 혁신",
|
||||
"text": f"{h2_03[1]['title']} {strip_tags(pre_h3_2)}"})
|
||||
# 15. MDX03-2.1 (표 제거)
|
||||
body_031 = h3_03_2[0]["body_raw"]
|
||||
units.append({"id": "MDX03-2.1", "kind": "소목차",
|
||||
"label": "과정(Process)의 혁신",
|
||||
"text": f"{h3_03_2[0]['title']} {strip_tags(remove_details_and_tables(body_031))}"})
|
||||
# 16. MDX03-2.1-table
|
||||
tables_031 = extract_tables(body_031)
|
||||
units.append({"id": "MDX03-2.1-table", "kind": "표",
|
||||
"label": "As-is/To-be 3행 비교표",
|
||||
"text": strip_tags(tables_031[0]) if tables_031 else ""})
|
||||
# 17. MDX03-2.2
|
||||
body_032 = h3_03_2[1]["body_raw"]
|
||||
units.append({"id": "MDX03-2.2", "kind": "소목차",
|
||||
"label": "결과(Product)의 변화",
|
||||
"text": f"{h3_03_2[1]['title']} {strip_tags(remove_details_and_tables(body_032))}"})
|
||||
|
||||
return units
|
||||
|
||||
|
||||
def main() -> int:
|
||||
print("[init] TF-IDF 인덱스 로딩 (src/block_matcher_tfidf.py, 32프레임 IDF 고정)...")
|
||||
matcher = TfidfBlockMatcher()
|
||||
print(f"[init] 프레임 {len(matcher.frames)}개 인덱싱 완료")
|
||||
|
||||
units = build_17_units()
|
||||
|
||||
md_lines: list[str] = [
|
||||
"# 17개 콘텐츠 단위별 매칭 (내 매처: 32프레임 IDF 고정)",
|
||||
"",
|
||||
"엔진: `src/block_matcher_tfidf.py` (프레임 32개만으로 IDF 사전 계산, 확장어 주입).",
|
||||
"각 단위의 텍스트를 쿼리로 주입하고 top-3 프레임을 출력.",
|
||||
"",
|
||||
"| # | 단위 ID | 종류 | 라벨 | 텍스트 길이 | 1위 | 2위 | 3위 |",
|
||||
"|---|---|---|---|---|---|---|---|",
|
||||
]
|
||||
|
||||
rel = Path("..") / ".." / ".." / PREVIEW_DIR
|
||||
details_sections: list[str] = []
|
||||
|
||||
for i, u in enumerate(units, start=1):
|
||||
q = u["text"]
|
||||
print(f"\n[{i:02d}] {u['id']} ({u['kind']}) — {u['label']} 텍스트 {len(q)}자")
|
||||
if not q.strip():
|
||||
print(" (텍스트 비어 있음)")
|
||||
row = f"| {i} | {u['id']} | {u['kind']} | {u['label']} | 0 | — | — | — |"
|
||||
md_lines.append(row)
|
||||
continue
|
||||
top = matcher.match(q, sub_titles=None, d1_items=None, top_k=len(matcher.frames))
|
||||
top3 = [r for r in top[:TOP_K] if r["score"] > 0]
|
||||
for rank, r in enumerate(top3, start=1):
|
||||
num = num_of(r["frame_id"])
|
||||
print(f" {rank}. #{num} {r['score']*100:5.1f}% | frame {r['frame_id']} | {ftitle(matcher, r['frame_id'])}")
|
||||
|
||||
cells = []
|
||||
for slot in range(3):
|
||||
if slot < len(top3):
|
||||
r = top3[slot]
|
||||
n = num_of(r["frame_id"])
|
||||
cells.append(f"**#{n}** {r['score']*100:.1f}%")
|
||||
else:
|
||||
cells.append("—")
|
||||
row = (f"| {i} | {u['id']} | {u['kind']} | {u['label']} | {len(q)} | "
|
||||
+ " | ".join(cells) + " |")
|
||||
md_lines.append(row)
|
||||
|
||||
# 상세 섹션
|
||||
details_sections.append(f"\n### {i}. {u['id']} — {u['label']}")
|
||||
details_sections.append(f"- 종류: {u['kind']} · 텍스트 길이: {len(q)}자")
|
||||
preview = q[:120] + ("…" if len(q) > 120 else "")
|
||||
details_sections.append(f"- 쿼리 미리보기: _{preview}_\n")
|
||||
details_sections.append("| rank | # | preview | score | frame_id | title_text |")
|
||||
details_sections.append("|---|---|---|---|---|---|")
|
||||
for rank, r in enumerate(top3, start=1):
|
||||
n = num_of(r["frame_id"])
|
||||
prev = f").as_posix()})"
|
||||
details_sections.append(
|
||||
f"| {rank} | **#{n}** | {prev} | **{r['score']*100:.1f}%** | "
|
||||
f"`{r['frame_id']}` | {ftitle(matcher, r['frame_id'])} |"
|
||||
)
|
||||
if not top3:
|
||||
details_sections.append("| — | — | — | 0% | — | (매칭 없음) |")
|
||||
|
||||
md_lines.append("\n## 상세\n")
|
||||
md_lines.extend(details_sections)
|
||||
|
||||
ts = datetime.now().strftime("%Y%m%d_%H%M%S")
|
||||
out_dir = Path("data/runs") / f"{ts}_17units_my_matcher"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
out = out_dir / "match_report.md"
|
||||
out.write_text("\n".join(md_lines), encoding="utf-8")
|
||||
print(f"\n[saved] {out}")
|
||||
return 0
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
raise SystemExit(main())
|
||||
@@ -0,0 +1,391 @@
|
||||
"""MDX ↔ Figma Frame 매칭 (엄밀한 헤딩 구조 + 팝업 포함 버전).
|
||||
|
||||
mdx_normalizer 대신 raw MDX를 직접 파싱하여:
|
||||
- 중목차 = ## 헤딩 (오직 ## 만)
|
||||
- 소목차 = ### 헤딩 (오직 ### 만)
|
||||
- 팝업 = <details><summary>...</summary>...</details> (summary + body 분리 보존)
|
||||
|
||||
출력 레벨:
|
||||
L1 대목차 : MDX 전체 raw text (팝업 body 포함)
|
||||
L2 중목차 : 각 ## 섹션 본문 + 그 섹션 안 팝업 body 포함
|
||||
L3 소목차 : 각 ### 섹션 본문 (해당 섹션에 속한 팝업 body 포함)
|
||||
L4 팝업 : 각 <details> 의 summary + body 단독 쿼리
|
||||
|
||||
매칭 엔진은 src/block_matcher_tfidf.py 그대로 재사용.
|
||||
"""
|
||||
from __future__ import annotations
|
||||
|
||||
import json
|
||||
import re
|
||||
import sys
|
||||
from datetime import datetime
|
||||
from pathlib import Path
|
||||
|
||||
sys.path.insert(0, str(Path(__file__).parent.parent))
|
||||
|
||||
from src.block_matcher_tfidf import TfidfBlockMatcher
|
||||
|
||||
|
||||
TOP_K = 3
|
||||
|
||||
PREVIEW_DIR = Path("data/figma_previews")
|
||||
INDEX_PATH = PREVIEW_DIR / "index.json"
|
||||
_INDEX: dict[str, dict] = json.loads(INDEX_PATH.read_text(encoding="utf-8"))
|
||||
FRAME_TO_NUM: dict[str, str] = {v["frame_id"]: k for k, v in _INDEX.items()}
|
||||
|
||||
MDX_FILES = [
|
||||
("01", Path("samples/mdx/01. 건설산업 DX의 올바른 이해(0127).mdx")),
|
||||
("02", Path("samples/mdx/02. DX의 시행 목표 및 기대효과.mdx")),
|
||||
("03", Path("samples/mdx/03. DX 시행을 위한 필수 요건 및 혁신 방안.mdx")),
|
||||
]
|
||||
|
||||
|
||||
# ═══════════════════════════════════════════════════════════
|
||||
# MDX 파서
|
||||
# ═══════════════════════════════════════════════════════════
|
||||
|
||||
def strip_tags(text: str) -> str:
|
||||
"""HTML/JSX 태그 제거 + 마크다운 포맷 기호 살짝 정리."""
|
||||
text = re.sub(r"<[^>]+>", " ", text)
|
||||
text = re.sub(r"\{/\*.*?\*/\}", " ", text, flags=re.DOTALL)
|
||||
text = re.sub(r"\{[^{}]*\}", " ", text) # JSX prop {…}
|
||||
text = text.replace("\\", " ")
|
||||
text = re.sub(r"\s+", " ", text).strip()
|
||||
return text
|
||||
|
||||
|
||||
def parse_details(text: str) -> list[dict]:
|
||||
"""MDX 내 모든 <details> 블록을 추출. summary + body 반환.
|
||||
|
||||
각 엔트리: {"summary": str, "body": str, "raw_start": int, "raw_end": int}
|
||||
"""
|
||||
popups: list[dict] = []
|
||||
for m in re.finditer(r"<details\b[^>]*>([\s\S]*?)</details>", text, re.IGNORECASE):
|
||||
block = m.group(1)
|
||||
sm = re.search(r"<summary\b[^>]*>([\s\S]*?)</summary>", block, re.IGNORECASE)
|
||||
summary = strip_tags(sm.group(1)) if sm else ""
|
||||
body = block[sm.end():] if sm else block
|
||||
popups.append({
|
||||
"summary": summary,
|
||||
"body": strip_tags(body),
|
||||
"raw_start": m.start(),
|
||||
"raw_end": m.end(),
|
||||
})
|
||||
return popups
|
||||
|
||||
|
||||
def parse_mdx_structure(raw: str) -> dict:
|
||||
"""Raw MDX → 헤딩 트리 + 팝업 목록.
|
||||
|
||||
반환:
|
||||
{
|
||||
"doc_title": str, # frontmatter title 또는 None
|
||||
"intro": str, # 첫 ## 이전 텍스트
|
||||
"h2": [
|
||||
{
|
||||
"title": str,
|
||||
"body": str, # ## 섹션 본문 (### 이전까지)
|
||||
"h3": [ {"title": str, "body": str, "popups": [...]}, ... ],
|
||||
"popups": [ {"summary", "body"} ], # 이 ## 섹션에 직접 속한 팝업
|
||||
},
|
||||
...
|
||||
],
|
||||
"all_popups": [ ... ], # 전체 팝업
|
||||
}
|
||||
"""
|
||||
# frontmatter에서 title
|
||||
fm = re.match(r"---\s*\n([\s\S]*?)\n---\s*\n", raw)
|
||||
doc_title = None
|
||||
if fm:
|
||||
tm = re.search(r"^title:\s*(.+)$", fm.group(1), re.MULTILINE)
|
||||
if tm:
|
||||
doc_title = tm.group(1).strip().strip('"').strip("'")
|
||||
raw_body = raw[fm.end():]
|
||||
else:
|
||||
raw_body = raw
|
||||
|
||||
# ## 헤딩 찾기
|
||||
h2_iter = list(re.finditer(r"^##\s+(.+?)$", raw_body, re.MULTILINE))
|
||||
|
||||
intro = raw_body[: h2_iter[0].start()].strip() if h2_iter else raw_body.strip()
|
||||
|
||||
h2_nodes: list[dict] = []
|
||||
for i, m in enumerate(h2_iter):
|
||||
title = m.group(1).strip()
|
||||
start = m.end()
|
||||
end = h2_iter[i + 1].start() if i + 1 < len(h2_iter) else len(raw_body)
|
||||
section_raw = raw_body[start:end]
|
||||
|
||||
# ### 헤딩
|
||||
h3_iter = list(re.finditer(r"^###\s+(.+?)$", section_raw, re.MULTILINE))
|
||||
|
||||
body_before_h3 = section_raw[: h3_iter[0].start()] if h3_iter else section_raw
|
||||
|
||||
h3_nodes: list[dict] = []
|
||||
for j, m3 in enumerate(h3_iter):
|
||||
t3 = m3.group(1).strip()
|
||||
s3 = m3.end()
|
||||
e3 = h3_iter[j + 1].start() if j + 1 < len(h3_iter) else len(section_raw)
|
||||
sub_raw = section_raw[s3:e3]
|
||||
sub_popups = parse_details(sub_raw)
|
||||
# body = sub_raw + 팝업 본문 합친 문자열(쿼리용) — 팝업은 inline이므로 raw에 이미 포함되지만 태그 제거 후 텍스트로 강조
|
||||
h3_nodes.append({
|
||||
"title": t3,
|
||||
"body": strip_tags(sub_raw),
|
||||
"popups": sub_popups,
|
||||
})
|
||||
|
||||
# 이 ## 섹션 직속 팝업 (### 이전 부분에 있는 것)
|
||||
section_popups = parse_details(body_before_h3)
|
||||
|
||||
h2_nodes.append({
|
||||
"title": title,
|
||||
"body": strip_tags(body_before_h3),
|
||||
"h3": h3_nodes,
|
||||
"popups": section_popups,
|
||||
})
|
||||
|
||||
all_popups: list[dict] = []
|
||||
all_popups.extend(parse_details(intro))
|
||||
for h2 in h2_nodes:
|
||||
all_popups.extend(h2["popups"])
|
||||
for h3 in h2["h3"]:
|
||||
all_popups.extend(h3["popups"])
|
||||
|
||||
return {
|
||||
"doc_title": doc_title,
|
||||
"intro": strip_tags(intro),
|
||||
"intro_popups": parse_details(intro),
|
||||
"h2": h2_nodes,
|
||||
"all_popups": all_popups,
|
||||
}
|
||||
|
||||
|
||||
# ═══════════════════════════════════════════════════════════
|
||||
# 매칭 + 출력
|
||||
# ═══════════════════════════════════════════════════════════
|
||||
|
||||
def num_of(frame_id: str) -> str:
|
||||
return FRAME_TO_NUM.get(frame_id, f"?({frame_id})")
|
||||
|
||||
|
||||
def frame_title(matcher: TfidfBlockMatcher, fid: str) -> str:
|
||||
for f in matcher.frames:
|
||||
if f["frame_id"] == fid:
|
||||
return (f.get("title_text") or "").replace("\n", " ")[:60]
|
||||
return ""
|
||||
|
||||
|
||||
def run_query(matcher: TfidfBlockMatcher, query_text: str) -> list[dict]:
|
||||
"""쿼리 텍스트 하나를 받아서 matcher로 돌린다.
|
||||
|
||||
block_matcher_tfidf.match는 (zone_title, sub_titles, d1_items) 인자를 받지만
|
||||
내부에서는 단순히 문자열로 합쳐 전처리 → TF-IDF 유사도. 여기서는 전체 쿼리를
|
||||
첫 인자(zone_title)로 넣어 동일한 전처리 경로를 탄다.
|
||||
"""
|
||||
return matcher.match(query_text, sub_titles=None, d1_items=None, top_k=len(matcher.frames))
|
||||
|
||||
|
||||
def print_ranking(top: list[dict], matcher: TfidfBlockMatcher, indent: str = " "):
|
||||
if not top or top[0]["score"] <= 0:
|
||||
print(f"{indent}(매칭 없음, score=0)")
|
||||
return
|
||||
for rank, r in enumerate(top[:TOP_K], start=1):
|
||||
if r["score"] <= 0:
|
||||
break
|
||||
num = num_of(r["frame_id"])
|
||||
print(
|
||||
f"{indent} {rank}. #{num} score={r['score']*100:5.1f}% "
|
||||
f"| frame {r['frame_id']} | {frame_title(matcher, r['frame_id'])}"
|
||||
)
|
||||
|
||||
|
||||
def md_ranking_table(top: list[dict], matcher: TfidfBlockMatcher, run_dir_depth: int = 3) -> list[str]:
|
||||
rel = Path(*[".." for _ in range(run_dir_depth)]) / PREVIEW_DIR
|
||||
lines = [
|
||||
"| rank | # | preview | score | frame_id | title_text |",
|
||||
"|---|---|---|---|---|---|",
|
||||
]
|
||||
for rank, r in enumerate(top[:TOP_K], start=1):
|
||||
if r["score"] <= 0:
|
||||
break
|
||||
num = num_of(r["frame_id"])
|
||||
preview = f").as_posix()})"
|
||||
lines.append(
|
||||
f"| {rank} | **#{num}** | {preview} | **{r['score']*100:.1f}%** | "
|
||||
f"`{r['frame_id']}` | {frame_title(matcher, r['frame_id'])} |"
|
||||
)
|
||||
if len(lines) == 2:
|
||||
lines.append("| — | — | — | 0% | — | (매칭 없음) |")
|
||||
return lines
|
||||
|
||||
|
||||
def evaluate_mdx(matcher: TfidfBlockMatcher, mdx_id: str, mdx_path: Path, md_lines: list[str]):
|
||||
raw = mdx_path.read_text(encoding="utf-8")
|
||||
parsed = parse_mdx_structure(raw)
|
||||
doc_title = parsed["doc_title"] or mdx_path.stem
|
||||
|
||||
print("\n" + "=" * 100)
|
||||
print(f"MDX {mdx_id}: {doc_title} ({mdx_path.name})")
|
||||
print(f" 중목차(##) {len(parsed['h2'])}개 · "
|
||||
f"소목차(###) {sum(len(h2['h3']) for h2 in parsed['h2'])}개 · "
|
||||
f"팝업(<details>) {len(parsed['all_popups'])}개")
|
||||
print("=" * 100)
|
||||
|
||||
md_lines.append(f"\n## MDX {mdx_id} — {doc_title}\n")
|
||||
md_lines.append(f"파일: `{mdx_path.as_posix()}`")
|
||||
md_lines.append(
|
||||
f"- 중목차(##) **{len(parsed['h2'])}개** · "
|
||||
f"소목차(###) **{sum(len(h2['h3']) for h2 in parsed['h2'])}개** · "
|
||||
f"팝업(<details>) **{len(parsed['all_popups'])}개**\n"
|
||||
)
|
||||
|
||||
# ─── L1 대목차: 전체 MDX ───
|
||||
full_text = strip_tags(raw)
|
||||
l1_top = run_query(matcher, full_text)
|
||||
print(f"\n┌─ L1 대목차 [전체 MDX, 팝업 포함]")
|
||||
print_ranking(l1_top, matcher, indent="│ ")
|
||||
md_lines.append("### 🟦 L1 — 대목차 (전체 MDX, 팝업 포함)\n")
|
||||
md_lines.extend(md_ranking_table(l1_top, matcher))
|
||||
md_lines.append("")
|
||||
|
||||
# ─── L2 중목차: 각 ## ───
|
||||
print(f"\n┌─ L2 중목차 [## 섹션별]")
|
||||
md_lines.append("\n### 🟩 L2 — 중목차 (각 ## 섹션, 팝업 body 포함)\n")
|
||||
|
||||
for zi, h2 in enumerate(parsed["h2"], start=1):
|
||||
# 쿼리: ## title + body(### 이전) + 직속 popup + 각 ### body/popup
|
||||
parts = [h2["title"], h2["body"]]
|
||||
for p in h2["popups"]:
|
||||
parts.append(p["summary"])
|
||||
parts.append(p["body"])
|
||||
for h3 in h2["h3"]:
|
||||
parts.append(h3["title"])
|
||||
parts.append(h3["body"])
|
||||
for p in h3["popups"]:
|
||||
parts.append(p["summary"])
|
||||
parts.append(p["body"])
|
||||
query = " ".join(parts)
|
||||
top = run_query(matcher, query)
|
||||
|
||||
pop_titles = [p["summary"] for p in h2["popups"]] + [
|
||||
p["summary"] for h3 in h2["h3"] for p in h3["popups"]
|
||||
]
|
||||
print(f"│\n│ [중 {zi}] ## {h2['title']}")
|
||||
print(f"│ 소목차: {[h3['title'] for h3 in h2['h3']] or '(없음)'}")
|
||||
print(f"│ 팝업: {pop_titles or '(없음)'}")
|
||||
print_ranking(top, matcher, indent="│ ")
|
||||
|
||||
md_lines.append(f"\n#### 중 {zi}: `## {h2['title']}`\n")
|
||||
md_lines.append(f"- 소목차(###): {[h3['title'] for h3 in h2['h3']] or '(없음)'}")
|
||||
md_lines.append(f"- 팝업: {pop_titles or '(없음)'}\n")
|
||||
md_lines.extend(md_ranking_table(top, matcher))
|
||||
md_lines.append("")
|
||||
|
||||
# ─── L3 소목차: 각 ### ───
|
||||
total_h3 = sum(len(h2["h3"]) for h2 in parsed["h2"])
|
||||
print(f"\n┌─ L3 소목차 [### 섹션별, 총 {total_h3}개]")
|
||||
if total_h3 == 0:
|
||||
print("│ (이 MDX에는 ### 소목차 없음)")
|
||||
md_lines.append(f"\n### 🟨 L3 — 소목차 (각 ### 섹션)\n")
|
||||
if total_h3 == 0:
|
||||
md_lines.append("_(이 MDX에는 ### 소목차 없음)_\n")
|
||||
|
||||
for h2 in parsed["h2"]:
|
||||
for h3 in h2["h3"]:
|
||||
parts = [h3["title"], h3["body"]]
|
||||
for p in h3["popups"]:
|
||||
parts.append(p["summary"])
|
||||
parts.append(p["body"])
|
||||
query = " ".join(parts)
|
||||
top = run_query(matcher, query)
|
||||
|
||||
pop_titles = [p["summary"] for p in h3["popups"]]
|
||||
print(f"│\n│ [소] ### {h3['title']} (상위 중목차: {h2['title']})")
|
||||
print(f"│ 팝업: {pop_titles or '(없음)'}")
|
||||
print_ranking(top, matcher, indent="│ ")
|
||||
|
||||
md_lines.append(
|
||||
f"\n#### 소: `### {h3['title']}` _(상위 중목차: `{h2['title']}`)_\n"
|
||||
)
|
||||
md_lines.append(f"- 팝업: {pop_titles or '(없음)'}\n")
|
||||
md_lines.extend(md_ranking_table(top, matcher))
|
||||
md_lines.append("")
|
||||
|
||||
# ─── L4 팝업: 각 <details> ───
|
||||
print(f"\n┌─ L4 팝업 [<details> 단독 매칭, 총 {len(parsed['all_popups'])}개]")
|
||||
if not parsed["all_popups"]:
|
||||
print("│ (팝업 없음)")
|
||||
md_lines.append(f"\n### 🟥 L4 — 팝업 (<details> 단독 매칭)\n")
|
||||
if not parsed["all_popups"]:
|
||||
md_lines.append("_(팝업 없음)_\n")
|
||||
|
||||
for pi, pop in enumerate(parsed["all_popups"], start=1):
|
||||
query = f"{pop['summary']} {pop['body']}"
|
||||
top = run_query(matcher, query)
|
||||
preview = pop["body"][:80] + ("…" if len(pop["body"]) > 80 else "")
|
||||
print(f"│\n│ [팝 {pi}] summary={pop['summary']!r} ({len(pop['body'])}자)")
|
||||
print(f"│ preview: {preview}")
|
||||
print_ranking(top, matcher, indent="│ ")
|
||||
|
||||
md_lines.append(f"\n#### 팝 {pi}: `<details>` — **{pop['summary']}**\n")
|
||||
md_lines.append(f"- 본문 길이: {len(pop['body'])}자 · preview: _{preview}_\n")
|
||||
md_lines.extend(md_ranking_table(top, matcher))
|
||||
md_lines.append("")
|
||||
|
||||
|
||||
def build_frame_legend(matcher: TfidfBlockMatcher, md_lines: list[str]) -> None:
|
||||
md_lines.append("\n## 프레임 번호 전체 색인 (01 ~ 32)\n")
|
||||
md_lines.append("| # | preview | frame_id | title_text |")
|
||||
md_lines.append("|---|---|---|---|")
|
||||
rel = Path("..") / ".." / ".." / PREVIEW_DIR
|
||||
for num in sorted(_INDEX.keys()):
|
||||
entry = _INDEX[num]
|
||||
preview = f").as_posix()})"
|
||||
md_lines.append(
|
||||
f"| **#{num}** | {preview} | `{entry['frame_id']}` | "
|
||||
f"{frame_title(matcher, entry['frame_id'])} |"
|
||||
)
|
||||
md_lines.append("")
|
||||
|
||||
|
||||
def main() -> int:
|
||||
print("[init] TF-IDF 인덱스 로딩...")
|
||||
matcher = TfidfBlockMatcher()
|
||||
print(f"[init] 프레임 {len(matcher.frames)}개 인덱싱 완료")
|
||||
|
||||
md_lines: list[str] = [
|
||||
"# MDX ↔ Figma Frame 매칭 (엄밀한 구조 + 팝업 포함)",
|
||||
"",
|
||||
"raw MDX를 직접 파싱하여 **## 만 중목차**, **### 만 소목차**, `<details>` 을 팝업으로 분리.",
|
||||
"bullet 항목(`* **제목**`)은 헤딩이 아니므로 섹션 body에 포함되며 별도 레벨로 취급하지 않음.",
|
||||
"",
|
||||
"| 단계 | 입도 | 쿼리 구성 |",
|
||||
"|---|---|---|",
|
||||
"| 🟦 L1 대목차 | MDX 1개 | 전체 MDX raw text (팝업 body 포함) |",
|
||||
"| 🟩 L2 중목차 | 각 `##` | `## title + body + 하위 ### body + 팝업 body` |",
|
||||
"| 🟨 L3 소목차 | 각 `###` | `### title + body + 자기 팝업 body` |",
|
||||
"| 🟥 L4 팝업 | 각 `<details>` | `summary + body` |",
|
||||
"",
|
||||
"점수는 순수 TF-IDF cosine similarity × 100 (%). 판정 라벨 없음.",
|
||||
]
|
||||
|
||||
for mdx_id, p in MDX_FILES:
|
||||
if p.exists():
|
||||
evaluate_mdx(matcher, mdx_id, p, md_lines)
|
||||
else:
|
||||
print(f"[skip] 없음: {p}")
|
||||
|
||||
build_frame_legend(matcher, md_lines)
|
||||
|
||||
ts = datetime.now().strftime("%Y%m%d_%H%M%S")
|
||||
out_dir = Path("data/runs") / f"{ts}_mdx_match_strict"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
out = out_dir / "match_report.md"
|
||||
out.write_text("\n".join(md_lines), encoding="utf-8")
|
||||
print(f"\n[saved] {out}")
|
||||
return 0
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
raise SystemExit(main())
|
||||
@@ -0,0 +1,238 @@
|
||||
"""MDX → Figma Frame 매칭 (TF-IDF) — 대목차 / 중목차 / 소목차 3단계 모두 출력.
|
||||
|
||||
프레임은 data/figma_previews/index.json 의 번호(01~32)로 표기한다.
|
||||
"""
|
||||
from __future__ import annotations
|
||||
|
||||
import json
|
||||
import re
|
||||
import sys
|
||||
from datetime import datetime
|
||||
from pathlib import Path
|
||||
|
||||
sys.path.insert(0, str(Path(__file__).parent.parent))
|
||||
|
||||
from src.block_matcher_tfidf import TfidfBlockMatcher
|
||||
from src.mdx_normalizer import normalize_mdx_content
|
||||
from src.section_parser import extract_major_sections
|
||||
|
||||
|
||||
TOP_K = 3
|
||||
THRESHOLD = 0.15 # pipeline_v2 direct-fit 커트오프 (표기에 사용 안 함)
|
||||
|
||||
PREVIEW_DIR = Path("data/figma_previews")
|
||||
INDEX_PATH = PREVIEW_DIR / "index.json"
|
||||
|
||||
# index.json 로드: {"01": {"frame_id": "1171281172", ...}, ...}
|
||||
_INDEX: dict[str, dict] = json.loads(INDEX_PATH.read_text(encoding="utf-8"))
|
||||
FRAME_TO_NUM: dict[str, str] = {v["frame_id"]: k for k, v in _INDEX.items()}
|
||||
NUM_TO_FRAME: dict[str, str] = {k: v["frame_id"] for k, v in _INDEX.items()}
|
||||
|
||||
MDX_FILES = [
|
||||
("01", Path("samples/mdx/01. 건설산업 DX의 올바른 이해(0127).mdx")),
|
||||
("02", Path("samples/mdx/02. DX의 시행 목표 및 기대효과.mdx")),
|
||||
("03", Path("samples/mdx/03. DX 시행을 위한 필수 요건 및 혁신 방안.mdx")),
|
||||
]
|
||||
|
||||
|
||||
def num_of(frame_id: str) -> str:
|
||||
return FRAME_TO_NUM.get(frame_id, f"?({frame_id})")
|
||||
|
||||
|
||||
def extract_d1_items(content: str) -> list[str]:
|
||||
return [
|
||||
re.sub(r"\*+", "", d).strip()
|
||||
for d in re.findall(r"^D1:\s*(.*)", content, re.MULTILINE)
|
||||
]
|
||||
|
||||
|
||||
def frame_title(matcher: TfidfBlockMatcher, fid: str) -> str:
|
||||
for f in matcher.frames:
|
||||
if f["frame_id"] == fid:
|
||||
return (f.get("title_text") or "").replace("\n", " ")[:60]
|
||||
return ""
|
||||
|
||||
|
||||
def print_ranking(label: str, top: list[dict], matcher: TfidfBlockMatcher, indent: str = " "):
|
||||
if not top or top[0]["score"] <= 0:
|
||||
print(f"{indent}(매칭 없음, score=0)")
|
||||
return
|
||||
for rank, r in enumerate(top[:TOP_K], start=1):
|
||||
if r["score"] <= 0:
|
||||
break
|
||||
num = num_of(r["frame_id"])
|
||||
print(
|
||||
f"{indent} {rank}. #{num} score={r['score']*100:5.1f}% "
|
||||
f"| frame {r['frame_id']} | {frame_title(matcher, r['frame_id'])}"
|
||||
)
|
||||
|
||||
|
||||
def md_ranking_table(top: list[dict], matcher: TfidfBlockMatcher) -> list[str]:
|
||||
rel = Path("..") / ".." / ".." / PREVIEW_DIR # run dir 기준
|
||||
lines = [
|
||||
"| rank | # | preview | score | frame_id | title_text |",
|
||||
"|---|---|---|---|---|---|",
|
||||
]
|
||||
for rank, r in enumerate(top[:TOP_K], start=1):
|
||||
if r["score"] <= 0:
|
||||
break
|
||||
num = num_of(r["frame_id"])
|
||||
preview = f").as_posix()})"
|
||||
lines.append(
|
||||
f"| {rank} | **#{num}** | {preview} | **{r['score']*100:.1f}%** | "
|
||||
f"`{r['frame_id']}` | {frame_title(matcher, r['frame_id'])} |"
|
||||
)
|
||||
if len(lines) == 2:
|
||||
lines.append("| — | — | — | 0% | — | (매칭 없음) |")
|
||||
return lines
|
||||
|
||||
|
||||
def evaluate_mdx(
|
||||
matcher: TfidfBlockMatcher,
|
||||
mdx_id: str,
|
||||
mdx_path: Path,
|
||||
md_lines: list[str],
|
||||
) -> None:
|
||||
content = mdx_path.read_text(encoding="utf-8")
|
||||
norm = normalize_mdx_content(content)
|
||||
flat_sections = norm.get("sections", [])
|
||||
zones = extract_major_sections(flat_sections)
|
||||
doc_title = norm.get("title") or mdx_path.stem
|
||||
|
||||
print("\n" + "=" * 100)
|
||||
print(f"MDX {mdx_id}: {doc_title} ({mdx_path.name})")
|
||||
print(f"flat sections: {len(flat_sections)} | zones(중목차): {len(zones)}")
|
||||
print("=" * 100)
|
||||
|
||||
md_lines.append(f"\n## MDX {mdx_id} — {doc_title}\n")
|
||||
md_lines.append(
|
||||
f"파일: `{mdx_path.as_posix()}` · "
|
||||
f"평면 section {len(flat_sections)}개 · zone(중목차) {len(zones)}개\n"
|
||||
)
|
||||
|
||||
# ═══════════ L1: 대목차 (MDX 전체) ═══════════
|
||||
l1_subs = [z["title"] for z in zones] + [
|
||||
st for z in zones for st in z.get("sub_titles", [])
|
||||
]
|
||||
l1_top = matcher.match(doc_title, l1_subs, d1_items=None, top_k=len(matcher.frames))
|
||||
|
||||
print(f"\n┌─ L1 대목차 [전체 MDX] '{doc_title}'")
|
||||
print(f"│ zones: {[z['title'] for z in zones]}")
|
||||
print_ranking("L1", l1_top, matcher, indent="│ ")
|
||||
|
||||
md_lines.append("### 🟦 L1 — 대목차 (전체 MDX)\n")
|
||||
md_lines.append(f"- 쿼리: `{doc_title}` + 모든 zone/sub title")
|
||||
md_lines.append(f"- zone 목록: {[z['title'] for z in zones]}")
|
||||
md_lines.append("")
|
||||
md_lines.extend(md_ranking_table(l1_top, matcher))
|
||||
md_lines.append("")
|
||||
|
||||
# ═══════════ L2: 중목차 (zone 단위) ═══════════
|
||||
print(f"\n┌─ L2 중목차 [zone 단위]")
|
||||
md_lines.append("### 🟩 L2 — 중목차 (zone 단위)\n")
|
||||
|
||||
for zi, zone in enumerate(zones, start=1):
|
||||
z_title = zone["title"]
|
||||
sub_titles = zone.get("sub_titles", [])
|
||||
z_content = zone.get("content", "")
|
||||
d1 = extract_d1_items(z_content)
|
||||
top = matcher.match(z_title, sub_titles, d1, top_k=len(matcher.frames))
|
||||
|
||||
print(f"│\n│ [zone {zi}] {z_title}")
|
||||
print(f"│ sub_titles: {sub_titles}")
|
||||
print(f"│ d1_items: {len(d1)}개")
|
||||
print_ranking("L2", top, matcher, indent="│ ")
|
||||
|
||||
md_lines.append(f"\n#### zone {zi}: **{z_title}**")
|
||||
md_lines.append(f"- sub_titles: {sub_titles}")
|
||||
md_lines.append(f"- d1_items: {len(d1)}개")
|
||||
md_lines.append("")
|
||||
md_lines.extend(md_ranking_table(top, matcher))
|
||||
md_lines.append("")
|
||||
|
||||
# ═══════════ L3: 소목차 (평면 section 각각) ═══════════
|
||||
# normalize의 sections 중 content가 있는 것만 = 실제 소목차
|
||||
sub_sections = [s for s in flat_sections if s.get("content", "").strip()]
|
||||
print(f"\n┌─ L3 소목차 [개별 sub-section, {len(sub_sections)}개]")
|
||||
md_lines.append("### 🟨 L3 — 소목차 (개별 sub-section)\n")
|
||||
|
||||
for si, sec in enumerate(sub_sections, start=1):
|
||||
s_title = sec.get("title", "")
|
||||
s_content = sec.get("content", "")
|
||||
d1 = extract_d1_items(s_content)
|
||||
top = matcher.match(s_title, sub_titles=None, d1_items=d1, top_k=len(matcher.frames))
|
||||
|
||||
# 이 섹션이 어느 zone에 속하는지 찾기
|
||||
parent_zone = "—"
|
||||
for z in zones:
|
||||
if s_title in z.get("sub_titles", []):
|
||||
parent_zone = z["title"]
|
||||
break
|
||||
|
||||
print(f"│\n│ [sub {si}] {s_title} (zone: {parent_zone})")
|
||||
print(f"│ d1_items: {len(d1)}개")
|
||||
print_ranking("L3", top, matcher, indent="│ ")
|
||||
|
||||
md_lines.append(f"\n#### sub {si}: **{s_title}** _(zone: {parent_zone})_")
|
||||
md_lines.append(f"- d1_items: {len(d1)}개")
|
||||
md_lines.append("")
|
||||
md_lines.extend(md_ranking_table(top, matcher))
|
||||
md_lines.append("")
|
||||
|
||||
|
||||
def build_frame_legend(matcher: TfidfBlockMatcher, md_lines: list[str]) -> None:
|
||||
md_lines.append("\n## 프레임 번호 전체 색인 (01 ~ 32)\n")
|
||||
md_lines.append("| # | preview | frame_id | title_text |")
|
||||
md_lines.append("|---|---|---|---|")
|
||||
rel = Path("..") / ".." / ".." / PREVIEW_DIR
|
||||
for num in sorted(_INDEX.keys()):
|
||||
entry = _INDEX[num]
|
||||
preview = f").as_posix()})"
|
||||
md_lines.append(
|
||||
f"| **#{num}** | {preview} | `{entry['frame_id']}` | "
|
||||
f"{frame_title(matcher, entry['frame_id'])} |"
|
||||
)
|
||||
md_lines.append("")
|
||||
|
||||
|
||||
def main() -> int:
|
||||
print("[init] TF-IDF 인덱스 로딩...")
|
||||
matcher = TfidfBlockMatcher()
|
||||
print(f"[init] 프레임 {len(matcher.frames)}개 인덱싱 완료")
|
||||
print(f"[init] direct-fit 임계값 = {THRESHOLD*100:.0f}%")
|
||||
|
||||
md_lines: list[str] = [
|
||||
"# MDX ↔ Figma Frame 매칭 (TF-IDF 순수 점수) — L1/L2/L3 3단계",
|
||||
"",
|
||||
"프레임은 `data/figma_previews/{번호}.png` 의 번호로 표기. 하단에 번호-프레임 색인.",
|
||||
"",
|
||||
"| 단계 | 입도 | 쿼리 구성 |",
|
||||
"|---|---|---|",
|
||||
"| 🟦 L1 대목차 | MDX 전체 1개 | doc title + 모든 zone/sub title |",
|
||||
"| 🟩 L2 중목차 | zone 단위 | zone title + sub_titles + d1_items |",
|
||||
"| 🟨 L3 소목차 | 개별 sub-section 각각 | sub title + 자기 content의 d1_items |",
|
||||
"",
|
||||
f"- 인덱싱된 프레임: {len(matcher.frames)}개",
|
||||
"- **각 표는 순수 TF-IDF cosine similarity × 100 을 %로 표시한 점수 랭킹.**",
|
||||
"- 판정/분기(recipe/direct-fit) 라벨은 출력하지 않음. 점수만 그대로 본다.",
|
||||
]
|
||||
|
||||
for mdx_id, p in MDX_FILES:
|
||||
if p.exists():
|
||||
evaluate_mdx(matcher, mdx_id, p, md_lines)
|
||||
else:
|
||||
print(f"[skip] 없음: {p}")
|
||||
|
||||
build_frame_legend(matcher, md_lines)
|
||||
|
||||
timestamp = datetime.now().strftime("%Y%m%d_%H%M%S")
|
||||
out_dir = Path("data/runs") / f"{timestamp}_mdx_match"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
out = out_dir / "match_report.md"
|
||||
out.write_text("\n".join(md_lines), encoding="utf-8")
|
||||
print(f"\n[saved] {out}")
|
||||
return 0
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
raise SystemExit(main())
|
||||
@@ -0,0 +1,398 @@
|
||||
"""32개 프레임 preview PNG에 EasyOCR + 이미지 전처리를 돌려,
|
||||
기존 texts.md에 없는 '이미지 베이크 텍스트' 델타를 추출/보강.
|
||||
|
||||
흐름:
|
||||
1. 원본 PNG 로드
|
||||
2. 두 가지 변형을 OCR:
|
||||
(a) 원본 그대로
|
||||
(b) 2배 업스케일 + 대비 강화 (녹색/저대비 장식 텍스트 잡기용)
|
||||
3. 두 결과 합치고 confidence 컷 (low=0.15, high=0.5)
|
||||
4. 오인식 교정 사전 적용 (SIW→S/W, 움합의→융합의 등)
|
||||
5. 기존 texts.md 토큰과 비교하여 델타 추출
|
||||
6. 프레임별 통계(감지 수, 델타 수, 누락 여부) 리포트
|
||||
7. --apply 시 texts.md 파일들에 델타 추가
|
||||
|
||||
사용:
|
||||
python scripts/ocr_augment_texts.py # 드라이런 (리포트만)
|
||||
python scripts/ocr_augment_texts.py --apply # texts.md 수정
|
||||
python scripts/ocr_augment_texts.py --only 1171281172
|
||||
"""
|
||||
from __future__ import annotations
|
||||
|
||||
import argparse
|
||||
import json
|
||||
import re
|
||||
import sys
|
||||
from datetime import datetime
|
||||
from pathlib import Path
|
||||
|
||||
sys.path.insert(0, str(Path(__file__).parent.parent))
|
||||
|
||||
PREVIEW_DIR = Path("data/figma_previews")
|
||||
INDEX_PATH = PREVIEW_DIR / "index.json"
|
||||
BLOCKS_DIR = Path("figma_to_html_agent/blocks")
|
||||
|
||||
APPEND_SECTION_HEADER = "## OCR 보강 (이미지 베이크 텍스트, 자동 추출)"
|
||||
APPEND_SECTION_MARKER = "<!-- OCR_AUGMENT_V1 -->"
|
||||
|
||||
# conf 기준
|
||||
CONF_HIGH = 0.5 # 이 이상은 그대로 채택
|
||||
CONF_LOW = 0.15 # 이 이하는 버림. 사이 구간은 교정 사전 거쳐야 채택
|
||||
|
||||
# 자주 틀리는 오인식 → 올바른 표현 (정확히 일치 시만 치환)
|
||||
OCR_CORRECTIONS: dict[str, str] = {
|
||||
"siw": "S/W",
|
||||
"sw": "S/W",
|
||||
"hiw": "H/W",
|
||||
"hw": "H/W",
|
||||
"움합의": "융합의",
|
||||
"(직관지 역할": "직관지 역할",
|
||||
"패텔입": "패러다임",
|
||||
"|말": "개발",
|
||||
"대발": "개발",
|
||||
"Civil": "Civil",
|
||||
"I/W": "S/W",
|
||||
"l/w": "S/W",
|
||||
}
|
||||
|
||||
# 버리고 싶은 노이즈 패턴 (OCR이 기호/잔여물 잡은 것)
|
||||
NOISE_PATTERNS = [
|
||||
re.compile(r"^[\W_]+$"), # 기호만
|
||||
re.compile(r"^\d{1,2}$"), # 숫자 1-2자리
|
||||
re.compile(r"^.$"), # 한 글자
|
||||
]
|
||||
|
||||
|
||||
def is_noise(text: str) -> bool:
|
||||
for p in NOISE_PATTERNS:
|
||||
if p.match(text):
|
||||
return True
|
||||
return False
|
||||
|
||||
|
||||
def apply_corrections(text: str) -> str:
|
||||
"""교정 사전 적용. 대소문자 무시 완전 일치만."""
|
||||
key = text.strip().lower()
|
||||
if key in OCR_CORRECTIONS:
|
||||
return OCR_CORRECTIONS[key]
|
||||
# 부분 치환 (문구 안에 숨은 경우)
|
||||
result = text
|
||||
for bad, good in OCR_CORRECTIONS.items():
|
||||
pattern = re.compile(re.escape(bad), re.IGNORECASE)
|
||||
result = pattern.sub(good, result)
|
||||
return result
|
||||
|
||||
|
||||
def normalize_for_compare(text: str) -> str:
|
||||
t = text.lower()
|
||||
t = re.sub(r"[^\w가-힣]+", "", t)
|
||||
return t
|
||||
|
||||
|
||||
def load_existing_tokens(texts_md: Path) -> set[str]:
|
||||
if not texts_md.exists():
|
||||
return set()
|
||||
text = texts_md.read_text(encoding="utf-8")
|
||||
# 기존 OCR 섹션 제외
|
||||
if APPEND_SECTION_MARKER in text:
|
||||
idx = text.find(APPEND_SECTION_MARKER)
|
||||
header_idx = text.rfind(APPEND_SECTION_HEADER, 0, idx)
|
||||
if header_idx >= 0:
|
||||
text = text[:header_idx]
|
||||
lines = []
|
||||
for ln in text.splitlines():
|
||||
s = ln.strip()
|
||||
if s.startswith("#") or s.startswith(">"):
|
||||
continue
|
||||
lines.append(ln)
|
||||
body = " ".join(lines)
|
||||
tokens: set[str] = set()
|
||||
for tok in re.split(r"[\s\|\-·•/,.()\[\]:;!?#`'\"*~_+=<>&]+", body):
|
||||
if not tok:
|
||||
continue
|
||||
norm = normalize_for_compare(tok)
|
||||
if norm and len(norm) >= 2:
|
||||
tokens.add(norm)
|
||||
return tokens
|
||||
|
||||
|
||||
def preprocess_upscale(png_path: Path, scale: float = 2.0, contrast: float = 1.4):
|
||||
"""이미지를 업스케일 + 대비 강화해서 bytes 반환."""
|
||||
from PIL import Image, ImageEnhance
|
||||
img = Image.open(png_path).convert("RGB")
|
||||
w, h = img.size
|
||||
img = img.resize((int(w * scale), int(h * scale)), Image.LANCZOS)
|
||||
img = ImageEnhance.Contrast(img).enhance(contrast)
|
||||
import io
|
||||
buf = io.BytesIO()
|
||||
img.save(buf, format="PNG")
|
||||
return buf.getvalue()
|
||||
|
||||
|
||||
def run_ocr_variants(reader, png_path: Path) -> list[tuple[str, float, tuple]]:
|
||||
"""원본 + 업스케일 두 번 OCR. (text, conf, bbox_center) 리스트."""
|
||||
import numpy as np
|
||||
from PIL import Image
|
||||
|
||||
collected: list[tuple[str, float, tuple]] = []
|
||||
|
||||
# 1) 원본
|
||||
res1 = reader.readtext(str(png_path), detail=1, paragraph=False)
|
||||
for bbox, text, conf in res1:
|
||||
xs = [p[0] for p in bbox]
|
||||
ys = [p[1] for p in bbox]
|
||||
center = ((min(xs) + max(xs)) / 2, (min(ys) + max(ys)) / 2)
|
||||
collected.append((text, float(conf), center))
|
||||
|
||||
# 2) 업스케일 + 대비 강화
|
||||
enhanced_bytes = preprocess_upscale(png_path)
|
||||
img = np.array(Image.open(__import__("io").BytesIO(enhanced_bytes)).convert("RGB"))
|
||||
res2 = reader.readtext(img, detail=1, paragraph=False)
|
||||
for bbox, text, conf in res2:
|
||||
xs = [p[0] for p in bbox]
|
||||
ys = [p[1] for p in bbox]
|
||||
# 원본 좌표계로 환산 (÷2)
|
||||
center = ((min(xs) + max(xs)) / 4, (min(ys) + max(ys)) / 4)
|
||||
collected.append((text, float(conf), center))
|
||||
|
||||
return collected
|
||||
|
||||
|
||||
def dedupe_by_position(items: list[tuple[str, float, tuple]]) -> list[tuple[str, float, tuple]]:
|
||||
"""같은 위치(±30px)에서 중복 감지된 것들을 confidence 높은 쪽으로 축약."""
|
||||
result: list[tuple[str, float, tuple]] = []
|
||||
for text, conf, center in sorted(items, key=lambda r: -r[1]):
|
||||
dupe = False
|
||||
for rt, rc, rcenter in result:
|
||||
if abs(rcenter[0] - center[0]) < 30 and abs(rcenter[1] - center[1]) < 30:
|
||||
# 텍스트 정규화 같으면 중복
|
||||
if normalize_for_compare(rt) == normalize_for_compare(text):
|
||||
dupe = True
|
||||
break
|
||||
# 같은 위치에서 더 긴 버전이 이미 있으면 중복으로 간주
|
||||
if normalize_for_compare(text) in normalize_for_compare(rt):
|
||||
dupe = True
|
||||
break
|
||||
if not dupe:
|
||||
result.append((text, conf, center))
|
||||
return result
|
||||
|
||||
|
||||
def extract_accepted(items: list[tuple[str, float, tuple]]) -> list[tuple[str, float]]:
|
||||
"""confidence + 교정 적용 후 최종 채택된 (text, conf) 리스트.
|
||||
|
||||
규칙:
|
||||
- 교정 사전에 명시된 오인식(예: '패텔입'→'패러다임')은 confidence 무관 채택
|
||||
- 그 외 conf < CONF_LOW는 노이즈로 버림
|
||||
- CONF_LOW ~ CONF_HIGH 사이: 한글 2자 이상 또는 교정 발생한 것만
|
||||
- CONF_HIGH 이상: 그대로 채택
|
||||
"""
|
||||
accepted: list[tuple[str, float]] = []
|
||||
for text, conf, _ in items:
|
||||
if is_noise(text):
|
||||
continue
|
||||
corrected = apply_corrections(text)
|
||||
was_corrected = corrected != text
|
||||
if is_noise(corrected):
|
||||
continue
|
||||
|
||||
if was_corrected:
|
||||
# 교정 사전 매칭 → conf 무관 채택 (신뢰도는 0.99로 덮어씀 — 사전 매칭 확신)
|
||||
accepted.append((corrected, max(conf, 0.99)))
|
||||
continue
|
||||
|
||||
if conf < CONF_LOW:
|
||||
continue
|
||||
|
||||
if conf < CONF_HIGH:
|
||||
if not re.search(r"[가-힣]{2,}", corrected):
|
||||
continue
|
||||
|
||||
accepted.append((corrected, conf))
|
||||
return accepted
|
||||
|
||||
|
||||
def find_delta(accepted: list[tuple[str, float]], existing: set[str]) -> list[tuple[str, float]]:
|
||||
delta: list[tuple[str, float]] = []
|
||||
seen: set[str] = set()
|
||||
for phrase, conf in accepted:
|
||||
n = normalize_for_compare(phrase)
|
||||
if not n or len(n) < 2:
|
||||
continue
|
||||
if n in seen:
|
||||
continue
|
||||
if n in existing:
|
||||
continue
|
||||
words = [w for w in re.split(r"[\s\|\-·•/,.()\[\]:;!?#`'\"*~_+=<>&]+", phrase) if w]
|
||||
word_norms = [normalize_for_compare(w) for w in words]
|
||||
has_new = any(wn and len(wn) >= 2 and wn not in existing for wn in word_norms)
|
||||
if not has_new and n not in existing:
|
||||
continue
|
||||
seen.add(n)
|
||||
delta.append((phrase, conf))
|
||||
return delta
|
||||
|
||||
|
||||
def strip_prev_ocr_section(text: str) -> str:
|
||||
marker = APPEND_SECTION_MARKER
|
||||
idx = text.find(marker)
|
||||
if idx < 0:
|
||||
return text
|
||||
header_idx = text.rfind(APPEND_SECTION_HEADER, 0, idx)
|
||||
cut = header_idx if header_idx >= 0 else idx
|
||||
return text[:cut].rstrip() + "\n"
|
||||
|
||||
|
||||
def append_delta(texts_md: Path, delta: list[tuple[str, float]]) -> str:
|
||||
original = texts_md.read_text(encoding="utf-8") if texts_md.exists() else ""
|
||||
cleaned = strip_prev_ocr_section(original)
|
||||
if not delta:
|
||||
return cleaned
|
||||
ts = datetime.now().strftime("%Y-%m-%d")
|
||||
lines = [
|
||||
"",
|
||||
APPEND_SECTION_HEADER,
|
||||
"",
|
||||
f"> EasyOCR(2x 업스케일 + 대비강화) 자동 추출 ({ts}). 기존 텍스트 레이어에 없던 단어/문구만.",
|
||||
APPEND_SECTION_MARKER,
|
||||
"",
|
||||
]
|
||||
for phrase, conf in delta:
|
||||
lines.append(f"- {phrase} _(conf={conf:.2f})_")
|
||||
lines.append("")
|
||||
return cleaned.rstrip() + "\n" + "\n".join(lines)
|
||||
|
||||
|
||||
def main() -> int:
|
||||
ap = argparse.ArgumentParser()
|
||||
ap.add_argument("--apply", action="store_true", help="texts.md에 실제 반영")
|
||||
ap.add_argument("--only", type=str, default="")
|
||||
args = ap.parse_args()
|
||||
|
||||
idx: dict[str, dict] = json.loads(INDEX_PATH.read_text(encoding="utf-8"))
|
||||
|
||||
print("[init] EasyOCR 로딩 (한/영, CPU)...")
|
||||
import easyocr
|
||||
reader = easyocr.Reader(["ko", "en"], gpu=False, verbose=False)
|
||||
print("[init] OK")
|
||||
|
||||
ts = datetime.now().strftime("%Y%m%d_%H%M%S")
|
||||
out_dir = Path("data/runs") / f"{ts}_ocr_augment"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
|
||||
numbers = sorted(idx.keys())
|
||||
summary_rows: list[dict] = []
|
||||
detail_lines: list[str] = []
|
||||
|
||||
for num in numbers:
|
||||
entry = idx[num]
|
||||
fid = entry["frame_id"]
|
||||
if args.only and fid != args.only:
|
||||
continue
|
||||
png = PREVIEW_DIR / f"{num}.png"
|
||||
texts_md = BLOCKS_DIR / fid / "texts.md"
|
||||
if not png.exists():
|
||||
continue
|
||||
|
||||
print(f"[{num}] {fid} OCR...", end="", flush=True)
|
||||
raw_items = run_ocr_variants(reader, png)
|
||||
deduped = dedupe_by_position(raw_items)
|
||||
accepted = extract_accepted(deduped)
|
||||
existing = load_existing_tokens(texts_md)
|
||||
delta = find_delta(accepted, existing)
|
||||
|
||||
# 저신뢰 detection (잠재 누락 신호): conf < LOW 인데 위치 정보가 있는 것 개수
|
||||
low_conf_count = sum(1 for _, c, _ in raw_items if c < CONF_LOW)
|
||||
|
||||
print(f" 감지(중복제거) {len(deduped)}개 채택 {len(accepted)}개 델타 {len(delta)}개 "
|
||||
f"저신뢰잔여 {low_conf_count}개")
|
||||
|
||||
summary_rows.append({
|
||||
"num": num,
|
||||
"fid": fid,
|
||||
"raw": len(raw_items),
|
||||
"dedup": len(deduped),
|
||||
"accepted": len(accepted),
|
||||
"delta": len(delta),
|
||||
"low_conf": low_conf_count,
|
||||
"delta_items": delta,
|
||||
"low_conf_items": [(t, c) for t, c, _ in raw_items if c < CONF_LOW],
|
||||
})
|
||||
|
||||
detail_lines.append(f"\n### {num}. frame `{fid}`")
|
||||
detail_lines.append(f"- OCR 감지(중복제거 후): {len(deduped)}개")
|
||||
detail_lines.append(f"- 기존 texts.md 토큰: {len(existing)}개")
|
||||
detail_lines.append(f"- 채택(교정 후): {len(accepted)}개")
|
||||
detail_lines.append(f"- **델타(신규 보강): {len(delta)}개**")
|
||||
if delta:
|
||||
detail_lines.append("")
|
||||
detail_lines.append("| 신규 문구 | conf |")
|
||||
detail_lines.append("|---|---|")
|
||||
for p, c in delta:
|
||||
detail_lines.append(f"| {p} | {c:.2f} |")
|
||||
low = summary_rows[-1]["low_conf_items"]
|
||||
if low:
|
||||
detail_lines.append("")
|
||||
detail_lines.append(f"<details><summary>저신뢰 잔여 {len(low)}개 (잠재 누락 단서)</summary>")
|
||||
detail_lines.append("")
|
||||
for t, c in sorted(low, key=lambda x: -x[1])[:20]:
|
||||
detail_lines.append(f"- `{t}` (conf={c:.3f})")
|
||||
if len(low) > 20:
|
||||
detail_lines.append(f"- ... 외 {len(low)-20}개")
|
||||
detail_lines.append("</details>")
|
||||
|
||||
if args.apply:
|
||||
new_text = append_delta(texts_md, delta)
|
||||
texts_md.parent.mkdir(parents=True, exist_ok=True)
|
||||
texts_md.write_text(new_text, encoding="utf-8")
|
||||
|
||||
# ─── summary ───
|
||||
frames_with_delta = [r for r in summary_rows if r["delta"] > 0]
|
||||
frames_no_delta = [r for r in summary_rows if r["delta"] == 0]
|
||||
|
||||
report = [
|
||||
"# OCR 보강 리포트 (EasyOCR + 전처리 + 교정)",
|
||||
"",
|
||||
f"- 드라이런: {'적용됨 (--apply)' if args.apply else '드라이런 (texts.md 미수정)'}",
|
||||
f"- 대상 프레임: {len(summary_rows)}개",
|
||||
f"- **텍스트 누락(델타 > 0) 프레임: {len(frames_with_delta)}개**",
|
||||
f"- 델타 없음(보강 불필요) 프레임: {len(frames_no_delta)}개",
|
||||
"",
|
||||
"## 프레임별 요약",
|
||||
"",
|
||||
"| # | frame_id | 감지 | 채택 | **델타** | 저신뢰 | 델타 미리보기 |",
|
||||
"|---|---|---|---|---|---|---|",
|
||||
]
|
||||
for r in summary_rows:
|
||||
preview = "; ".join(p for p, _ in r["delta_items"][:4])
|
||||
if len(r["delta_items"]) > 4:
|
||||
preview += "…"
|
||||
mark = "🔴" if r["delta"] > 0 else "·"
|
||||
report.append(
|
||||
f"| {r['num']} | `{r['fid']}` | {r['dedup']} | {r['accepted']} | "
|
||||
f"{mark} **{r['delta']}** | {r['low_conf']} | {preview} |"
|
||||
)
|
||||
|
||||
report.append("\n## 텍스트 누락 프레임 리스트 (델타 > 0)\n")
|
||||
if frames_with_delta:
|
||||
for r in frames_with_delta:
|
||||
items = ", ".join(p for p, _ in r["delta_items"])
|
||||
report.append(f"- **#{r['num']}** `{r['fid']}` — 델타 {r['delta']}개: {items}")
|
||||
else:
|
||||
report.append("_(누락 없음)_")
|
||||
|
||||
report.append("\n## 상세")
|
||||
report.extend(detail_lines)
|
||||
|
||||
out = out_dir / "report.md"
|
||||
out.write_text("\n".join(report), encoding="utf-8")
|
||||
print(f"\n[saved] {out}")
|
||||
if args.apply:
|
||||
print("[applied] texts.md 파일들 업데이트 완료")
|
||||
else:
|
||||
print("[dryrun] --apply 를 붙이면 texts.md 에 반영됩니다")
|
||||
return 0
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
raise SystemExit(main())
|
||||
@@ -0,0 +1,416 @@
|
||||
"""MDX04 F16 override slide-fit preview — slide_fit_preview, NOT a Phase Z final.
|
||||
|
||||
배경:
|
||||
- V4 top1 = F26. 사용자 semantic review 로 F16 채택
|
||||
- 사유: MDX04 04-2.* 는 4-issue diagnostic 구조 → F16 quadrant pattern 적합
|
||||
- F26 figma 1:1 변환 부재 (별도 작업 보류)
|
||||
- anchor 보정 / detect_mdx 수정 / v4_full32_result.yaml 변경 모두 없음
|
||||
|
||||
매핑 (사용자 결정 — B 수정판, 그대로 유지):
|
||||
04-2.1 (4) + 04-2.2 (4) = 8 항목을 4 원인군으로 그룹핑. 04-2.2 보존.
|
||||
|
||||
레이아웃 전환 (composition_preview → slide_fit_preview):
|
||||
이전: 1280×1230 비표준 (composition preview)
|
||||
현재: 1280×720 표준 슬라이드 (slide_fit_preview)
|
||||
├ title bar (1280×56)
|
||||
├ body (1200×590)
|
||||
│ ├ zone-left (340×590) = 04-1 compact 5-card stack
|
||||
│ └ zone-right (840×590) = F16 quadrant zone-fit (4분면 + center quote)
|
||||
└ footer pill (1280×48)
|
||||
F16 native dim (1280×1015) 폐기. zone (840×590) 에 맞게 좌표 재계산. 폰트 축소.
|
||||
"""
|
||||
import json
|
||||
import re
|
||||
import sys
|
||||
from datetime import datetime
|
||||
from html import escape
|
||||
from pathlib import Path
|
||||
|
||||
import yaml
|
||||
from jinja2 import Environment, FileSystemLoader, select_autoescape
|
||||
|
||||
ROOT = Path(__file__).resolve().parents[2]
|
||||
MDX_PATH = ROOT / "samples" / "mdx_batch" / "04.mdx"
|
||||
V4_RESULT = ROOT / "tests" / "matching" / "v4_full32_result.yaml"
|
||||
RUN_DIR = ROOT / "data" / "runs" / "mdx04_f16_override"
|
||||
TEMPLATES_DIR = RUN_DIR / "templates"
|
||||
|
||||
|
||||
# ─── 그룹핑 정의 (사용자 예시 그대로) ──────────────────────────
|
||||
|
||||
GROUPING_RULE = {
|
||||
'description': '04-2.1 (4 정책 항목) + 04-2.2 (4 조직 항목) = 8 항목을 4 원인군으로 그룹핑. F16 4 분면 ribbon = 그룹명.',
|
||||
'reason': 'user wants 04-2.2 보존 + F16 4 분면 디자인 활용. 1:1 짝짓기 강제 회피.',
|
||||
'groups': [
|
||||
{
|
||||
'quadrant': 'q1',
|
||||
'name': '정책 집행 / 제도 운용 문제',
|
||||
'items': [
|
||||
{'source': '04-2.1', 'index': 0}, # 실질적 기술 경쟁을 저해하는 정책 집행
|
||||
{'source': '04-2.1', 'index': 1}, # 적용 효과가 있는 사례도 없이 방침부터 도입
|
||||
],
|
||||
},
|
||||
{
|
||||
'quadrant': 'q2',
|
||||
'name': '개념 이해 부족',
|
||||
'items': [
|
||||
{'source': '04-2.1', 'index': 2}, # 엔지니어링 S/W에 대한 개념 부재
|
||||
{'source': '04-2.2', 'index': 0}, # 공학적 개념 정립 부재
|
||||
{'source': '04-2.2', 'index': 2}, # DX/BIM의 근본 취지와 목표의 이해 부족
|
||||
],
|
||||
},
|
||||
{
|
||||
'quadrant': 'q3',
|
||||
'name': '기술 투자 / 본업 기술력 부족',
|
||||
'items': [
|
||||
{'source': '04-2.1', 'index': 3}, # 기술투자(R&D) 없는 성과 창출 기대
|
||||
{'source': '04-2.2', 'index': 1}, # '본업 기술력 확보' 우선의 개념 부재
|
||||
],
|
||||
},
|
||||
{
|
||||
'quadrant': 'q4',
|
||||
'name': '조직 / 수행 역량 문제',
|
||||
'items': [
|
||||
{'source': '04-2.2', 'index': 3}, # 과거의 타성에 머무르고 있는 기술자 집단
|
||||
],
|
||||
},
|
||||
],
|
||||
}
|
||||
|
||||
|
||||
# ─── MDX 04 파싱 ────────────────────────────────────────────────
|
||||
|
||||
RE_SUBSECTION_HEAD = re.compile(r'^###\s+(\d+\.\d+)\s+(.+)$', re.MULTILINE)
|
||||
RE_TOP_BULLET = re.compile(r'^-\s+\*\*([^*]+)\*\*\s*$')
|
||||
|
||||
|
||||
def extract_subsection_items(text, num_label):
|
||||
lines = text.split('\n')
|
||||
start = None
|
||||
for i, ln in enumerate(lines):
|
||||
m = RE_SUBSECTION_HEAD.match(ln.strip())
|
||||
if m and m.group(1) == num_label:
|
||||
start = i
|
||||
break
|
||||
if start is None:
|
||||
return None, []
|
||||
end = len(lines)
|
||||
for j in range(start + 1, len(lines)):
|
||||
s = lines[j].strip()
|
||||
if RE_SUBSECTION_HEAD.match(s) or s == '---':
|
||||
end = j
|
||||
break
|
||||
section_title = lines[start].lstrip('# ').strip()
|
||||
body_lines = lines[start + 1:end]
|
||||
items = []
|
||||
cur = None
|
||||
for ln in body_lines:
|
||||
stripped = ln.strip()
|
||||
m = RE_TOP_BULLET.match(stripped)
|
||||
if m:
|
||||
if cur is not None:
|
||||
items.append(cur)
|
||||
cur = {'headline': m.group(1).strip(), 'subs': []}
|
||||
continue
|
||||
m2 = re.match(r'^-\s+(.+)$', stripped)
|
||||
if m2 and cur is not None and not stripped.startswith('- **'):
|
||||
cur['subs'].append(m2.group(1).strip())
|
||||
if cur is not None:
|
||||
items.append(cur)
|
||||
return section_title, items
|
||||
|
||||
|
||||
def extract_section_04_1_cards(text):
|
||||
m = re.search(r'## 1\. DX에 대한 인식(.*?)(?=^## 2\.)', text, re.DOTALL | re.MULTILINE)
|
||||
if not m:
|
||||
return None, []
|
||||
body = m.group(1)
|
||||
cards = []
|
||||
h3_iter = list(re.finditer(r'<h3[^>]*>([^<]+)</h3>', body))
|
||||
for idx, h3m in enumerate(h3_iter):
|
||||
label = h3m.group(1).strip()
|
||||
section_end = h3_iter[idx + 1].start() if idx + 1 < len(h3_iter) else len(body)
|
||||
section_text = body[h3m.end():section_end]
|
||||
# 인용 (첫 <p> 의 따옴표 텍스트)
|
||||
quote_m = re.search(r'<p[^>]*>(?:["“])(.+?)(?:["”])</p>', section_text, re.DOTALL)
|
||||
if not quote_m:
|
||||
quote_m = re.search(r'<p[^>]*>([^<]+)</p>', section_text, re.DOTALL)
|
||||
quote = quote_m.group(1).strip() if quote_m else ''
|
||||
bullets = [b.strip() for b in re.findall(r'<li[^>]*>([^<]+)</li>', section_text)]
|
||||
cards.append({'label': label, 'quote': quote, 'bullets': bullets})
|
||||
return '1. DX에 대한 인식', cards
|
||||
|
||||
|
||||
# ─── F16 grouped mapper ────────────────────────────────────────
|
||||
|
||||
def map_to_f16_grouped(items_2_1, items_2_2, slide_title):
|
||||
"""8 items (2.1 4 + 2.2 4) → 4 quadrant groups (사용자 그룹핑 룰 적용)."""
|
||||
source_map = {'04-2.1': items_2_1, '04-2.2': items_2_2}
|
||||
payload = {'center_quote': slide_title}
|
||||
for group in GROUPING_RULE['groups']:
|
||||
q = group['quadrant']
|
||||
items_for_q = []
|
||||
for ref in group['items']:
|
||||
src_items = source_map[ref['source']]
|
||||
idx = ref['index']
|
||||
if idx < len(src_items):
|
||||
src_item = src_items[idx]
|
||||
items_for_q.append({
|
||||
'source': '[' + ref['source'].replace('04-', '') + ']',
|
||||
'headline': src_item['headline'],
|
||||
'subs': src_item['subs'],
|
||||
})
|
||||
payload[f'{q}_label'] = group['name']
|
||||
payload[f'{q}_items'] = items_for_q
|
||||
return payload
|
||||
|
||||
|
||||
def map_to_5card_compact_slots(cards, section_title):
|
||||
return {'section_title': section_title, 'cards': cards}
|
||||
|
||||
|
||||
# ─── V4 metadata lookup ───────────────────────────────────────
|
||||
|
||||
def get_top1(v4, sid):
|
||||
sec = v4.get('mdx_sections', {}).get(sid)
|
||||
if not sec:
|
||||
return None
|
||||
j = sec.get('judgments_full32', [])
|
||||
return j[0] if j else None
|
||||
|
||||
|
||||
def get_frame_judgment(v4, sid, frame_number):
|
||||
sec = v4.get('mdx_sections', {}).get(sid)
|
||||
if not sec:
|
||||
return None
|
||||
for e in sec.get('judgments_full32', []):
|
||||
if e['frame_number'] == frame_number:
|
||||
return e
|
||||
return None
|
||||
|
||||
|
||||
# ─── 메인 ──────────────────────────────────────────────────────
|
||||
|
||||
def main():
|
||||
if not MDX_PATH.exists():
|
||||
print(f"ERROR: MDX 04 not found at {MDX_PATH}", file=sys.stderr)
|
||||
sys.exit(1)
|
||||
if not V4_RESULT.exists():
|
||||
print(f"ERROR: V4 result not found at {V4_RESULT}", file=sys.stderr)
|
||||
sys.exit(1)
|
||||
|
||||
mdx_text = MDX_PATH.read_text(encoding='utf-8')
|
||||
v4 = yaml.safe_load(V4_RESULT.read_text(encoding='utf-8'))
|
||||
|
||||
title_2_1, items_2_1 = extract_subsection_items(mdx_text, '2.1')
|
||||
title_2_2, items_2_2 = extract_subsection_items(mdx_text, '2.2')
|
||||
title_1, cards_1 = extract_section_04_1_cards(mdx_text)
|
||||
|
||||
env = Environment(
|
||||
loader=FileSystemLoader(str(TEMPLATES_DIR)),
|
||||
autoescape=select_autoescape(['html', 'xml']),
|
||||
)
|
||||
f16_zonefit_tpl = env.get_template("bim_issues_quadrant_four_zonefit.html.j2")
|
||||
cards5_left_tpl = env.get_template("cards_5_left_zone.html.j2")
|
||||
slide_fit_tpl = env.get_template("slide_fit_base.html.j2")
|
||||
|
||||
# 04-2 통합 (그룹핑) → F16 zone-fit
|
||||
payload_f16 = map_to_f16_grouped(items_2_1, items_2_2, slide_title='DX 지연<br>요인')
|
||||
html_f16_zonefit = f16_zonefit_tpl.render(slot_payload=payload_f16)
|
||||
|
||||
# 04-1 → 5-card left zone
|
||||
payload_cards = map_to_5card_compact_slots(cards_1, section_title=title_1)
|
||||
html_cards_left = cards5_left_tpl.render(slot_payload=payload_cards)
|
||||
|
||||
# slide_fit base 조립 (1280×720)
|
||||
slide_fit_html = slide_fit_tpl.render(
|
||||
slide_title='4. DX 지연 요인',
|
||||
slide_meta='F16 user_semantic_override · slide_fit_preview',
|
||||
zone_left=html_cards_left,
|
||||
zone_right=html_f16_zonefit,
|
||||
slide_footer='검증 없는 정책의 일방적 추진과 조직의 회피, 이해 부족이 DX 지연을 반복시킨다',
|
||||
)
|
||||
|
||||
# 통합 1 슬라이드 페이지 (banner + slide_fit + metadata)
|
||||
timestamp = datetime.now().isoformat(timespec='seconds')
|
||||
page_html = f'''<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>MDX04 1280×720 slide_fit · F16 user_semantic_override</title>
|
||||
<style>
|
||||
* {{ margin: 0; padding: 0; box-sizing: border-box; }}
|
||||
body {{ font-family: 'Noto Sans KR', 'Pretendard', sans-serif; background: #e8ecf0; padding: 24px; }}
|
||||
.preview-banner {{ max-width: 1280px; margin: 0 auto 16px; background: #fff7ed; border: 2px solid #f59e0b; border-radius: 8px; padding: 12px 16px; font-size: 12px; color: #92400e; line-height: 1.6; }}
|
||||
.preview-banner strong {{ color: #78350f; }}
|
||||
.preview-banner ul {{ margin-top: 6px; padding-left: 18px; font-family: monospace; font-size: 11px; }}
|
||||
.slide-wrap {{ display: flex; justify-content: center; }}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="preview-banner">
|
||||
<strong>MDX04 slide_fit_preview · 1280×720 표준 (NOT a Phase Z final)</strong><br>
|
||||
composition_preview (1280×1230) → <strong>slide_fit_preview (1280×720)</strong> 전환.
|
||||
같은 grouping rule 유지 (04-2.* 8 항목 → 4 원인군). 04-2.2 보존. F16 native dim 폐기, zone-fit 적용.
|
||||
<ul>
|
||||
<li>layout = title (56) + body (1200×590, left 340 + right 840) + footer pill (48)</li>
|
||||
<li>zone-left = 04-1 compact 5-card stack</li>
|
||||
<li>zone-right = F16 quadrant zone-fit (4분면 + center quote)</li>
|
||||
<li>q1 = 정책 집행 / 제도 운용 (2.1×2) · q2 = 개념 이해 부족 (2.1×1 + 2.2×2)</li>
|
||||
<li>q3 = 기술 투자 / 본업 기술력 부족 (2.1×1 + 2.2×1) · q4 = 조직 / 수행 역량 (2.2×1)</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="slide-wrap">
|
||||
{slide_fit_html}
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
'''
|
||||
(RUN_DIR / "index.html").write_text(page_html, encoding='utf-8')
|
||||
|
||||
# 단독 slide_fit (banner 없이 슬라이드 자체만)
|
||||
standalone_slide = f'''<!DOCTYPE html>
|
||||
<html lang="ko"><head><meta charset="UTF-8"><title>MDX04 1280×720 slide_fit (standalone)</title>
|
||||
<style>* {{margin:0;padding:0;box-sizing:border-box}} body {{font-family:'Noto Sans KR',sans-serif;background:#e8ecf0;padding:20px;display:flex;justify-content:center}}</style></head><body>
|
||||
{slide_fit_html}
|
||||
</body></html>
|
||||
'''
|
||||
(RUN_DIR / "slide_1280x720.html").write_text(standalone_slide, encoding='utf-8')
|
||||
|
||||
# debug.json
|
||||
top1_2_1 = get_top1(v4, '04-2.1')
|
||||
top1_2_2 = get_top1(v4, '04-2.2')
|
||||
top1_1 = get_top1(v4, '04-1')
|
||||
f16_2_1 = get_frame_judgment(v4, '04-2.1', 16)
|
||||
f16_2_2 = get_frame_judgment(v4, '04-2.2', 16)
|
||||
|
||||
# grouping coverage 검증 (모든 8 항목 사용됐는지)
|
||||
used = set()
|
||||
for g in GROUPING_RULE['groups']:
|
||||
for ref in g['items']:
|
||||
used.add((ref['source'], ref['index']))
|
||||
expected = set([('04-2.1', i) for i in range(len(items_2_1))]
|
||||
+ [('04-2.2', i) for i in range(len(items_2_2))])
|
||||
missing = sorted(expected - used)
|
||||
extra = sorted(used - expected)
|
||||
|
||||
debug = {
|
||||
'kind': 'mdx04_f16_override_slide_fit',
|
||||
'preview_stage': 'slide_fit_preview',
|
||||
'transition_from': 'composition_preview (1280×1230 비표준)',
|
||||
'transition_to': 'slide_fit_preview (1280×720 표준)',
|
||||
'transition_note': '같은 grouping rule 유지. F16 native height (1015px) 폐기. zone-fit 좌표 재계산. 폰트 축소.',
|
||||
'is_phase_z_final': False,
|
||||
'is_diagnostic': True,
|
||||
'is_preview_or_result_candidate': True,
|
||||
'generated_at': timestamp,
|
||||
'v4_source': str(V4_RESULT.relative_to(ROOT)),
|
||||
'mdx_source': str(MDX_PATH.relative_to(ROOT)),
|
||||
'integrated_slide': True,
|
||||
'layout': {
|
||||
'slide_dimensions': '1280×720',
|
||||
'title_bar_height': 56,
|
||||
'body': {'width': 1200, 'height': 590, 'left_zone': 340, 'right_zone': 840, 'gap': 20},
|
||||
'footer_pill_height': 48,
|
||||
'zone_left': '04-1 compact 5-card stack (frame library gap)',
|
||||
'zone_right': '04-2 통합 F16 quadrant zone-fit (grouped)',
|
||||
'mdx_one_slide_principle': True,
|
||||
'standard_16_9': True,
|
||||
},
|
||||
'override_decision': {
|
||||
'selected_frame_source': 'user_semantic_override',
|
||||
'selected_frame': 'F16',
|
||||
'selected_template_id': 'bim_issues_quadrant_four',
|
||||
'reason': 'F16 quadrant pattern semantically/visually appropriate for MDX04 04-2.* '
|
||||
'(four-issue diagnostic structure). V4 top1 F26 figma 변환 부재 + semantic '
|
||||
'review 에서 F16 가 더 적합 판단.',
|
||||
},
|
||||
'grouping_rule': GROUPING_RULE,
|
||||
'grouping_coverage': {
|
||||
'total_items': len(items_2_1) + len(items_2_2),
|
||||
'mapped_items': len(used),
|
||||
'missing': [{'source': s, 'index': i} for s, i in missing],
|
||||
'extra': [{'source': s, 'index': i} for s, i in extra],
|
||||
'all_items_preserved': not missing,
|
||||
},
|
||||
'sections': {
|
||||
'04-2.1': {
|
||||
'mdx_title': title_2_1,
|
||||
'item_count': len(items_2_1),
|
||||
'v4_top1': {
|
||||
'frame_number': top1_2_1['frame_number'],
|
||||
'template_id': top1_2_1['template_id'],
|
||||
'label': top1_2_1['label'],
|
||||
'confidence': top1_2_1['confidence'],
|
||||
},
|
||||
'selected_frame': 16,
|
||||
'original_label': f16_2_1['label'] if f16_2_1 else None,
|
||||
'original_confidence': f16_2_1['confidence'] if f16_2_1 else None,
|
||||
},
|
||||
'04-2.2': {
|
||||
'mdx_title': title_2_2,
|
||||
'item_count': len(items_2_2),
|
||||
'v4_top1': {
|
||||
'frame_number': top1_2_2['frame_number'],
|
||||
'template_id': top1_2_2['template_id'],
|
||||
'label': top1_2_2['label'],
|
||||
'confidence': top1_2_2['confidence'],
|
||||
},
|
||||
'selected_frame': 16,
|
||||
'original_label': f16_2_2['label'] if f16_2_2 else None,
|
||||
'original_confidence': f16_2_2['confidence'] if f16_2_2 else None,
|
||||
'preserved_in_grouping': True,
|
||||
},
|
||||
'04-1': {
|
||||
'mdx_title': title_1,
|
||||
'card_count': len(cards_1),
|
||||
'v4_top1': {
|
||||
'frame_number': top1_1['frame_number'],
|
||||
'template_id': top1_1['template_id'],
|
||||
'label': top1_1['label'],
|
||||
'confidence': top1_1['confidence'],
|
||||
} if top1_1 else None,
|
||||
'selected_frame': None,
|
||||
'override_note': '5-card library gap (32 frame DB 에 cardinality.ideal=5 frame 부재). '
|
||||
'compact 5-column grid 로 통합 슬라이드 상단에 배치.',
|
||||
},
|
||||
},
|
||||
'caveats': [
|
||||
'정식 Phase Z final 아님 — V4 lookup 우회',
|
||||
'preview_stage = slide_fit_preview (1280×720 표준). 이전 composition_preview (1280×1230) 에서 전환',
|
||||
'F16 partial template = preview 전용 (data/runs/mdx04_f16_override/templates/) — design_agent/templates/phase_z2 미수정',
|
||||
'anchor 보정 / detect_mdx 수정 / v4_full32_result.yaml 변경 없음',
|
||||
'04-2.1 의 F16 original_label = reject (anchor=0). override 로 진행',
|
||||
'04-2.2 의 F16 original_label = restructure (사용 가능 라벨)',
|
||||
'04-2.2 보존 — 그룹핑으로 8 항목 모두 분면에 매핑',
|
||||
'04-1 = 5-card library gap. zone-left 에 compact stack 으로 배치',
|
||||
'그룹핑 룰은 사용자 semantic 결정 (yaml/dict 로 명시). 자동 생성 아님',
|
||||
'F16 native dim (1280×1015) 폐기 — zone (840×590) 에 맞춰 좌표 재계산. 폰트 14px(ribbon)/11.5px(headline)/9.5px(sub)',
|
||||
'slide-fit 으로 폰트 작아짐 → 가독성 trade-off. composition_preview 와 비교 필요',
|
||||
],
|
||||
}
|
||||
(RUN_DIR / "debug.json").write_text(
|
||||
json.dumps(debug, ensure_ascii=False, indent=2), encoding='utf-8',
|
||||
)
|
||||
|
||||
# 이전 composition_preview 산출물 정리 — slide_fit_preview 로 대체
|
||||
for old in ["slide_04-2.1.html", "slide_04-2.2.html", "slide_04-1.html",
|
||||
"slide_04-2_grouped.html", "slide_04-1_compact.html"]:
|
||||
p = RUN_DIR / old
|
||||
if p.exists():
|
||||
p.unlink()
|
||||
|
||||
print(f"[mdx04_f16_override_slide_fit] generated:")
|
||||
print(f" index : {RUN_DIR / 'index.html'}")
|
||||
print(f" slide 1280×720 : {RUN_DIR / 'slide_1280x720.html'}")
|
||||
print(f" debug : {RUN_DIR / 'debug.json'}")
|
||||
print()
|
||||
print(f"Coverage: {len(used)}/{len(expected)} items mapped, missing={list(missing)}")
|
||||
print(f"Stage: composition_preview → slide_fit_preview")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
main()
|
||||
@@ -0,0 +1,404 @@
|
||||
"""MDX04 partial preview — diagnostic only, NOT a Phase Z final.
|
||||
|
||||
목적: F16 (`bim_issues_quadrant_four`) 가 04-2.1 / 04-2.2 의 4 항목 구조와
|
||||
시각적으로 정합하는지 사용자가 눈으로 확인.
|
||||
|
||||
방식:
|
||||
- V4 runtime 우회 (정식 Phase Z 아님)
|
||||
- F16 figma 원본 HTML 을 iframe 으로 임베드 (디자인 형태 그대로)
|
||||
- 04-2.1 / 04-2.2 의 MDX 4 항목을 옆에 시각화 (구조 비교)
|
||||
- 04-1 = frame library gap (5-card 구조, 매칭 frame 부재) placeholder
|
||||
- diagnostic banner + V4 metadata + debug.json
|
||||
|
||||
출력:
|
||||
data/runs/mdx04_partial_preview/index.html
|
||||
data/runs/mdx04_partial_preview/debug.json
|
||||
data/runs/mdx04_partial_preview/f16_original/ (figma 원본 + assets)
|
||||
"""
|
||||
import json
|
||||
import re
|
||||
import sys
|
||||
from datetime import datetime
|
||||
from html import escape
|
||||
from pathlib import Path
|
||||
|
||||
import yaml
|
||||
|
||||
ROOT = Path(__file__).resolve().parents[2]
|
||||
MDX_PATH = ROOT / "samples" / "mdx_batch" / "04.mdx"
|
||||
V4_RESULT = ROOT / "tests" / "matching" / "v4_full32_result.yaml"
|
||||
RUN_DIR = ROOT / "data" / "runs" / "mdx04_partial_preview"
|
||||
|
||||
|
||||
# ─── MDX 04 의 04-2.1 / 04-2.2 섹션 추출 (### bullet) ──────────────
|
||||
|
||||
RE_SUBSECTION_HEAD = re.compile(r'^###\s+(\d+\.\d+)\s+(.+)$', re.MULTILINE)
|
||||
RE_TOP_BULLET = re.compile(r'^-\s+\*\*([^*]+)\*\*\s*$')
|
||||
|
||||
|
||||
def extract_subsection(text, num_label):
|
||||
"""### {num_label} ... 부터 다음 ### 또는 --- 직전까지 추출."""
|
||||
lines = text.split('\n')
|
||||
start = None
|
||||
for i, ln in enumerate(lines):
|
||||
m = RE_SUBSECTION_HEAD.match(ln.strip())
|
||||
if m and m.group(1) == num_label:
|
||||
start = i
|
||||
break
|
||||
if start is None:
|
||||
return None, []
|
||||
end = len(lines)
|
||||
for j in range(start + 1, len(lines)):
|
||||
s = lines[j].strip()
|
||||
if RE_SUBSECTION_HEAD.match(s) or s == '---':
|
||||
end = j
|
||||
break
|
||||
section_title = lines[start].lstrip('# ').strip()
|
||||
body_lines = lines[start + 1:end]
|
||||
|
||||
# 4 항목 추출 (top bullet + nested bullets)
|
||||
items = []
|
||||
cur = None
|
||||
for ln in body_lines:
|
||||
stripped = ln.strip()
|
||||
m = RE_TOP_BULLET.match(stripped)
|
||||
if m:
|
||||
if cur is not None:
|
||||
items.append(cur)
|
||||
cur = {'headline': m.group(1).strip(), 'subs': []}
|
||||
continue
|
||||
m2 = re.match(r'^-\s+(.+)$', stripped)
|
||||
if m2 and cur is not None and not stripped.startswith('- **'):
|
||||
cur['subs'].append(m2.group(1).strip())
|
||||
if cur is not None:
|
||||
items.append(cur)
|
||||
return section_title, items
|
||||
|
||||
|
||||
def extract_section_04_1(text):
|
||||
"""04-1 = ## 1. DX에 대한 인식. <h3> 카드 5 개 + 각 카드 안 인용 + bullet 3 개."""
|
||||
lines = text.split('\n')
|
||||
start = None
|
||||
for i, ln in enumerate(lines):
|
||||
if ln.strip() == '## 1. DX에 대한 인식':
|
||||
start = i
|
||||
break
|
||||
if start is None:
|
||||
return None, []
|
||||
end = len(lines)
|
||||
for j in range(start + 1, len(lines)):
|
||||
s = lines[j].strip()
|
||||
if s.startswith('## ') and s != '## 1. DX에 대한 인식':
|
||||
end = j
|
||||
break
|
||||
|
||||
body = '\n'.join(lines[start:end])
|
||||
|
||||
# <h3> 라벨 + 다음 <p> 인용 + <ul><li> bullet 3 개
|
||||
cards = []
|
||||
for m in re.finditer(r'<h3[^>]*>([^<]+)</h3>', body):
|
||||
cards.append({'label': m.group(1).strip()})
|
||||
|
||||
return lines[start].lstrip('# ').strip(), cards
|
||||
|
||||
|
||||
# ─── V4 metadata lookup ──────────────────────────────────────────
|
||||
|
||||
def get_f16_judgment(v4, section_id):
|
||||
sec = v4['mdx_sections'].get(section_id)
|
||||
if not sec:
|
||||
return None
|
||||
for e in sec['judgments_full32']:
|
||||
if e['frame_number'] == 16:
|
||||
return e
|
||||
return None
|
||||
|
||||
|
||||
def get_top1(v4, section_id):
|
||||
sec = v4['mdx_sections'].get(section_id)
|
||||
if not sec:
|
||||
return None
|
||||
j = sec.get('judgments_full32', [])
|
||||
return j[0] if j else None
|
||||
|
||||
|
||||
# ─── HTML 렌더링 ─────────────────────────────────────────────────
|
||||
|
||||
def render_items_html(items):
|
||||
parts = ['<div class="items-list">']
|
||||
for i, it in enumerate(items, 1):
|
||||
parts.append('<div class="item">')
|
||||
parts.append(f'<div class="item-headline">{i}. {escape(it["headline"])}</div>')
|
||||
if it['subs']:
|
||||
parts.append('<ul class="item-subs">')
|
||||
for s in it['subs']:
|
||||
parts.append(f'<li>{escape(s)}</li>')
|
||||
parts.append('</ul>')
|
||||
parts.append('</div>')
|
||||
parts.append('</div>')
|
||||
return '\n'.join(parts)
|
||||
|
||||
|
||||
def render_cards_html(cards):
|
||||
parts = ['<div class="cards-list">']
|
||||
for i, c in enumerate(cards, 1):
|
||||
parts.append(f'<div class="card">{i}. {escape(c["label"])}</div>')
|
||||
parts.append('</div>')
|
||||
return '\n'.join(parts)
|
||||
|
||||
|
||||
def render_v4_metadata_html(j, label_note=''):
|
||||
if j is None:
|
||||
return '<div class="v4-meta v4-meta-missing">V4 entry not found</div>'
|
||||
axes = j.get('axes', {})
|
||||
return f'''<div class="v4-meta">
|
||||
<div class="v4-meta-row">
|
||||
<span class="v4-meta-key">V4 rank:</span><span class="v4-meta-val">{j["v4_full_rank"]}</span>
|
||||
<span class="v4-meta-key">conf:</span><span class="v4-meta-val">{j["confidence"]:.4f}</span>
|
||||
<span class="v4-meta-key">label:</span><span class="v4-meta-val v4-label-{j["label"]}">{j["label"]}</span>
|
||||
</div>
|
||||
<div class="v4-meta-row v4-axes">
|
||||
<span class="v4-meta-key">axes:</span>
|
||||
anchor={axes.get("anchor", 0):.2f} ·
|
||||
cardinality={axes.get("cardinality", 0):.2f} ·
|
||||
relation={axes.get("relation", 0):.2f} ·
|
||||
slot={axes.get("slot", 0):.2f} ·
|
||||
content={axes.get("content", 0):.4f}
|
||||
</div>
|
||||
{f'<div class="v4-meta-row v4-note">{label_note}</div>' if label_note else ''}
|
||||
</div>'''
|
||||
|
||||
|
||||
def render_section(section_id, mdx_title, items_html, j_f16, top1, note):
|
||||
"""좌: F16 figma 원본 iframe / 우: MDX 텍스트 4 항목 / 하: V4 metadata."""
|
||||
label_note = note
|
||||
return f'''<section class="preview-section" id="sec-{section_id}">
|
||||
<header class="section-head">
|
||||
<h2>{escape(section_id)} · {escape(mdx_title)}</h2>
|
||||
<div class="section-sub">
|
||||
F16 (bim_issues_quadrant_four) candidate · top1 = F{top1["frame_number"]} ({top1["label"]}, conf {top1["confidence"]:.4f})
|
||||
</div>
|
||||
</header>
|
||||
<div class="section-body">
|
||||
<div class="col col-figma">
|
||||
<div class="col-label">F16 figma 원본 (디자인 형태)</div>
|
||||
<div class="iframe-frame">
|
||||
<iframe src="f16_original/index.html" frameborder="0" scrolling="no"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-mdx">
|
||||
<div class="col-label">MDX 04 {escape(section_id)} 본문 (4 항목)</div>
|
||||
{items_html}
|
||||
</div>
|
||||
</div>
|
||||
{render_v4_metadata_html(j_f16, label_note)}
|
||||
</section>'''
|
||||
|
||||
|
||||
def render_04_1_placeholder(top1):
|
||||
return f'''<section class="preview-section preview-gap" id="sec-04-1">
|
||||
<header class="section-head">
|
||||
<h2>04-1 · DX에 대한 인식</h2>
|
||||
<div class="section-sub">
|
||||
Frame library gap — 5-card 구조, 32 frame DB 에 cardinality.ideal=5 frame 부재 (이번 preview 제외)
|
||||
</div>
|
||||
</header>
|
||||
<div class="gap-note">
|
||||
<strong>왜 제외</strong>: 04-1 은 5 개 카드 (기술/효과/인력/경제/실무) — h3_cards=5 인식까지는 정상. 다만 32 frame
|
||||
중 5-card 대응 frame 이 없어 V4 multi-constraint 통과 가능 frame 자체가 없음 (사용 가능 0/32, 모두 reject).
|
||||
이건 detect bug 가 아니라 <strong>frame library readiness 문제</strong>.
|
||||
<br><br>
|
||||
V4 top1 = F{top1["frame_number"]} (conf {top1["confidence"]:.4f}, {top1["label"]}) — F16 도 rank 15, conf 0.361, reject.
|
||||
</div>
|
||||
</section>'''
|
||||
|
||||
|
||||
# ─── 메인 ────────────────────────────────────────────────────────
|
||||
|
||||
def main():
|
||||
if not V4_RESULT.exists():
|
||||
print(f"ERROR: V4 result not found at {V4_RESULT}", file=sys.stderr)
|
||||
sys.exit(1)
|
||||
if not MDX_PATH.exists():
|
||||
print(f"ERROR: MDX 04 not found at {MDX_PATH}", file=sys.stderr)
|
||||
sys.exit(1)
|
||||
|
||||
mdx_text = MDX_PATH.read_text(encoding='utf-8')
|
||||
v4 = yaml.safe_load(V4_RESULT.read_text(encoding='utf-8'))
|
||||
|
||||
# 04-2.1
|
||||
title_2_1, items_2_1 = extract_subsection(mdx_text, '2.1')
|
||||
j16_2_1 = get_f16_judgment(v4, '04-2.1')
|
||||
top1_2_1 = get_top1(v4, '04-2.1')
|
||||
|
||||
# 04-2.2
|
||||
title_2_2, items_2_2 = extract_subsection(mdx_text, '2.2')
|
||||
j16_2_2 = get_f16_judgment(v4, '04-2.2')
|
||||
top1_2_2 = get_top1(v4, '04-2.2')
|
||||
|
||||
# 04-1
|
||||
title_1, cards_1 = extract_section_04_1(mdx_text)
|
||||
top1_1 = get_top1(v4, '04-1')
|
||||
|
||||
# HTML 조립
|
||||
section_2_1_html = render_section(
|
||||
'04-2.1', title_2_1,
|
||||
render_items_html(items_2_1),
|
||||
j16_2_1, top1_2_1,
|
||||
note='F16 candidate — V4 label=reject (anchor=0). 의미 매칭 회복했으나 anchor terms 부재로 multi-constraint 탈락. preview 목적 = F16 디자인 / 04-2.1 본문 정합성 시각 확인.'
|
||||
)
|
||||
section_2_2_html = render_section(
|
||||
'04-2.2', title_2_2,
|
||||
render_items_html(items_2_2),
|
||||
j16_2_2, top1_2_2,
|
||||
note='F16 restructure — V4 label=restructure 통과 (사용 가능 라벨). preview 목적 = F16 디자인이 04-2.2 본문에 시각적으로 fit 한지 확인.'
|
||||
)
|
||||
section_1_html = render_04_1_placeholder(top1_1)
|
||||
|
||||
timestamp = datetime.now().isoformat(timespec='seconds')
|
||||
page_html = f'''<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>MDX04 Partial Preview · diagnostic only</title>
|
||||
<style>
|
||||
* {{ margin: 0; padding: 0; box-sizing: border-box; }}
|
||||
body {{
|
||||
font-family: -apple-system, "Pretendard", "Apple SD Gothic Neo", sans-serif;
|
||||
background: #f5f6f8; color: #111; line-height: 1.5;
|
||||
padding: 24px;
|
||||
}}
|
||||
.banner {{
|
||||
background: #fff7ed; border: 2px solid #f59e0b; border-radius: 8px;
|
||||
padding: 16px 20px; margin: 0 auto 24px; max-width: 1400px;
|
||||
}}
|
||||
.banner h1 {{ font-size: 18px; color: #92400e; margin-bottom: 6px; }}
|
||||
.banner p {{ font-size: 13px; color: #78350f; }}
|
||||
.banner .timestamp {{ font-size: 11px; color: #b45309; margin-top: 8px; font-family: monospace; }}
|
||||
|
||||
.preview-section {{
|
||||
max-width: 1400px; margin: 0 auto 32px;
|
||||
background: #fff; border: 1px solid #d1d5db; border-radius: 8px;
|
||||
overflow: hidden;
|
||||
}}
|
||||
.section-head {{ padding: 16px 20px; border-bottom: 1px solid #e5e7eb; background: #f9fafb; }}
|
||||
.section-head h2 {{ font-size: 18px; color: #111827; margin-bottom: 4px; }}
|
||||
.section-sub {{ font-size: 13px; color: #6b7280; }}
|
||||
|
||||
.section-body {{
|
||||
display: grid; grid-template-columns: 1fr 1fr; gap: 0;
|
||||
border-bottom: 1px solid #e5e7eb;
|
||||
}}
|
||||
.col {{ padding: 16px 20px; }}
|
||||
.col-figma {{ border-right: 1px solid #e5e7eb; background: #fafafa; }}
|
||||
.col-label {{
|
||||
font-size: 12px; color: #6b7280; text-transform: uppercase; letter-spacing: 0.5px;
|
||||
margin-bottom: 12px; font-weight: 600;
|
||||
}}
|
||||
|
||||
.iframe-frame {{
|
||||
width: 100%; height: 380px;
|
||||
background: #fff; border: 1px solid #d1d5db; border-radius: 4px;
|
||||
overflow: hidden; position: relative;
|
||||
}}
|
||||
.iframe-frame iframe {{
|
||||
width: 1280px; height: 720px;
|
||||
transform: scale(0.5); transform-origin: top left;
|
||||
}}
|
||||
|
||||
.items-list {{ display: flex; flex-direction: column; gap: 14px; }}
|
||||
.item {{ padding: 12px 14px; background: #f3f4f6; border-left: 3px solid #2563eb; border-radius: 4px; }}
|
||||
.item-headline {{ font-weight: 700; color: #111; font-size: 14px; margin-bottom: 6px; }}
|
||||
.item-subs {{ list-style: disc; padding-left: 20px; font-size: 13px; color: #374151; }}
|
||||
.item-subs li {{ margin-bottom: 3px; }}
|
||||
|
||||
.cards-list {{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }}
|
||||
.card {{ padding: 10px 12px; background: #f3f4f6; border-radius: 4px; font-size: 13px; }}
|
||||
|
||||
.v4-meta {{ padding: 12px 20px; background: #f9fafb; font-family: monospace; font-size: 12px; color: #374151; }}
|
||||
.v4-meta-row {{ margin-bottom: 4px; }}
|
||||
.v4-meta-key {{ color: #6b7280; margin-right: 4px; }}
|
||||
.v4-meta-val {{ color: #111; margin-right: 12px; font-weight: 600; }}
|
||||
.v4-axes {{ font-size: 11px; color: #6b7280; }}
|
||||
.v4-note {{ font-size: 12px; color: #6b7280; margin-top: 6px; line-height: 1.5; font-family: inherit; }}
|
||||
.v4-label-use_as_is {{ color: #059669; }}
|
||||
.v4-label-light_edit {{ color: #2563eb; }}
|
||||
.v4-label-restructure {{ color: #d97706; }}
|
||||
.v4-label-reject {{ color: #dc2626; }}
|
||||
|
||||
.preview-gap {{ background: #fef2f2; }}
|
||||
.preview-gap .section-head {{ background: #fee2e2; border-bottom-color: #fecaca; }}
|
||||
.gap-note {{ padding: 16px 20px; font-size: 13px; color: #7f1d1d; }}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="banner">
|
||||
<h1>MDX04 Partial Preview · diagnostic only</h1>
|
||||
<p>이 출력은 정식 Phase Z final 이 아닙니다. F16 (`bim_issues_quadrant_four`) 가 04-2.1 / 04-2.2 의 4 항목 구조와
|
||||
시각적으로 정합하는지 확인하기 위한 진단용 preview 입니다. V4 runtime / mapper / partial 우회.
|
||||
04-1 은 frame library gap 으로 이번 preview 제외.</p>
|
||||
<div class="timestamp">generated: {timestamp}</div>
|
||||
</div>
|
||||
|
||||
{section_2_1_html}
|
||||
|
||||
{section_2_2_html}
|
||||
|
||||
{section_1_html}
|
||||
|
||||
</body>
|
||||
</html>'''
|
||||
|
||||
out_html = RUN_DIR / "index.html"
|
||||
out_html.write_text(page_html, encoding='utf-8')
|
||||
|
||||
debug = {
|
||||
'kind': 'mdx04_partial_preview',
|
||||
'is_phase_z_final': False,
|
||||
'is_diagnostic': True,
|
||||
'purpose': 'F16 디자인 / 04-2.* 4 항목 구조 시각 정합성 확인',
|
||||
'generated_at': timestamp,
|
||||
'v4_source': str(V4_RESULT.relative_to(ROOT)),
|
||||
'mdx_source': str(MDX_PATH.relative_to(ROOT)),
|
||||
'sections': {
|
||||
'04-2.1': {
|
||||
'mdx_title': title_2_1,
|
||||
'item_count': len(items_2_1),
|
||||
'top1': top1_2_1,
|
||||
'f16_judgment': j16_2_1,
|
||||
'preview_label': 'F16 candidate (V4 label = reject, conf 0.648, anchor=0)',
|
||||
},
|
||||
'04-2.2': {
|
||||
'mdx_title': title_2_2,
|
||||
'item_count': len(items_2_2),
|
||||
'top1': top1_2_2,
|
||||
'f16_judgment': j16_2_2,
|
||||
'preview_label': 'F16 restructure (V4 label = restructure, 사용 가능 통과)',
|
||||
},
|
||||
'04-1': {
|
||||
'mdx_title': title_1,
|
||||
'card_count': len(cards_1),
|
||||
'top1': top1_1,
|
||||
'preview_label': 'EXCLUDED — frame library gap (5-card structure, no matching frame in 32 DB)',
|
||||
},
|
||||
},
|
||||
'caveats': [
|
||||
'정식 Phase Z final 아님 — V4 runtime / mapper / partial 모두 우회',
|
||||
'F16 figma 원본 HTML 을 그대로 임베드 — 디자인 형태만 시각화 (텍스트 슬롯 매핑 X)',
|
||||
'04-2.1 의 F16 V4 label = reject (anchor=0) — 의미 매칭 회복했으나 anchor terms 부재',
|
||||
'04-2.2 의 F16 V4 label = restructure — 사용 가능 라벨, 단 정식 partial 미작성',
|
||||
'04-1 = frame library readiness 문제 (detect bug 아님)',
|
||||
],
|
||||
}
|
||||
out_debug = RUN_DIR / "debug.json"
|
||||
out_debug.write_text(json.dumps(debug, ensure_ascii=False, indent=2), encoding='utf-8')
|
||||
|
||||
print(f"[mdx04_partial_preview] generated:")
|
||||
print(f" html : {out_html}")
|
||||
print(f" debug : {out_debug}")
|
||||
print(f" figma : {RUN_DIR / 'f16_original' / 'index.html'}")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
main()
|
||||
@@ -0,0 +1,290 @@
|
||||
from __future__ import annotations
|
||||
|
||||
import argparse
|
||||
import asyncio
|
||||
import json
|
||||
import sys
|
||||
from pathlib import Path
|
||||
|
||||
ROOT = Path(__file__).resolve().parents[1]
|
||||
if str(ROOT) not in sys.path:
|
||||
sys.path.insert(0, str(ROOT))
|
||||
|
||||
from src.block_reference import select_and_generate_references
|
||||
from src.config import settings
|
||||
from src.content_verifier import generate_with_retry
|
||||
from src.design_director import LAYOUT_PRESETS, select_preset
|
||||
from src.image_utils import embed_images, get_image_sizes
|
||||
from src.mdx_normalizer import normalize_mdx_content
|
||||
from src.pipeline_context import (
|
||||
Analysis,
|
||||
BlockReference,
|
||||
ContainerInfo,
|
||||
DesignBudget,
|
||||
FontHierarchy,
|
||||
NormalizedContent,
|
||||
PageStructure,
|
||||
PipelineContext,
|
||||
Topic,
|
||||
create_context,
|
||||
)
|
||||
from src.renderer import render_slide_from_html
|
||||
from src.slide_measurer import capture_slide_screenshot, measure_rendered_heights
|
||||
from src.space_allocator import (
|
||||
ContainerSpec as LegacyContainerSpec,
|
||||
calculate_container_specs,
|
||||
calculate_design_budget,
|
||||
calculate_dynamic_ratio,
|
||||
calculate_font_hierarchy,
|
||||
)
|
||||
|
||||
|
||||
def _load_json(path: Path) -> dict:
|
||||
return json.loads(path.read_text(encoding='utf-8-sig'))
|
||||
|
||||
|
||||
def _build_context(content: str, base_path: str, stage1a: dict, stage1b: dict) -> PipelineContext:
|
||||
ctx = create_context(content, base_path)
|
||||
|
||||
normalized = normalize_mdx_content(content)
|
||||
ctx.normalized = NormalizedContent(
|
||||
clean_text=normalized['clean_text'],
|
||||
title=normalized['title'],
|
||||
images=normalized['images'],
|
||||
popups=normalized['popups'],
|
||||
tables=normalized['tables'],
|
||||
sections=normalized['sections'],
|
||||
)
|
||||
|
||||
analysis_raw = stage1a['analysis']
|
||||
ctx.analysis = Analysis(
|
||||
core_message=analysis_raw['core_message'],
|
||||
title=analysis_raw['title'],
|
||||
total_pages=analysis_raw.get('total_pages', 1),
|
||||
)
|
||||
ctx.page_structure = PageStructure(roles=stage1a['page_structure'])
|
||||
|
||||
refined_map = {item['topic_id']: item for item in stage1b['concepts']}
|
||||
topics = []
|
||||
for raw in stage1a['topics']:
|
||||
merged = dict(raw)
|
||||
if raw['id'] in refined_map:
|
||||
merged.update(refined_map[raw['id']])
|
||||
topics.append(Topic(**merged))
|
||||
ctx.topics = topics
|
||||
return ctx
|
||||
|
||||
|
||||
def _stage_1_5a(ctx: PipelineContext) -> PipelineContext:
|
||||
image_sizes = get_image_sizes(ctx.raw_content, ctx.base_path)
|
||||
role_text_lengths = {}
|
||||
for role, info in ctx.page_structure.roles.items():
|
||||
if isinstance(info, dict):
|
||||
role_text_lengths[role] = len(ctx.get_role_content(role))
|
||||
|
||||
font_hierarchy_dict = calculate_font_hierarchy(role_text_lengths)
|
||||
ctx.font_hierarchy = FontHierarchy(
|
||||
key_msg=font_hierarchy_dict.get('핵심', 14.0),
|
||||
core=font_hierarchy_dict.get('본심', 12.0),
|
||||
bg=font_hierarchy_dict.get('배경', 11.0),
|
||||
sidebar=font_hierarchy_dict.get('첨부', 10.0),
|
||||
)
|
||||
ctx.container_ratio = calculate_dynamic_ratio(role_text_lengths, font_hierarchy_dict)
|
||||
|
||||
analysis_dict = {
|
||||
'topics': [t.model_dump() for t in ctx.topics],
|
||||
'page_structure': ctx.page_structure.roles,
|
||||
}
|
||||
preset_name = select_preset(analysis_dict)
|
||||
ctx.preset_name = preset_name
|
||||
ctx.preset = LAYOUT_PRESETS.get(preset_name, {})
|
||||
|
||||
container_specs = calculate_container_specs(
|
||||
page_structure=ctx.page_structure.roles,
|
||||
topics=[t.model_dump() for t in ctx.topics],
|
||||
preset=ctx.preset,
|
||||
slide_width=settings.slide_width,
|
||||
slide_height=settings.slide_height,
|
||||
)
|
||||
ctx.containers = {
|
||||
role: ContainerInfo(
|
||||
role=spec.role,
|
||||
zone=spec.zone,
|
||||
topic_ids=spec.topic_ids,
|
||||
weight=spec.weight,
|
||||
height_px=spec.height_px,
|
||||
width_px=spec.width_px,
|
||||
max_height_cost=spec.max_height_cost,
|
||||
block_constraints=spec.block_constraints,
|
||||
)
|
||||
for role, spec in container_specs.items()
|
||||
}
|
||||
|
||||
slide_images = []
|
||||
for img_key, img_info in (image_sizes or {}).items():
|
||||
img_path = Path(ctx.base_path) / img_key if ctx.base_path else Path(img_key)
|
||||
slide_images.append({
|
||||
'path': str(img_path),
|
||||
'width': img_info.get('width', 0),
|
||||
'height': img_info.get('height', 0),
|
||||
'ratio': round(img_info.get('width', 1) / max(1, img_info.get('height', 1)), 2),
|
||||
'topic_id': img_info.get('topic_id'),
|
||||
'b64': '',
|
||||
})
|
||||
ctx.slide_images = slide_images
|
||||
ctx.analysis = ctx.analysis.model_copy(update={'image_sizes': image_sizes or {}})
|
||||
return ctx
|
||||
|
||||
|
||||
def _stage_1_7(ctx: PipelineContext) -> PipelineContext:
|
||||
refs_raw = select_and_generate_references(
|
||||
topics=[t.model_dump() for t in ctx.topics],
|
||||
containers=ctx.containers,
|
||||
page_structure=ctx.page_structure.roles,
|
||||
)
|
||||
ctx.references = {
|
||||
role: BlockReference(
|
||||
block_id=ref['block_id'],
|
||||
variant=ref['variant'],
|
||||
visual_type=ref['visual_type'],
|
||||
schema_info=ref['schema_info'],
|
||||
design_reference_html=ref['design_reference_html'],
|
||||
)
|
||||
for role, ref in refs_raw.items()
|
||||
}
|
||||
return ctx
|
||||
|
||||
|
||||
def _stage_1_5b(ctx: PipelineContext) -> PipelineContext:
|
||||
updated = {}
|
||||
font_map = {'본심': 'core', '배경': 'bg', '첨부': 'sidebar', '결론': 'core'}
|
||||
for role, ci in ctx.containers.items():
|
||||
ref = ctx.references.get(role)
|
||||
schema_info = ref.schema_info if ref else {}
|
||||
font_size = getattr(ctx.font_hierarchy, font_map.get(role, 'core'), 12.0)
|
||||
budget = calculate_design_budget(
|
||||
container_height_px=ci.height_px,
|
||||
container_width_px=ci.width_px,
|
||||
block_schema=schema_info,
|
||||
font_size=font_size,
|
||||
)
|
||||
updated[role] = ci.model_copy(update={
|
||||
'design_budget': DesignBudget(
|
||||
available_height_px=budget['available_height_px'],
|
||||
available_width_px=budget['available_width_px'],
|
||||
max_circle_diameter=budget['max_circle_diameter'],
|
||||
max_img_width=budget['max_img_width'],
|
||||
max_img_height=budget['max_img_height'],
|
||||
fits=budget['fits'],
|
||||
)
|
||||
})
|
||||
ctx.containers = updated
|
||||
return ctx
|
||||
|
||||
|
||||
async def _stage_2(ctx: PipelineContext) -> PipelineContext:
|
||||
analysis_dict = {
|
||||
'topics': [t.model_dump() for t in ctx.topics],
|
||||
'page_structure': ctx.page_structure.roles,
|
||||
'core_message': ctx.analysis.core_message,
|
||||
'title': ctx.analysis.title,
|
||||
'total_pages': ctx.analysis.total_pages,
|
||||
'image_sizes': ctx.analysis.image_sizes,
|
||||
}
|
||||
container_specs_dict = {
|
||||
role: LegacyContainerSpec(
|
||||
role=ci.role,
|
||||
zone=ci.zone,
|
||||
topic_ids=ci.topic_ids,
|
||||
weight=ci.weight,
|
||||
height_px=ci.height_px,
|
||||
width_px=ci.width_px,
|
||||
max_height_cost=ci.max_height_cost,
|
||||
block_constraints=ci.block_constraints,
|
||||
)
|
||||
for role, ci in ctx.containers.items()
|
||||
}
|
||||
analysis_dict['phase_t'] = {
|
||||
'font_hierarchy': ctx.font_hierarchy.model_dump(),
|
||||
'container_ratio': ctx.container_ratio,
|
||||
'references': {role: ref.model_dump() for role, ref in ctx.references.items()},
|
||||
'design_budgets': {
|
||||
role: ci.design_budget.model_dump() if ci.design_budget else {}
|
||||
for role, ci in ctx.containers.items()
|
||||
},
|
||||
}
|
||||
generated, _verification = await generate_with_retry(
|
||||
content=ctx.raw_content,
|
||||
analysis=analysis_dict,
|
||||
container_specs=container_specs_dict,
|
||||
preset=ctx.preset,
|
||||
images=ctx.slide_images,
|
||||
)
|
||||
ctx.generated_html = generated
|
||||
return ctx
|
||||
|
||||
|
||||
def _stage_3(ctx: PipelineContext) -> PipelineContext:
|
||||
analysis_dict = {
|
||||
'topics': [t.model_dump() for t in ctx.topics],
|
||||
'page_structure': ctx.page_structure.roles,
|
||||
'core_message': ctx.analysis.core_message,
|
||||
'title': ctx.analysis.title,
|
||||
}
|
||||
ctx.rendered_html = render_slide_from_html(ctx.generated_html, analysis_dict, ctx.preset)
|
||||
if ctx.base_path:
|
||||
ctx.rendered_html = embed_images(ctx.rendered_html, ctx.base_path)
|
||||
return ctx
|
||||
|
||||
|
||||
def _stage_4_lite(ctx: PipelineContext) -> PipelineContext:
|
||||
ctx.measurement = measure_rendered_heights(ctx.rendered_html)
|
||||
ctx.screenshot_b64 = capture_slide_screenshot(ctx.rendered_html) or ''
|
||||
ctx.quality_score = 100 if not any(
|
||||
zone.get('overflowed') for zone in ctx.measurement.get('zones', {}).values()
|
||||
) else 60
|
||||
return ctx
|
||||
|
||||
|
||||
async def main() -> None:
|
||||
parser = argparse.ArgumentParser()
|
||||
parser.add_argument('--input', required=True)
|
||||
parser.add_argument('--stage1a', required=True)
|
||||
parser.add_argument('--stage1b', required=True)
|
||||
parser.add_argument('--base-path', default='')
|
||||
parser.add_argument('--output-dir', required=True)
|
||||
args = parser.parse_args()
|
||||
|
||||
content = Path(args.input).read_text(encoding='utf-8')
|
||||
stage1a = _load_json(Path(args.stage1a))
|
||||
stage1b = _load_json(Path(args.stage1b))
|
||||
|
||||
ctx = _build_context(content, args.base_path, stage1a, stage1b)
|
||||
ctx = _stage_1_5a(ctx)
|
||||
ctx = _stage_1_7(ctx)
|
||||
ctx = _stage_1_5b(ctx)
|
||||
ctx = await _stage_2(ctx)
|
||||
ctx = _stage_3(ctx)
|
||||
ctx = _stage_4_lite(ctx)
|
||||
|
||||
out_dir = Path(args.output_dir)
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
(out_dir / 'generated_html.json').write_text(
|
||||
json.dumps(ctx.generated_html, ensure_ascii=False, indent=2),
|
||||
encoding='utf-8',
|
||||
)
|
||||
(out_dir / 'final.html').write_text(ctx.rendered_html, encoding='utf-8')
|
||||
(out_dir / 'measurement.json').write_text(
|
||||
json.dumps(ctx.measurement, ensure_ascii=False, indent=2),
|
||||
encoding='utf-8',
|
||||
)
|
||||
(out_dir / 'context.json').write_text(
|
||||
ctx.model_dump_json(indent=2, exclude={'screenshot_b64', 'rendered_html'}),
|
||||
encoding='utf-8',
|
||||
)
|
||||
|
||||
|
||||
if __name__ == '__main__':
|
||||
asyncio.run(main())
|
||||
|
||||
|
||||
@@ -0,0 +1,83 @@
|
||||
"""Stage 1B 데이터를 고정 입력으로, pipeline.py의 generate_slide()를 사용.
|
||||
|
||||
Kei persona 관여 부분(1A, 1B)을 건너뛰고
|
||||
나머지 파이프라인(1.5a~4)을 그대로 실행.
|
||||
|
||||
pipeline.py를 직접 수정하지 않고, manual_layout 파라미터로 Stage 1A를 고정.
|
||||
Stage 1B(structured_text)도 고정.
|
||||
|
||||
사용법:
|
||||
python scripts/run_from_stage1b.py data/runs/20260403_133746
|
||||
"""
|
||||
import asyncio
|
||||
import json
|
||||
import sys
|
||||
from pathlib import Path
|
||||
|
||||
sys.path.insert(0, str(Path(__file__).parent.parent))
|
||||
|
||||
|
||||
async def main(run_dir: str):
|
||||
run = Path(run_dir)
|
||||
|
||||
# Stage 1B context 로드
|
||||
ctx_json = json.loads((run / "stage_1b_context.json").read_text(encoding="utf-8"))
|
||||
# MDX 원본: context에서 가져옴 (어떤 MDX든 대응)
|
||||
raw_content = ctx_json.get("raw_content", "")
|
||||
|
||||
# Stage 1A 결과를 manual_layout으로 전달 (Stage 1A 스킵)
|
||||
# page_structure가 {"roles": {...}} 형태이면 roles 안쪽을 직접 전달
|
||||
ps = ctx_json["page_structure"]
|
||||
if "roles" in ps:
|
||||
ps = ps["roles"]
|
||||
|
||||
manual_layout = {
|
||||
"topics": ctx_json["topics"],
|
||||
"page_structure": ps,
|
||||
"core_message": ctx_json.get("analysis", {}).get("core_message", ""),
|
||||
"title": ctx_json.get("analysis", {}).get("title", ""),
|
||||
"layout_template": ctx_json.get("analysis", {}).get("layout_template", "A"),
|
||||
}
|
||||
|
||||
layout = manual_layout.get("layout_template", "A")
|
||||
print(f"=== Stage 1B 데이터 고정: {run.name} (유형 {layout}) ===")
|
||||
print(f" topics: {len(ctx_json['topics'])}개")
|
||||
for t in ctx_json["topics"]:
|
||||
print(f" 꼭지{t['id']}: {t['title']} (st={len(t.get('structured_text',''))}자)")
|
||||
|
||||
# pipeline.py의 generate_slide() 호출
|
||||
from src.pipeline import generate_slide
|
||||
|
||||
# 이미지 base_path: context에서 가져옴
|
||||
base_path = ctx_json.get("base_path", "")
|
||||
async for event in generate_slide(raw_content, manual_layout=manual_layout, base_path=base_path):
|
||||
ev_type = event.get("event", "")
|
||||
ev_data = event.get("data", "")
|
||||
if ev_type == "progress":
|
||||
print(f" [{ev_type}] {ev_data}")
|
||||
elif ev_type == "error":
|
||||
print(f" ❌ {ev_data}")
|
||||
elif ev_type == "result":
|
||||
print(f" ✅ 완료 ({len(ev_data)} bytes)")
|
||||
|
||||
# 최신 run 찾기 (YYYYMMDD_HHMMSS 형식만)
|
||||
import re as _re
|
||||
runs_dir = Path("data/runs")
|
||||
dated_runs = [d for d in runs_dir.iterdir() if d.is_dir() and _re.match(r'^\d{8}_\d{6}$', d.name)]
|
||||
latest = sorted(dated_runs, reverse=True)[0]
|
||||
print(f"\n=== 결과: {latest} ===")
|
||||
|
||||
# 코드 조립도 실행
|
||||
from scripts.assemble_stage2 import assemble
|
||||
assemble(str(latest))
|
||||
|
||||
print(f"\n확인:")
|
||||
print(f" file:///{latest}/steps/stage_2.html")
|
||||
print(f" file:///{latest}/steps/stage_2_code_assembled.html")
|
||||
print(f" file:///{latest}/steps/stage_3_rendered.html")
|
||||
print(f" file:///{latest}/final.html")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
run_dir = sys.argv[1] if len(sys.argv) > 1 else "data/runs/20260403_133746"
|
||||
asyncio.run(main(run_dir))
|
||||
@@ -0,0 +1,45 @@
|
||||
"""Pipeline v2 실행 스크립트.
|
||||
|
||||
사용법:
|
||||
python scripts/run_pipeline_v2.py
|
||||
python scripts/run_pipeline_v2.py samples/mdx/03.*.mdx
|
||||
"""
|
||||
import sys
|
||||
import time
|
||||
from pathlib import Path
|
||||
|
||||
sys.path.insert(0, str(Path(__file__).parent.parent))
|
||||
|
||||
from src.pipeline_v2 import generate_slide_v2
|
||||
|
||||
|
||||
def main():
|
||||
# 인자로 MDX 경로, 없으면 기본값
|
||||
if len(sys.argv) > 1:
|
||||
mdx_path = Path(sys.argv[1])
|
||||
else:
|
||||
mdx_path = Path("samples/mdx/03. DX 시행을 위한 필수 요건 및 혁신 방안.mdx")
|
||||
|
||||
if not mdx_path.exists():
|
||||
print(f"MDX 파일 없음: {mdx_path}")
|
||||
return
|
||||
|
||||
content = mdx_path.read_text(encoding="utf-8")
|
||||
print(f"MDX: {mdx_path.name}")
|
||||
print(f"길이: {len(content)}자")
|
||||
print()
|
||||
|
||||
start = time.time()
|
||||
result = generate_slide_v2(content, base_path=str(mdx_path.parent))
|
||||
elapsed = time.time() - start
|
||||
|
||||
print(f"\n완료! ({elapsed:.1f}초)")
|
||||
print(f"run_id: {result['run_id']}")
|
||||
print(f"결과: {result['run_dir']}/")
|
||||
print(f" final.html")
|
||||
print(f" final_context.json")
|
||||
print(f" steps/")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
main()
|
||||
@@ -0,0 +1,547 @@
|
||||
"""IMP-04 per-frame Jinja smoke harness (StrictUndefined).
|
||||
|
||||
scope-lock 16 조건 (Gitea #4) §11 / §13 :
|
||||
- smoke = isolated Jinja partial render with StrictUndefined
|
||||
- production render path (`phase_z2_pipeline.render_slide`) 미변경 — 본 harness 만 strict
|
||||
- builder output keys ↔ partial Jinja variables 정합 확인이 본 harness 의 목적
|
||||
- asset path / undefined variable / template syntax 실패 시 즉시 error
|
||||
|
||||
Usage :
|
||||
# sanity check existing frames (mock payloads bundled below)
|
||||
python scripts/smoke_frame_render.py --self-check
|
||||
|
||||
# check a specific template with mock payload from stdin
|
||||
python scripts/smoke_frame_render.py three_parallel_requirements < mock.json
|
||||
|
||||
# check all template_ids in `templates/phase_z2/families/` against bundled mocks
|
||||
python scripts/smoke_frame_render.py --self-check
|
||||
|
||||
Exit codes :
|
||||
0 = all renders succeeded (StrictUndefined passed)
|
||||
1 = at least one render failed
|
||||
2 = invalid input (template_id 미존재 등)
|
||||
|
||||
본 harness 는 IMP-04 의 per-frame 6-step gate Step 5 의 자동 실행 단위.
|
||||
"""
|
||||
from __future__ import annotations
|
||||
|
||||
import argparse
|
||||
import json
|
||||
import sys
|
||||
from pathlib import Path
|
||||
from typing import Optional
|
||||
|
||||
from jinja2 import (
|
||||
Environment,
|
||||
FileSystemLoader,
|
||||
StrictUndefined,
|
||||
TemplateError,
|
||||
UndefinedError,
|
||||
select_autoescape,
|
||||
)
|
||||
|
||||
PROJECT_ROOT = Path(__file__).parent.parent
|
||||
TEMPLATE_DIR = PROJECT_ROOT / "templates" / "phase_z2"
|
||||
FAMILIES_DIR = TEMPLATE_DIR / "families"
|
||||
|
||||
|
||||
# ─── Mock payloads (existing 3 frames — sanity baseline) ────────
|
||||
|
||||
# mock = real builder output shape (refer mapper.py builders).
|
||||
# StrictUndefined requires every referenced attribute to exist; optional fields
|
||||
# must be present with empty/None values so `{% if x %}` evaluates falsy.
|
||||
_MOCK_THREE_PARALLEL = {
|
||||
"title": "1. DX 시행을 위한 필수 요건",
|
||||
"pillars": [
|
||||
{
|
||||
"label": "기술 (Technology)",
|
||||
"label_main": "기술",
|
||||
"label_paren": "Technology",
|
||||
"color_class": "tech",
|
||||
"sections": [
|
||||
{
|
||||
"heading": "디지털 도구",
|
||||
"text_lines": [
|
||||
{"text": "BIM 활용", "indent": 0},
|
||||
{"text": "클라우드 협업", "indent": 0},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
"label": "사람 (People)",
|
||||
"label_main": "사람",
|
||||
"label_paren": "People",
|
||||
"color_class": "people",
|
||||
"sections": [
|
||||
{
|
||||
"heading": "역량 강화",
|
||||
"text_lines": [
|
||||
{"text": "전문가 양성", "indent": 0},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
"label": "자연 (Nature)",
|
||||
"label_main": "자연",
|
||||
"label_paren": "Nature",
|
||||
"color_class": "nature",
|
||||
"sections": [
|
||||
{
|
||||
"heading": "환경 적응",
|
||||
"text_lines": [
|
||||
{"text": "지역적 제약 고려", "indent": 0},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
}
|
||||
|
||||
_MOCK_PROCESS_PRODUCT = {
|
||||
"title": "2. Process의 혁신과 Product의 변화",
|
||||
"banner_left": "Process",
|
||||
"banner_right": "Product",
|
||||
"process": {
|
||||
"sections": [
|
||||
{"title": "과정 1", "transforms": [], "text_lines": [{"text": "AS-IS 정리", "indent": 0}]},
|
||||
{"title": "과정 2", "transforms": [], "text_lines": [{"text": "TO-BE 전환", "indent": 0}]},
|
||||
{"title": "과정 3", "transforms": [], "text_lines": [{"text": "검증 단계", "indent": 0}]},
|
||||
],
|
||||
},
|
||||
"product": {
|
||||
"sections": [
|
||||
{"title": "결과 1", "transforms": [], "text_lines": [{"text": "BIM 모델", "indent": 0}], "footnote": "", "sub_title": ""},
|
||||
{"title": "결과 2", "transforms": [], "text_lines": [{"text": "통합 협업", "indent": 0}], "footnote": "", "sub_title": ""},
|
||||
{"title": "결과 3", "transforms": [], "text_lines": [{"text": "실시간 검증", "indent": 0}], "footnote": "", "sub_title": ""},
|
||||
],
|
||||
},
|
||||
}
|
||||
|
||||
_MOCK_QUADRANT = {
|
||||
"title": "BIM 도입 4 문제",
|
||||
"center_quote": "",
|
||||
"quadrant_1_label": "기술 부족",
|
||||
"quadrant_1_headline": "",
|
||||
"quadrant_1_body": [{"text": "디지털 도구 미숙", "indent": 0}],
|
||||
"quadrant_2_label": "인력 부족",
|
||||
"quadrant_2_headline": "",
|
||||
"quadrant_2_body": [{"text": "전문가 부재", "indent": 0}],
|
||||
"quadrant_3_label": "프로세스",
|
||||
"quadrant_3_headline": "",
|
||||
"quadrant_3_body": [{"text": "업무 흐름 단절", "indent": 0}],
|
||||
"quadrant_4_label": "표준화",
|
||||
"quadrant_4_headline": "",
|
||||
"quadrant_4_body": [{"text": "가이드 부재", "indent": 0}],
|
||||
}
|
||||
|
||||
# IMP-04 frame 1 — three_persona_benefits (frame 14, frame_id=1171281191).
|
||||
# Builder = items_with_role + quadrant_item parser → persona dict = {label, body, color_class}.
|
||||
_MOCK_THREE_PERSONA_BENEFITS = {
|
||||
"title": "주체별 기대효과",
|
||||
"personas": [
|
||||
{
|
||||
"label": "발주자",
|
||||
"color_class": "client",
|
||||
"body": [
|
||||
{"text": "민원, 재 작업 등의 예방 및 최소화", "indent": 0},
|
||||
{"text": "직관화로 품질 향상 및 안정성 제고", "indent": 0},
|
||||
{"text": "수행공정의 쉬운이해로 관리 편의성 증진", "indent": 0},
|
||||
{"text": "실무자와 발주자간의 소통 오류 최소화", "indent": 0},
|
||||
],
|
||||
},
|
||||
{
|
||||
"label": "시공자",
|
||||
"color_class": "constructor",
|
||||
"body": [
|
||||
{"text": "시공 오류예방 및 공사 Risk 최소화", "indent": 0},
|
||||
{"text": "시각화로 안전성 제고 및 품질 향상", "indent": 0},
|
||||
{"text": "건설 관계자들 간의 의사소통 강화", "indent": 0},
|
||||
],
|
||||
},
|
||||
{
|
||||
"label": "설계자",
|
||||
"color_class": "designer",
|
||||
"body": [
|
||||
{"text": "직관적 시각화로 원활한 소통", "indent": 0},
|
||||
{"text": "3D 모델 활용으로 오류 최소화", "indent": 0},
|
||||
{"text": "발주자와의 상호 신뢰 증진", "indent": 0},
|
||||
],
|
||||
},
|
||||
],
|
||||
}
|
||||
|
||||
# Track A frame 2 — construction_goals_three_circle_intersection (frame 12).
|
||||
# Builder = cycle_intersect_3 + quadrant_item parser (label only).
|
||||
# slot_payload : title, circle_1_label, circle_2_label, circle_3_label, intersection.
|
||||
_MOCK_CONSTRUCTION_GOALS = {
|
||||
"title": "건설산업의 목표 (BIM 의 목적)",
|
||||
"circle_1_label": "안전과 품질",
|
||||
"circle_2_label": "생산성 향상",
|
||||
"circle_3_label": "소통과 신뢰",
|
||||
"intersection": "3요소가 조화를 이룰 때 BIM 의 궁극적 목표 달성",
|
||||
}
|
||||
|
||||
# Track A frame 3 — construction_bim_three_usage (frame 11).
|
||||
# Builder = quadrant_flat_slots reuse (pad_to=3, category_N_label/body keys).
|
||||
_MOCK_CONSTRUCTION_BIM_USAGE = {
|
||||
"title": "시공단계 BIM 모델·정보 활용 구분",
|
||||
"category_1_label": "모델기반",
|
||||
"category_1_body": [
|
||||
{"text": "최종 목적물의 3D 형상정보 활용", "indent": 0},
|
||||
],
|
||||
"category_2_label": "객체기반",
|
||||
"category_2_body": [
|
||||
{"text": "Model 개별 객체의 건설정보 활용", "indent": 0},
|
||||
],
|
||||
"category_3_label": "위치기반",
|
||||
"category_3_body": [
|
||||
{"text": "공사 중 위치정보 활용", "indent": 0},
|
||||
],
|
||||
}
|
||||
|
||||
# Track A frame 4 — bim_dx_comparison_table (frame 18).
|
||||
# NEW builder = compare_table_2col + NEW parser = compare_row_2col_item.
|
||||
# slot_payload : title, col_a_label, col_b_label, rows=[{label, col_a, col_b}].
|
||||
_MOCK_BIM_DX_COMPARISON = {
|
||||
"title": "BIM 과 DX 의 이해",
|
||||
"col_a_label": "BIM",
|
||||
"col_b_label": "DX",
|
||||
"rows": [
|
||||
{"label": "범위", "col_a": "Only 3D", "col_b": "BIM << DX (ENG. + Mgmt 포함)"},
|
||||
{"label": "S/W", "col_a": "상용 S/W (Revit 등)", "col_b": "상용 + 전용 40~80개"},
|
||||
{"label": "프로세스", "col_a": "기존 2D 설계방식 유지", "col_b": "근본적 문제의식 통한 개선"},
|
||||
{"label": "성과물", "col_a": "3D 모델 중심", "col_b": "공학 정보 + 콘텐츠 연계"},
|
||||
{"label": "활용", "col_a": "분야별 단절", "col_b": "전 생애주기 활용 시스템"},
|
||||
{"label": "수행개념", "col_a": "수동적 / 집단적", "col_b": "적극·구체적 실현 방안"},
|
||||
],
|
||||
}
|
||||
|
||||
# Track A frame 5 — dx_sw_necessity_three_perspectives (frame 20).
|
||||
# Builder reuse = quadrant_flat_slots (F11 pattern) — pad_to=3, perspective_N keys.
|
||||
_MOCK_DX_SW_NECESSITY = {
|
||||
"title": "디지털 전환(DX)은 S/W가 필수다",
|
||||
"perspective_1_label": "BIM 전면설계",
|
||||
"perspective_1_body": [
|
||||
{"text": "건설산업 생산성 향상", "indent": 0},
|
||||
{"text": "고부가가치 산업 전환", "indent": 0},
|
||||
],
|
||||
"perspective_2_label": "디지털 전환 S/W",
|
||||
"perspective_2_body": [
|
||||
{"text": "노동집약형 업무 탈피", "indent": 0},
|
||||
{"text": "S/W 고도화 + 투자 필요", "indent": 0},
|
||||
],
|
||||
"perspective_3_label": "고부가가치 산업전환",
|
||||
"perspective_3_body": [
|
||||
{"text": "기본기술 이해 발전 필요", "indent": 0},
|
||||
{"text": "DX 통한 Process 혁신", "indent": 0},
|
||||
],
|
||||
}
|
||||
|
||||
# Track A frame 6 — info_management_what_how_when (frame 8).
|
||||
# V4-zero catalog-completeness activation (Codex round 47 guardrail).
|
||||
# Builder reuse = quadrant_flat_slots (F11/F20 pattern) — section_N keys.
|
||||
_MOCK_INFO_MGMT = {
|
||||
"title": "효율적인 정보의 관리와 활용 (What/How/When)",
|
||||
"section_1_label": "무슨 정보 (What)",
|
||||
"section_1_body": [
|
||||
{"text": "수량 / 단가 / 공사일정 등 계획 정보", "indent": 0},
|
||||
{"text": "일일 작업 / 자원 등 공사 실행 정보", "indent": 0},
|
||||
],
|
||||
"section_2_label": "어떻게 연계 (How)",
|
||||
"section_2_body": [
|
||||
{"text": "3D 형상 산출속성 연계", "indent": 0},
|
||||
{"text": "시방규정 + S/W 통합", "indent": 0},
|
||||
],
|
||||
"section_3_label": "언제 사용 (When)",
|
||||
"section_3_body": [
|
||||
{"text": "착수 전 공정/시공계획 수립", "indent": 0},
|
||||
{"text": "공사 후 실적 관리 + 문서 작성", "indent": 0},
|
||||
],
|
||||
}
|
||||
|
||||
SELF_CHECK_FIXTURES: dict[str, dict] = {
|
||||
"three_parallel_requirements": _MOCK_THREE_PARALLEL,
|
||||
"process_product_two_way": _MOCK_PROCESS_PRODUCT,
|
||||
"bim_issues_quadrant_four": _MOCK_QUADRANT,
|
||||
"three_persona_benefits": _MOCK_THREE_PERSONA_BENEFITS,
|
||||
"construction_goals_three_circle_intersection": _MOCK_CONSTRUCTION_GOALS,
|
||||
"construction_bim_three_usage": _MOCK_CONSTRUCTION_BIM_USAGE,
|
||||
"bim_dx_comparison_table": _MOCK_BIM_DX_COMPARISON,
|
||||
"dx_sw_necessity_three_perspectives": _MOCK_DX_SW_NECESSITY,
|
||||
"info_management_what_how_when": _MOCK_INFO_MGMT,
|
||||
"sw_reality_three_emphasis": {
|
||||
"title": "현존 상용 S/W 의 현실",
|
||||
"emphasis_1_label": "토목 전문성 부족",
|
||||
"emphasis_1_body": [{"text": "건축용 S/W 일부 수정 적용", "indent": 0}],
|
||||
"emphasis_2_label": "비효율성",
|
||||
"emphasis_2_body": [{"text": "범용 개발 + 전문가용 한계", "indent": 0}],
|
||||
"emphasis_3_label": "실무 적용 불가",
|
||||
"emphasis_3_body": [{"text": "특수성 반영 어려움", "indent": 0}],
|
||||
},
|
||||
"bim_current_problems_paired": {
|
||||
# F17 schema-correction — 8 atomic issues per source texts.md (round 55~73 lock).
|
||||
# paired_rows_4x2_alternating_pills : 4 rows × 2 cells, row 1/3 pill top, row 2/4 pill bottom.
|
||||
"title": "현황 및 문제점",
|
||||
# row 1 : BIM 의미 인식 오류 (개념 부재 + 잘못된 접근방식)
|
||||
"row_1_left_label": "개념 부재",
|
||||
"row_1_left_body": [{"text": "BIM을 CAD 확장판으로 오인, 3D 도구 정도로만 인식", "indent": 0}],
|
||||
"row_1_right_label": "잘못된 접근방식",
|
||||
"row_1_right_body": [{"text": "단순 업무효율 도구로만 인식, 교육으로 해결될 것으로 판단", "indent": 0}],
|
||||
# row 2 : 기술 방향 의존 (방향성 상실 + 전제조건 오류)
|
||||
"row_2_left_label": "방향성 상실",
|
||||
"row_2_left_body": [{"text": "대형 S/W 회사 제시 내용 추종, 자체 목표설정 기능 상실", "indent": 0}],
|
||||
"row_2_right_label": "전제조건 오류",
|
||||
"row_2_right_body": [{"text": "건축·토목 동일 전제로 건축 방식을 토목에 그대로 적용", "indent": 0}],
|
||||
# row 3 : 실행 주체 혼란 (수행주체 혼란 + 수행방식 무지)
|
||||
"row_3_left_label": "수행주체 혼란",
|
||||
"row_3_left_body": [{"text": "학자·발주처 주도, 실행주체 기업·기술자는 기존 방식 고수", "indent": 0}],
|
||||
"row_3_right_label": "수행방식 무지",
|
||||
"row_3_right_body": [{"text": "2D 결과 전제, 3D 수행 경험 부재, 비용·시간 증가·품질 미흡", "indent": 0}],
|
||||
# row 4 : 외부 의존성 (외산S/W 기술예속 + H/W 미비)
|
||||
"row_4_left_label": "외산S/W 기술예속",
|
||||
"row_4_left_body": [{"text": "외산 범용 S/W 만으로 BIM 가능 인식, 기술예속 가속", "indent": 0}],
|
||||
"row_4_right_label": "H/W 미비",
|
||||
"row_4_right_body": [{"text": "탁상용 PC·Monitor 수준, 고품질 모델 표출 한계", "indent": 0}],
|
||||
},
|
||||
}
|
||||
|
||||
|
||||
# ─── Core ───────────────────────────────────────────────────────
|
||||
|
||||
|
||||
def _make_env() -> Environment:
|
||||
"""StrictUndefined Jinja env — production render path 와 동등 loader,
|
||||
단 undefined behavior 만 strict.
|
||||
"""
|
||||
return Environment(
|
||||
loader=FileSystemLoader(str(TEMPLATE_DIR)),
|
||||
autoescape=select_autoescape(["html"]),
|
||||
undefined=StrictUndefined,
|
||||
)
|
||||
|
||||
|
||||
def smoke_render(template_id: str, slot_payload: dict) -> tuple[bool, str]:
|
||||
"""Isolated StrictUndefined Jinja render.
|
||||
|
||||
Returns (ok, html_or_error_text).
|
||||
"""
|
||||
env = _make_env()
|
||||
try:
|
||||
partial = env.get_template(f"families/{template_id}.html")
|
||||
except Exception as exc: # noqa: BLE001 — surface any loader error
|
||||
return False, f"TemplateLoad: {exc!r}"
|
||||
|
||||
try:
|
||||
html = partial.render(slot_payload=slot_payload)
|
||||
except UndefinedError as exc:
|
||||
return False, f"UndefinedError (missing variable): {exc}"
|
||||
except TemplateError as exc:
|
||||
return False, f"TemplateError: {exc}"
|
||||
except Exception as exc: # noqa: BLE001
|
||||
return False, f"RenderError: {exc!r}"
|
||||
return True, html
|
||||
|
||||
|
||||
def list_existing_partials() -> list[str]:
|
||||
"""Return template_id list (filename stems without .html) under families/."""
|
||||
return sorted(p.stem for p in FAMILIES_DIR.glob("*.html"))
|
||||
|
||||
|
||||
# ─── Render-to artifact (R3 acceptance gate) ────────────────────
|
||||
|
||||
|
||||
def _extract_asset_refs(html: str, template_id: str) -> list[str]:
|
||||
"""Return relative paths `assets/{template_id}/<filename>` referenced by HTML.
|
||||
|
||||
Matches both `src="assets/..."` (img tag) and `url("assets/...")` (CSS).
|
||||
"""
|
||||
import re
|
||||
pattern = rf'(?:src=|url\()["\']?(assets/{re.escape(template_id)}/[^"\'\)\s]+)'
|
||||
return sorted(set(re.findall(pattern, html)))
|
||||
|
||||
|
||||
def render_to_dir(template_id: str, slot_payload: dict, out_dir: Path) -> tuple[bool, str]:
|
||||
"""R3 acceptance gate — render partial + copy assets + save artifact.
|
||||
|
||||
Mechanism (Codex round 28 spec) :
|
||||
1. smoke render (StrictUndefined Jinja) → HTML
|
||||
2. reuse production `copy_assets(template_id, run_dir)` — assets/<template_id>/* 복사
|
||||
3. save HTML to `{out_dir}/index.html`
|
||||
4. fail if HTML references a missing local asset (post copy)
|
||||
5. production render path 미변경
|
||||
|
||||
Returns (ok, summary_or_error).
|
||||
"""
|
||||
ok, html_or_err = smoke_render(template_id, slot_payload)
|
||||
if not ok:
|
||||
return False, f"render failed: {html_or_err}"
|
||||
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
|
||||
# Reuse production copy_assets (no logic dup)
|
||||
import sys
|
||||
sys.path.insert(0, str(PROJECT_ROOT))
|
||||
from src.phase_z2_pipeline import copy_assets
|
||||
assets_dst = copy_assets(template_id, out_dir)
|
||||
assets_info = f"assets dir={assets_dst.relative_to(out_dir) if assets_dst else '(none)'}"
|
||||
|
||||
# Verify all referenced assets exist (Codex round 28 — fail-fast missing assets)
|
||||
refs = _extract_asset_refs(html_or_err, template_id)
|
||||
missing = [r for r in refs if not (out_dir / r).exists()]
|
||||
if missing:
|
||||
return False, (
|
||||
f"missing assets (fail-fast per Codex round 28) : {len(missing)} of "
|
||||
f"{len(refs)} references not resolved : {missing[:3]}{'...' if len(missing) > 3 else ''}"
|
||||
)
|
||||
|
||||
# Wrap partial with minimal HTML viewer (browser-openable)
|
||||
viewer = f"""<!DOCTYPE html>
|
||||
<html lang="ko"><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Phase Z render artifact — {template_id}</title>
|
||||
<style>
|
||||
body {{ margin: 0; padding: 20px; background: #e8ecf0;
|
||||
font-family: 'Noto Sans KR', sans-serif; word-break: keep-all; }}
|
||||
.viewer-wrap {{ width: 1180px; max-width: 100%; margin: 0 auto;
|
||||
background: #fff; box-shadow: 0 4px 20px rgba(0,0,0,.15);
|
||||
padding: 40px; min-height: 350px; box-sizing: border-box; }}
|
||||
.viewer-note {{ max-width: 1180px; margin: 10px auto 0; padding: 8px 12px;
|
||||
background: #fffbe8; border-left: 4px solid #f5b400;
|
||||
font-size: 12px; color: #5a4500; }}
|
||||
/* Phase Z token CSS — minimal viewer override (production uses real tokens) */
|
||||
:root {{
|
||||
--font-zone-title: 28px; --lh-zone-title: 1.3;
|
||||
--font-sub-title: 18px; --lh-sub-title: 1.4;
|
||||
--font-caption: 11px;
|
||||
--font-body: 11px; --lh-body: 1.4;
|
||||
}}
|
||||
</style>
|
||||
</head><body>
|
||||
<div class="viewer-wrap">
|
||||
{html_or_err}
|
||||
</div>
|
||||
<div class="viewer-note">
|
||||
R3 acceptance gate artifact — smoke harness `--render-to`. template_id = {template_id}.
|
||||
Open this file in a browser to visually inspect rendered output + promoted assets.
|
||||
</div>
|
||||
</body></html>
|
||||
"""
|
||||
|
||||
out_html = out_dir / "index.html"
|
||||
out_html.write_text(viewer, encoding="utf-8")
|
||||
|
||||
return True, (
|
||||
f"rendered → {out_html} ({len(html_or_err)} chars partial, "
|
||||
f"{len(refs)} asset refs all resolved). {assets_info}"
|
||||
)
|
||||
|
||||
|
||||
# ─── CLI ────────────────────────────────────────────────────────
|
||||
|
||||
|
||||
def _cmd_self_check() -> int:
|
||||
"""Run smoke render against every bundled fixture and report.
|
||||
|
||||
Exit 0 if all PASS, 1 otherwise. Frames with no fixture are SKIPPED
|
||||
(reported separately so the per-frame gate is explicit).
|
||||
"""
|
||||
existing = list_existing_partials()
|
||||
print(f"== smoke harness self-check ({len(existing)} partial(s) found) ==")
|
||||
fail_count = 0
|
||||
skip_count = 0
|
||||
for tpl in existing:
|
||||
if tpl not in SELF_CHECK_FIXTURES:
|
||||
print(f" SKIP {tpl} (no bundled fixture)")
|
||||
skip_count += 1
|
||||
continue
|
||||
ok, msg = smoke_render(tpl, SELF_CHECK_FIXTURES[tpl])
|
||||
if ok:
|
||||
print(f" PASS {tpl} ({len(msg)} chars)")
|
||||
else:
|
||||
print(f" FAIL {tpl} → {msg}")
|
||||
fail_count += 1
|
||||
|
||||
# Also surface fixtures with no corresponding partial (catches typos)
|
||||
for fixture in SELF_CHECK_FIXTURES:
|
||||
if fixture not in existing:
|
||||
print(f" ORPHAN {fixture} (fixture but no partial)")
|
||||
fail_count += 1
|
||||
|
||||
print(f"-- summary: PASS={len(existing) - fail_count - skip_count} "
|
||||
f"FAIL={fail_count} SKIP={skip_count} --")
|
||||
return 0 if fail_count == 0 else 1
|
||||
|
||||
|
||||
def _cmd_one(template_id: str, payload_path: Optional[Path]) -> int:
|
||||
if payload_path is not None:
|
||||
slot_payload = json.loads(payload_path.read_text(encoding="utf-8"))
|
||||
elif not sys.stdin.isatty():
|
||||
slot_payload = json.load(sys.stdin)
|
||||
elif template_id in SELF_CHECK_FIXTURES:
|
||||
slot_payload = SELF_CHECK_FIXTURES[template_id]
|
||||
print(f"[info] using bundled fixture for {template_id}", file=sys.stderr)
|
||||
else:
|
||||
print(f"error: no payload provided for '{template_id}' "
|
||||
f"(pipe JSON via stdin or use --payload)", file=sys.stderr)
|
||||
return 2
|
||||
|
||||
ok, msg = smoke_render(template_id, slot_payload)
|
||||
if ok:
|
||||
print(f"PASS {template_id} ({len(msg)} chars rendered)", file=sys.stderr)
|
||||
sys.stdout.write(msg)
|
||||
return 0
|
||||
print(f"FAIL {template_id} → {msg}", file=sys.stderr)
|
||||
return 1
|
||||
|
||||
|
||||
def main(argv: Optional[list[str]] = None) -> int:
|
||||
parser = argparse.ArgumentParser(
|
||||
description="IMP-04 per-frame Jinja smoke harness (StrictUndefined).",
|
||||
)
|
||||
parser.add_argument("template_id", nargs="?",
|
||||
help="frame template_id (omit when --self-check).")
|
||||
parser.add_argument("--self-check", action="store_true",
|
||||
help="render every bundled fixture and report.")
|
||||
parser.add_argument("--payload", type=Path, default=None,
|
||||
help="JSON file with slot_payload (else stdin or fixture).")
|
||||
parser.add_argument("--render-to", type=Path, default=None, metavar="DIR",
|
||||
help=(
|
||||
"R3 acceptance gate — render + copy_assets + save artifact "
|
||||
"to DIR/index.html. fail-fast on missing local assets."
|
||||
))
|
||||
args = parser.parse_args(argv)
|
||||
|
||||
if args.self_check:
|
||||
return _cmd_self_check()
|
||||
if args.template_id is None:
|
||||
parser.print_usage(sys.stderr)
|
||||
return 2
|
||||
|
||||
# --render-to mode (R3 acceptance gate)
|
||||
if args.render_to is not None:
|
||||
# Determine payload (fixture preferred for render-to)
|
||||
if args.payload is not None:
|
||||
payload = json.loads(args.payload.read_text(encoding="utf-8"))
|
||||
elif args.template_id in SELF_CHECK_FIXTURES:
|
||||
payload = SELF_CHECK_FIXTURES[args.template_id]
|
||||
print(f"[info] using bundled fixture for {args.template_id}", file=sys.stderr)
|
||||
elif not sys.stdin.isatty():
|
||||
payload = json.load(sys.stdin)
|
||||
else:
|
||||
print(f"error: no payload for '{args.template_id}' "
|
||||
f"(--payload or stdin or bundled fixture required)", file=sys.stderr)
|
||||
return 2
|
||||
ok, msg = render_to_dir(args.template_id, payload, args.render_to)
|
||||
if ok:
|
||||
print(f"PASS {args.template_id} → {msg}")
|
||||
return 0
|
||||
print(f"FAIL {args.template_id} → {msg}", file=sys.stderr)
|
||||
return 1
|
||||
|
||||
return _cmd_one(args.template_id, args.payload)
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
sys.exit(main())
|
||||
@@ -0,0 +1,617 @@
|
||||
"""3가지 접근법 비교: 같은 콘텐츠, 다른 생성 방식.
|
||||
|
||||
접근 A: Few-Shot 직접 생성 — Claude가 디자인 토큰 안에서 HTML 직접 작성
|
||||
접근 B: 레이아웃 프리미티브 조합 — 15개 기본 요소를 조합
|
||||
접근 C: 참조 기반 생성 — ideal_v2를 참조하여 구조 유지하되 콘텐츠만 교체
|
||||
|
||||
Kei API 불필요 — 순수 렌더링만.
|
||||
"""
|
||||
from __future__ import annotations
|
||||
import asyncio, json, sys, base64
|
||||
from pathlib import Path
|
||||
|
||||
ROOT = Path(__file__).parent.parent
|
||||
sys.path.insert(0, str(ROOT))
|
||||
|
||||
# ═══════════════════════════════════════
|
||||
# 공통 디자인 토큰 (3가지 접근 모두 이 토큰만 사용)
|
||||
# ═══════════════════════════════════════
|
||||
DESIGN_TOKENS_CSS = """
|
||||
:root {
|
||||
--color-primary: #1e293b;
|
||||
--color-accent: #2563eb;
|
||||
--color-accent-light: #93c5fd;
|
||||
--color-bg: #ffffff;
|
||||
--color-bg-subtle: #f8fafc;
|
||||
--color-bg-dark: #1e293b;
|
||||
--color-bg-dark-deep: #0f172a;
|
||||
--color-border: #e2e8f0;
|
||||
--color-danger: #dc2626;
|
||||
--color-warning: #fbbf24;
|
||||
--color-text: #1e293b;
|
||||
--color-text-secondary: #64748b;
|
||||
--color-text-light: #94a3b8;
|
||||
--color-text-on-dark: #e2e8f0;
|
||||
--color-text-on-accent: #ffffff;
|
||||
|
||||
--font-title: 28px;
|
||||
--font-section: 14px;
|
||||
--font-body: 13px;
|
||||
--font-small: 11px;
|
||||
--font-caption: 10px;
|
||||
|
||||
--weight-normal: 400;
|
||||
--weight-medium: 500;
|
||||
--weight-bold: 700;
|
||||
--weight-black: 900;
|
||||
|
||||
--spacing-page: 36px 40px 24px;
|
||||
--spacing-section: 16px;
|
||||
--spacing-block: 12px;
|
||||
--spacing-inner: 10px;
|
||||
--spacing-small: 6px;
|
||||
|
||||
--radius: 8px;
|
||||
--radius-small: 6px;
|
||||
--line-height: 1.6;
|
||||
}
|
||||
"""
|
||||
|
||||
SLIDE_BASE_CSS = """
|
||||
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
.slide {
|
||||
width: 1280px; height: 720px; overflow: hidden;
|
||||
background: var(--color-bg);
|
||||
font-family: 'Pretendard Variable', sans-serif;
|
||||
color: var(--color-text);
|
||||
font-size: var(--font-body);
|
||||
line-height: var(--line-height);
|
||||
word-break: keep-all;
|
||||
display: grid;
|
||||
grid-template-areas: 'header header' 'body sidebar' 'footer footer';
|
||||
grid-template-columns: 65fr 35fr;
|
||||
grid-template-rows: auto 1fr auto;
|
||||
gap: var(--spacing-section);
|
||||
padding: var(--spacing-page);
|
||||
}
|
||||
.header {
|
||||
grid-area: header;
|
||||
font-size: var(--font-title);
|
||||
font-weight: var(--weight-black);
|
||||
color: var(--color-primary);
|
||||
border-bottom: 3px solid var(--color-accent);
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
.body { grid-area: body; display: flex; flex-direction: column; gap: var(--spacing-block); overflow: hidden; }
|
||||
.sidebar { grid-area: sidebar; display: flex; flex-direction: column; gap: var(--spacing-block); border-left: 1px solid var(--color-border); padding-left: 20px; overflow: hidden; }
|
||||
.footer { grid-area: footer; background: linear-gradient(135deg, #006aff, #00aaff); border-radius: var(--radius); padding: 14px 30px; text-align: center; color: var(--color-text-on-accent); }
|
||||
.footer-text { font-size: 15px; font-weight: var(--weight-bold); }
|
||||
.footer-sub { font-size: var(--font-small); opacity: 0.85; margin-top: 2px; }
|
||||
"""
|
||||
|
||||
|
||||
# ═══════════════════════════════════════
|
||||
# 접근 A: Few-Shot 직접 생성
|
||||
# Claude가 디자인 토큰만 보고 자유롭게 HTML 구성
|
||||
# (여기서는 "Claude가 만들었을 법한" 결과를 시뮬레이션)
|
||||
# ═══════════════════════════════════════
|
||||
APPROACH_A_HTML = f"""<!DOCTYPE html>
|
||||
<html lang="ko"><head><meta charset="UTF-8"><title>접근 A</title>
|
||||
<style>{DESIGN_TOKENS_CSS}{SLIDE_BASE_CSS}
|
||||
|
||||
/* 접근 A: Claude가 콘텐츠에 맞게 자유 구성 */
|
||||
.intro-bar {{
|
||||
background: linear-gradient(135deg, var(--color-bg-dark), var(--color-bg-dark-deep));
|
||||
border-radius: var(--radius);
|
||||
padding: 14px 20px;
|
||||
color: var(--color-text-on-dark);
|
||||
}}
|
||||
.intro-bar h3 {{
|
||||
font-size: var(--font-body);
|
||||
font-weight: var(--weight-bold);
|
||||
color: var(--color-accent-light);
|
||||
margin-bottom: var(--spacing-small);
|
||||
}}
|
||||
.intro-bar p {{
|
||||
font-size: var(--font-body);
|
||||
line-height: 1.7;
|
||||
}}
|
||||
.intro-bar strong {{ color: var(--color-warning); }}
|
||||
.cases-row {{
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: var(--spacing-inner);
|
||||
margin-top: var(--spacing-inner);
|
||||
}}
|
||||
.case {{
|
||||
background: rgba(255,255,255,0.07);
|
||||
border-radius: var(--radius-small);
|
||||
padding: 8px 12px;
|
||||
border-left: 3px solid var(--color-accent-light);
|
||||
}}
|
||||
.case-title {{ font-size: var(--font-small); font-weight: var(--weight-bold); color: var(--color-accent-light); margin-bottom: 3px; }}
|
||||
.case-text {{ font-size: var(--font-small); color: var(--color-text-light); line-height: 1.5; }}
|
||||
|
||||
.core-title {{ font-size: var(--font-section); font-weight: var(--weight-black); color: var(--color-accent); text-align: center; margin-bottom: var(--spacing-small); }}
|
||||
|
||||
.dx-container {{
|
||||
border: 3px solid var(--color-accent);
|
||||
border-radius: 14px;
|
||||
padding: 14px 16px 12px;
|
||||
background: linear-gradient(135deg, #eff6ff, #dbeafe);
|
||||
position: relative;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}}
|
||||
.dx-badge {{
|
||||
position: absolute; top: -11px; left: 16px;
|
||||
background: var(--color-accent); color: white;
|
||||
font-size: var(--font-small); font-weight: var(--weight-black);
|
||||
padding: 2px 14px; border-radius: var(--radius-small);
|
||||
}}
|
||||
.dx-desc {{
|
||||
font-size: var(--font-small); color: #1e40af;
|
||||
text-align: center; margin-bottom: var(--spacing-inner);
|
||||
}}
|
||||
.tech-grid {{
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
gap: var(--spacing-inner);
|
||||
flex: 1;
|
||||
}}
|
||||
.tech {{
|
||||
background: white; border: 2px solid var(--color-accent-light);
|
||||
border-radius: var(--radius); padding: 8px; text-align: center;
|
||||
display: flex; flex-direction: column; align-items: center;
|
||||
}}
|
||||
.tech-circle {{
|
||||
width: 32px; height: 32px; border-radius: 50%;
|
||||
background: linear-gradient(135deg, var(--color-accent-light), var(--color-accent));
|
||||
color: white; font-size: 15px; font-weight: var(--weight-black);
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
margin-bottom: 4px;
|
||||
}}
|
||||
.tech b {{ font-size: var(--font-body); color: var(--color-primary); }}
|
||||
.tech span {{ font-size: var(--font-caption); color: var(--color-text-secondary); line-height: 1.4; margin-top: 2px; }}
|
||||
|
||||
.key-msg {{
|
||||
background: #f0f9ff; border: 2px solid #bae6fd;
|
||||
border-radius: var(--radius); padding: 8px 14px; text-align: center;
|
||||
}}
|
||||
.key-msg p {{ font-size: var(--font-body); font-weight: var(--weight-bold); color: #0c4a6e; }}
|
||||
.key-msg em {{ color: var(--color-danger); font-style: normal; font-weight: var(--weight-black); }}
|
||||
|
||||
.sidebar-label {{
|
||||
display: flex; align-items: center; gap: 10px;
|
||||
font-size: var(--font-small); font-weight: var(--weight-medium); color: var(--color-text-light);
|
||||
}}
|
||||
.sidebar-label::before, .sidebar-label::after {{ content: ''; flex: 1; height: 1px; background: var(--color-border); }}
|
||||
|
||||
.def {{
|
||||
background: var(--color-bg-subtle); border: 1px solid var(--color-border);
|
||||
border-radius: var(--radius); padding: 10px 12px;
|
||||
}}
|
||||
.def-head {{ display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }}
|
||||
.def-num {{
|
||||
width: 22px; height: 22px; border-radius: 50%; background: var(--color-accent);
|
||||
color: white; font-size: var(--font-small); font-weight: var(--weight-black);
|
||||
display: flex; align-items: center; justify-content: center; flex-shrink: 0;
|
||||
}}
|
||||
.def-title {{ font-size: var(--font-body); font-weight: var(--weight-bold); }}
|
||||
.def-desc {{ font-size: var(--font-small); color: var(--color-text-secondary); line-height: 1.6; }}
|
||||
.def-src {{ font-size: var(--font-caption); color: var(--color-text-light); font-style: italic; margin-top: 3px; }}
|
||||
</style></head><body>
|
||||
<div class="slide">
|
||||
<div class="header">건설산업 DX의 올바른 이해</div>
|
||||
<div class="body">
|
||||
<div class="intro-bar">
|
||||
<h3>현실 — 용어의 혼용</h3>
|
||||
<p>건설산업에서 <strong>DX와 BIM이 동일 개념으로 인식</strong>되고 있다. DX는 산업 전반의 프로세스를 혁신하는 상위개념이며, BIM은 3차원 모델 기반의 정보 관리 도구로서 DX의 하위 기술에 해당한다.</p>
|
||||
<div class="cases-row">
|
||||
<div class="case">
|
||||
<div class="case-title">스마트 건설 활성화 방안 (2022.07)</div>
|
||||
<div class="case-text">추진과제: 건설산업 디지털화<br>실행과제: BIM 전면 도입, BIM 전문인력 양성</div>
|
||||
</div>
|
||||
<div class="case">
|
||||
<div class="case-title">제7차 건설기술진흥 기본계획 (2023.12)</div>
|
||||
<div class="case-text">추진방향: 디지털 전환을 통한 스마트 건설 확산<br>추진과제: BIM 도입으로 건설산업 디지털화</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="core-title">DX와 핵심기술의 올바른 관계</div>
|
||||
<div class="dx-container">
|
||||
<div class="dx-badge">DX — 디지털 전환 (상위개념)</div>
|
||||
<div class="dx-desc">BIM, GIS, 디지털 트윈 등 핵심기술의 융합을 통해서만 실현 가능</div>
|
||||
<div class="tech-grid">
|
||||
<div class="tech">
|
||||
<div class="tech-circle">G</div>
|
||||
<b>GIS</b>
|
||||
<span>지리적 데이터를 공간 분석하여 시각적으로 표현, 위치기반 정보 제공</span>
|
||||
</div>
|
||||
<div class="tech">
|
||||
<div class="tech-circle">B</div>
|
||||
<b>BIM</b>
|
||||
<span>시설물 생애주기 정보를 3차원 모델 기반으로 통합·관리하는 도구</span>
|
||||
</div>
|
||||
<div class="tech">
|
||||
<div class="tech-circle">T</div>
|
||||
<b>디지털 트윈</b>
|
||||
<span>현실 세계의 물리적 객체를 디지털 환경에 동일하게 구현</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="key-msg">
|
||||
<p><em>BIM ≠ DX</em> — BIM은 DX를 실현하기 위한 핵심 기술 중 하나일 뿐이다</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar">
|
||||
<div class="sidebar-label">용어 정의</div>
|
||||
<div class="def">
|
||||
<div class="def-head"><span class="def-num">1</span><span class="def-title">건설산업</span></div>
|
||||
<div class="def-desc">부동산 개발, 설계, 시공, 유지보수를 포괄하는 종합산업으로, 광범위한 기술을 통합·융합하여 인프라를 만드는 산업</div>
|
||||
</div>
|
||||
<div class="def">
|
||||
<div class="def-head"><span class="def-num">2</span><span class="def-title">BIM</span></div>
|
||||
<div class="def-desc">형상정보와 속성정보가 포함된 3D 모델로, 시설물의 생애주기 동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구</div>
|
||||
<div class="def-src">건설산업 BIM 기본지침, 국토교통부, 2020</div>
|
||||
</div>
|
||||
<div class="def">
|
||||
<div class="def-head"><span class="def-num">3</span><span class="def-title">DX (디지털 전환)</span></div>
|
||||
<div class="def-desc">디지털 기술을 활용하여 업무방식과 가치 창출 구조를 전환하는 과정 및 결과. 단순한 기술 도입이 아닌, 산업의 새로운 방향을 정립</div>
|
||||
<div class="def-src">IBM Institute for Business Value, 2011</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-text">BIM은 건설산업의 디지털전환(DX)을 수행하는 과정에서 가장 기초가 되는 일부분이다</div>
|
||||
<div class="footer-sub">각 용어의 정의, 역할, 상호관계에 대한 체계적 정립 필요</div>
|
||||
</div>
|
||||
</div>
|
||||
</body></html>"""
|
||||
|
||||
|
||||
# ═══════════════════════════════════════
|
||||
# 접근 B: 레이아웃 프리미티브 조합
|
||||
# 15개 기본 요소 중 선택하여 조합
|
||||
# ═══════════════════════════════════════
|
||||
APPROACH_B_HTML = f"""<!DOCTYPE html>
|
||||
<html lang="ko"><head><meta charset="UTF-8"><title>접근 B</title>
|
||||
<style>{DESIGN_TOKENS_CSS}{SLIDE_BASE_CSS}
|
||||
|
||||
/* 접근 B: 프리미티브 조합 — callout + comparison-table + card-row + definition-list */
|
||||
.prim-callout {{
|
||||
background: linear-gradient(135deg, var(--color-bg-dark), var(--color-bg-dark-deep));
|
||||
border-radius: var(--radius); padding: 12px 18px; color: var(--color-text-on-dark);
|
||||
}}
|
||||
.prim-callout-title {{ font-size: var(--font-body); font-weight: var(--weight-bold); color: var(--color-accent-light); margin-bottom: 4px; }}
|
||||
.prim-callout-text {{ font-size: var(--font-small); line-height: 1.6; }}
|
||||
.prim-callout-text strong {{ color: var(--color-warning); }}
|
||||
|
||||
.prim-compare {{
|
||||
display: grid; grid-template-columns: 1fr 1fr; gap: 2px;
|
||||
border-radius: var(--radius); overflow: hidden; margin-top: var(--spacing-small);
|
||||
}}
|
||||
.prim-compare-head {{
|
||||
font-size: var(--font-small); font-weight: var(--weight-bold);
|
||||
padding: 6px 10px; text-align: center;
|
||||
}}
|
||||
.prim-compare-head.left {{ background: var(--color-accent); color: white; }}
|
||||
.prim-compare-head.right {{ background: #475569; color: white; }}
|
||||
.prim-compare-row {{ display: contents; }}
|
||||
.prim-compare-cell {{
|
||||
font-size: var(--font-caption); padding: 5px 10px;
|
||||
background: var(--color-bg-subtle); border-bottom: 1px solid var(--color-border);
|
||||
line-height: 1.5;
|
||||
}}
|
||||
.prim-compare-cell.left {{ color: var(--color-accent); font-weight: var(--weight-medium); }}
|
||||
|
||||
.prim-section-title {{
|
||||
font-size: var(--font-section); font-weight: var(--weight-black);
|
||||
color: var(--color-accent); text-align: center; padding: 4px 0;
|
||||
}}
|
||||
|
||||
.prim-card-row {{
|
||||
display: grid; grid-template-columns: 1fr 1fr 1fr; gap: var(--spacing-inner);
|
||||
flex: 1;
|
||||
}}
|
||||
.prim-card {{
|
||||
background: var(--color-bg-subtle); border: 1px solid var(--color-border);
|
||||
border-radius: var(--radius); padding: 10px; text-align: center;
|
||||
display: flex; flex-direction: column; align-items: center;
|
||||
}}
|
||||
.prim-card-icon {{
|
||||
width: 32px; height: 32px; border-radius: 50%;
|
||||
background: linear-gradient(135deg, var(--color-accent-light), var(--color-accent));
|
||||
color: white; font-size: 15px; font-weight: var(--weight-black);
|
||||
display: flex; align-items: center; justify-content: center; margin-bottom: 4px;
|
||||
}}
|
||||
.prim-card b {{ font-size: var(--font-body); }}
|
||||
.prim-card span {{ font-size: var(--font-caption); color: var(--color-text-secondary); line-height: 1.4; margin-top: 2px; }}
|
||||
|
||||
.prim-highlight {{
|
||||
background: #fef2f2; border: 2px solid #fecaca; border-radius: var(--radius);
|
||||
padding: 8px 14px; text-align: center;
|
||||
}}
|
||||
.prim-highlight p {{ font-size: var(--font-body); font-weight: var(--weight-bold); color: var(--color-danger); }}
|
||||
|
||||
.sidebar-label {{ display: flex; align-items: center; gap: 10px; font-size: var(--font-small); font-weight: var(--weight-medium); color: var(--color-text-light); }}
|
||||
.sidebar-label::before, .sidebar-label::after {{ content: ''; flex: 1; height: 1px; background: var(--color-border); }}
|
||||
.prim-deflist {{ display: flex; flex-direction: column; gap: var(--spacing-inner); }}
|
||||
.prim-def {{
|
||||
background: var(--color-bg-subtle); border: 1px solid var(--color-border);
|
||||
border-radius: var(--radius); padding: 10px 12px;
|
||||
}}
|
||||
.prim-def-head {{ display: flex; align-items: center; gap: 6px; margin-bottom: 3px; }}
|
||||
.prim-def-num {{
|
||||
width: 20px; height: 20px; border-radius: 50%; background: var(--color-accent);
|
||||
color: white; font-size: 10px; font-weight: var(--weight-black);
|
||||
display: flex; align-items: center; justify-content: center; flex-shrink: 0;
|
||||
}}
|
||||
.prim-def-title {{ font-size: var(--font-body); font-weight: var(--weight-bold); }}
|
||||
.prim-def-desc {{ font-size: var(--font-small); color: var(--color-text-secondary); line-height: 1.5; }}
|
||||
.prim-def-src {{ font-size: var(--font-caption); color: var(--color-text-light); font-style: italic; margin-top: 2px; }}
|
||||
</style></head><body>
|
||||
<div class="slide">
|
||||
<div class="header">건설산업 DX의 올바른 이해</div>
|
||||
<div class="body">
|
||||
<!-- 프리미티브 1: callout (문제 제기) -->
|
||||
<div class="prim-callout">
|
||||
<div class="prim-callout-title">현실 — 용어의 혼용</div>
|
||||
<div class="prim-callout-text">건설산업에서 <strong>DX와 BIM이 동일 개념으로 인식</strong>되고 있다. DX는 상위개념이며 BIM은 하위 기술에 해당한다.</div>
|
||||
<!-- 프리미티브 2: compare (사례 비교) -->
|
||||
<div class="prim-compare">
|
||||
<div class="prim-compare-head left">스마트건설 활성화 방안 (2022.07)</div>
|
||||
<div class="prim-compare-head right">제7차 건설기술진흥 기본계획 (2023.12)</div>
|
||||
<div class="prim-compare-cell left">추진과제: 건설산업 디지털화</div>
|
||||
<div class="prim-compare-cell">추진방향: 디지털 전환을 통한 스마트 건설 확산</div>
|
||||
<div class="prim-compare-cell left">실행과제: BIM 전면 도입, 전문인력 양성</div>
|
||||
<div class="prim-compare-cell">추진과제: BIM 도입으로 건설산업 디지털화</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 프리미티브 3: section-title -->
|
||||
<div class="prim-section-title">DX와 핵심기술의 올바른 관계</div>
|
||||
|
||||
<!-- 프리미티브 4: card-row (기술 카드 3열) -->
|
||||
<div class="prim-card-row">
|
||||
<div class="prim-card">
|
||||
<div class="prim-card-icon">G</div>
|
||||
<b>GIS</b>
|
||||
<span>지리적 데이터를 공간 분석하여 시각적으로 표현, 위치기반 정보 제공</span>
|
||||
</div>
|
||||
<div class="prim-card">
|
||||
<div class="prim-card-icon">B</div>
|
||||
<b>BIM</b>
|
||||
<span>시설물 생애주기 정보를 3차원 모델 기반으로 통합·관리하는 도구</span>
|
||||
</div>
|
||||
<div class="prim-card">
|
||||
<div class="prim-card-icon">T</div>
|
||||
<b>디지털 트윈</b>
|
||||
<span>현실 세계의 물리적 객체를 디지털 환경에 동일하게 구현</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 프리미티브 5: highlight (핵심 메시지) -->
|
||||
<div class="prim-highlight">
|
||||
<p>BIM ≠ DX — BIM은 DX를 실현하기 위한 핵심 기술 중 하나일 뿐이다</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar">
|
||||
<div class="sidebar-label">용어 정의</div>
|
||||
<div class="prim-deflist">
|
||||
<div class="prim-def">
|
||||
<div class="prim-def-head"><span class="prim-def-num">1</span><span class="prim-def-title">건설산업</span></div>
|
||||
<div class="prim-def-desc">부동산 개발, 설계, 시공, 유지보수를 포괄하는 종합산업으로, 광범위한 기술을 통합·융합하여 인프라를 만드는 산업</div>
|
||||
</div>
|
||||
<div class="prim-def">
|
||||
<div class="prim-def-head"><span class="prim-def-num">2</span><span class="prim-def-title">BIM</span></div>
|
||||
<div class="prim-def-desc">형상정보와 속성정보가 포함된 3D 모델로, 시설물의 생애주기 동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구</div>
|
||||
<div class="prim-def-src">건설산업 BIM 기본지침, 국토교통부, 2020</div>
|
||||
</div>
|
||||
<div class="prim-def">
|
||||
<div class="prim-def-head"><span class="prim-def-num">3</span><span class="prim-def-title">DX (디지털 전환)</span></div>
|
||||
<div class="prim-def-desc">디지털 기술을 활용하여 업무방식과 가치 창출 구조를 전환하는 과정 및 결과. 단순한 기술 도입이 아닌, 산업의 새로운 방향을 정립</div>
|
||||
<div class="prim-def-src">IBM Institute for Business Value, 2011</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-text">BIM은 건설산업의 디지털전환(DX)을 수행하는 과정에서 가장 기초가 되는 일부분이다</div>
|
||||
<div class="footer-sub">각 용어의 정의, 역할, 상호관계에 대한 체계적 정립 필요</div>
|
||||
</div>
|
||||
</div>
|
||||
</body></html>"""
|
||||
|
||||
|
||||
# ═══════════════════════════════════════
|
||||
# 접근 C: 참조 기반 생성
|
||||
# ideal_v2의 구조를 참조하되, 디자인 토큰으로 스타일 통일
|
||||
# + 포함관계를 더 명확하게 (DX 큰 원 안에 3개)
|
||||
# ═══════════════════════════════════════
|
||||
APPROACH_C_HTML = f"""<!DOCTYPE html>
|
||||
<html lang="ko"><head><meta charset="UTF-8"><title>접근 C</title>
|
||||
<style>{DESIGN_TOKENS_CSS}{SLIDE_BASE_CSS}
|
||||
|
||||
/* 접근 C: 참조(ideal_v2) 기반 + 디자인 토큰 통일 */
|
||||
.ref-problem {{
|
||||
background: linear-gradient(135deg, var(--color-bg-dark), var(--color-bg-dark-deep));
|
||||
border-radius: var(--radius); padding: 14px 20px; color: var(--color-text-on-dark);
|
||||
}}
|
||||
.ref-problem h3 {{ font-size: var(--font-body); font-weight: var(--weight-bold); color: var(--color-accent-light); margin-bottom: var(--spacing-small); }}
|
||||
.ref-problem p {{ font-size: var(--font-body); line-height: 1.7; }}
|
||||
.ref-problem strong {{ color: var(--color-warning); }}
|
||||
.ref-cases {{ display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-inner); margin-top: var(--spacing-inner); }}
|
||||
.ref-case {{ background: rgba(255,255,255,0.07); border-radius: var(--radius-small); padding: 8px 12px; border-left: 3px solid var(--color-accent-light); }}
|
||||
.ref-case-title {{ font-size: var(--font-small); font-weight: var(--weight-bold); color: var(--color-accent-light); margin-bottom: 3px; }}
|
||||
.ref-case-text {{ font-size: var(--font-small); color: var(--color-text-light); line-height: 1.5; }}
|
||||
|
||||
.ref-core-title {{ font-size: var(--font-section); font-weight: var(--weight-black); color: var(--color-accent); text-align: center; }}
|
||||
|
||||
/* 포함관계: SVG 기반 벤 다이어그램 스타일 */
|
||||
.ref-hierarchy {{
|
||||
flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
|
||||
position: relative;
|
||||
}}
|
||||
.ref-dx-ring {{
|
||||
width: 100%; max-width: 600px;
|
||||
border: 3px solid var(--color-accent); border-radius: 20px;
|
||||
padding: 20px 16px 14px; position: relative;
|
||||
background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
|
||||
}}
|
||||
.ref-dx-tag {{
|
||||
position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
|
||||
background: var(--color-accent); color: white;
|
||||
font-size: 12px; font-weight: var(--weight-black);
|
||||
padding: 3px 20px; border-radius: 12px; white-space: nowrap;
|
||||
}}
|
||||
.ref-dx-sub {{
|
||||
text-align: center; font-size: var(--font-small); color: #1e40af;
|
||||
margin-bottom: var(--spacing-inner);
|
||||
}}
|
||||
.ref-techs {{
|
||||
display: flex; justify-content: center; gap: 16px;
|
||||
}}
|
||||
.ref-tech {{
|
||||
width: 130px; text-align: center;
|
||||
}}
|
||||
.ref-tech-bubble {{
|
||||
width: 50px; height: 50px; border-radius: 50%;
|
||||
background: linear-gradient(135deg, var(--color-accent-light), var(--color-accent));
|
||||
color: white; font-size: 20px; font-weight: var(--weight-black);
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
margin: 0 auto 6px; box-shadow: 0 2px 8px rgba(37,99,235,0.3);
|
||||
}}
|
||||
.ref-tech b {{ display: block; font-size: var(--font-body); color: var(--color-primary); margin-bottom: 2px; }}
|
||||
.ref-tech span {{ font-size: var(--font-caption); color: var(--color-text-secondary); line-height: 1.4; }}
|
||||
|
||||
.ref-arrow {{
|
||||
text-align: center; font-size: 12px; color: var(--color-accent);
|
||||
font-weight: var(--weight-bold); margin: 4px 0;
|
||||
}}
|
||||
|
||||
.ref-msg {{
|
||||
background: #f0f9ff; border: 2px solid #bae6fd;
|
||||
border-radius: var(--radius); padding: 10px 16px; text-align: center;
|
||||
margin-top: var(--spacing-small);
|
||||
}}
|
||||
.ref-msg p {{ font-size: var(--font-body); font-weight: var(--weight-bold); color: #0c4a6e; }}
|
||||
.ref-msg em {{ color: var(--color-danger); font-style: normal; font-weight: var(--weight-black); }}
|
||||
|
||||
.sidebar-label {{ display: flex; align-items: center; gap: 10px; font-size: var(--font-small); font-weight: var(--weight-medium); color: var(--color-text-light); }}
|
||||
.sidebar-label::before, .sidebar-label::after {{ content: ''; flex: 1; height: 1px; background: var(--color-border); }}
|
||||
.ref-def {{
|
||||
background: var(--color-bg-subtle); border: 1px solid var(--color-border);
|
||||
border-radius: var(--radius); padding: 10px 12px;
|
||||
}}
|
||||
.ref-def-head {{ display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }}
|
||||
.ref-def-num {{
|
||||
width: 22px; height: 22px; border-radius: 50%; background: var(--color-accent);
|
||||
color: white; font-size: var(--font-small); font-weight: var(--weight-black);
|
||||
display: flex; align-items: center; justify-content: center; flex-shrink: 0;
|
||||
}}
|
||||
.ref-def-title {{ font-size: var(--font-body); font-weight: var(--weight-bold); }}
|
||||
.ref-def-desc {{ font-size: var(--font-small); color: var(--color-text-secondary); line-height: 1.6; }}
|
||||
.ref-def-src {{ font-size: var(--font-caption); color: var(--color-text-light); font-style: italic; margin-top: 3px; }}
|
||||
</style></head><body>
|
||||
<div class="slide">
|
||||
<div class="header">건설산업 DX의 올바른 이해</div>
|
||||
<div class="body">
|
||||
<div class="ref-problem">
|
||||
<h3>현실 — 용어의 혼용</h3>
|
||||
<p>건설산업에서 <strong>DX와 BIM이 동일 개념으로 인식</strong>되고 있다. DX는 산업 전반의 프로세스를 혁신하는 상위개념이며, BIM은 하위 기술에 해당한다.</p>
|
||||
<div class="ref-cases">
|
||||
<div class="ref-case">
|
||||
<div class="ref-case-title">스마트 건설 활성화 방안 (2022.07)</div>
|
||||
<div class="ref-case-text">추진과제: 건설산업 디지털화<br>실행과제: BIM 전면 도입, BIM 전문인력 양성</div>
|
||||
</div>
|
||||
<div class="ref-case">
|
||||
<div class="ref-case-title">제7차 건설기술진흥 기본계획 (2023.12)</div>
|
||||
<div class="ref-case-text">추진방향: 디지털 전환을 통한 스마트 건설 확산<br>추진과제: BIM 도입으로 건설산업 디지털화</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ref-core-title">DX와 핵심기술의 올바른 관계</div>
|
||||
<div class="ref-hierarchy">
|
||||
<div class="ref-dx-ring">
|
||||
<div class="ref-dx-tag">DX — 디지털 전환 (상위개념)</div>
|
||||
<div class="ref-dx-sub">업무방식과 가치 창출 구조를 근본적으로 전환하는 과정</div>
|
||||
<div class="ref-techs">
|
||||
<div class="ref-tech">
|
||||
<div class="ref-tech-bubble">G</div>
|
||||
<b>GIS</b>
|
||||
<span>지리적 데이터를 공간 분석, 위치기반 정보 제공</span>
|
||||
</div>
|
||||
<div class="ref-tech">
|
||||
<div class="ref-tech-bubble">B</div>
|
||||
<b>BIM</b>
|
||||
<span>시설물 생애주기 정보를 3차원 모델로 통합·관리</span>
|
||||
</div>
|
||||
<div class="ref-tech">
|
||||
<div class="ref-tech-bubble">T</div>
|
||||
<b>디지털 트윈</b>
|
||||
<span>현실 객체를 디지털 환경에 동일하게 구현</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ref-msg">
|
||||
<p><em>BIM ≠ DX</em> — BIM은 DX를 실현하기 위한 핵심 기술 중 하나일 뿐이다</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar">
|
||||
<div class="sidebar-label">용어 정의</div>
|
||||
<div class="ref-def">
|
||||
<div class="ref-def-head"><span class="ref-def-num">1</span><span class="ref-def-title">건설산업</span></div>
|
||||
<div class="ref-def-desc">부동산 개발, 설계, 시공, 유지보수를 포괄하는 종합산업으로, 광범위한 기술을 통합·융합하여 인프라를 만드는 산업</div>
|
||||
</div>
|
||||
<div class="ref-def">
|
||||
<div class="ref-def-head"><span class="ref-def-num">2</span><span class="ref-def-title">BIM</span></div>
|
||||
<div class="ref-def-desc">형상정보와 속성정보가 포함된 3D 모델로, 시설물의 생애주기 동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구</div>
|
||||
<div class="ref-def-src">건설산업 BIM 기본지침, 국토교통부, 2020</div>
|
||||
</div>
|
||||
<div class="ref-def">
|
||||
<div class="ref-def-head"><span class="ref-def-num">3</span><span class="ref-def-title">DX (디지털 전환)</span></div>
|
||||
<div class="ref-def-desc">디지털 기술을 활용하여 업무방식과 가치 창출 구조를 전환하는 과정 및 결과. 단순한 기술 도입이 아닌, 산업의 새로운 방향을 정립</div>
|
||||
<div class="ref-def-src">IBM Institute for Business Value, 2011</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-text">BIM은 건설산업의 디지털전환(DX)을 수행하는 과정에서 가장 기초가 되는 일부분이다</div>
|
||||
<div class="footer-sub">각 용어의 정의, 역할, 상호관계에 대한 체계적 정립 필요</div>
|
||||
</div>
|
||||
</div>
|
||||
</body></html>"""
|
||||
|
||||
|
||||
async def main():
|
||||
from src.slide_measurer import measure_rendered_heights, capture_slide_screenshot
|
||||
|
||||
out_dir = ROOT / "data" / "runs" / "3approaches"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
|
||||
for name, html in [("A_fewshot", APPROACH_A_HTML), ("B_primitives", APPROACH_B_HTML), ("C_reference", APPROACH_C_HTML)]:
|
||||
print(f"\n=== 접근 {name} ===")
|
||||
m = await asyncio.to_thread(measure_rendered_heights, html)
|
||||
s = await asyncio.to_thread(capture_slide_screenshot, html)
|
||||
|
||||
(out_dir / f"{name}.html").write_text(html, encoding="utf-8")
|
||||
if s:
|
||||
(out_dir / f"{name}.png").write_bytes(base64.b64decode(s))
|
||||
|
||||
slide = m.get("slide", {})
|
||||
print(f" slide: {slide.get('scrollHeight', 0)}px / 720px {'✅' if not slide.get('overflowed') else '❌'}")
|
||||
|
||||
print(f"\n결과물: {out_dir}")
|
||||
print(" A_fewshot.png — 접근 A: Claude가 디자인 토큰 안에서 자유 생성")
|
||||
print(" B_primitives.png — 접근 B: 15개 프리미티브 조합")
|
||||
print(" C_reference.png — 접근 C: ideal_v2 참조 기반 + 더 큰 포함관계 시각화")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
import logging
|
||||
logging.basicConfig(level=logging.INFO, format="%(asctime)s %(levelname)s %(message)s", datefmt="%H:%M:%S")
|
||||
logging.getLogger("selenium").setLevel(logging.WARNING)
|
||||
logging.getLogger("urllib3").setLevel(logging.WARNING)
|
||||
asyncio.run(main())
|
||||
@@ -0,0 +1,474 @@
|
||||
"""3가지 접근법 비교 — 콘텐츠 2: DX 시행 목표 및 기대 효과
|
||||
|
||||
이전 콘텐츠(포함 관계)와 성격이 다름:
|
||||
- 목표 3가지 (안전/품질, 생산성, 소통/신뢰)
|
||||
- 프로세스 변화 4가지 (생산방식, 인지검토, 협업구조, 검증대응)
|
||||
- 주체별 기대효과 (DxEffect 컴포넌트 — 텍스트로 대체)
|
||||
- 핵심 결론 1줄
|
||||
"""
|
||||
from __future__ import annotations
|
||||
import asyncio, json, sys, base64
|
||||
from pathlib import Path
|
||||
|
||||
ROOT = Path(__file__).parent.parent
|
||||
sys.path.insert(0, str(ROOT))
|
||||
|
||||
DESIGN_TOKENS_CSS = """
|
||||
:root {
|
||||
--color-primary: #1e293b;
|
||||
--color-accent: #2563eb;
|
||||
--color-accent-light: #93c5fd;
|
||||
--color-bg: #ffffff;
|
||||
--color-bg-subtle: #f8fafc;
|
||||
--color-bg-dark: #1e293b;
|
||||
--color-bg-dark-deep: #0f172a;
|
||||
--color-border: #e2e8f0;
|
||||
--color-danger: #dc2626;
|
||||
--color-success: #16a34a;
|
||||
--color-warning: #f59e0b;
|
||||
--color-text: #1e293b;
|
||||
--color-text-secondary: #64748b;
|
||||
--color-text-light: #94a3b8;
|
||||
--color-text-on-dark: #e2e8f0;
|
||||
--color-text-on-accent: #ffffff;
|
||||
--font-title: 28px;
|
||||
--font-section: 14px;
|
||||
--font-body: 13px;
|
||||
--font-small: 11px;
|
||||
--font-caption: 10px;
|
||||
--weight-normal: 400;
|
||||
--weight-medium: 500;
|
||||
--weight-bold: 700;
|
||||
--weight-black: 900;
|
||||
--spacing-page: 36px 40px 24px;
|
||||
--spacing-section: 16px;
|
||||
--spacing-block: 12px;
|
||||
--spacing-inner: 10px;
|
||||
--spacing-small: 6px;
|
||||
--radius: 8px;
|
||||
--radius-small: 6px;
|
||||
--line-height: 1.6;
|
||||
}
|
||||
"""
|
||||
|
||||
SLIDE_BASE_CSS = """
|
||||
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
.slide {
|
||||
width: 1280px; height: 720px; overflow: hidden;
|
||||
background: var(--color-bg);
|
||||
font-family: 'Pretendard Variable', sans-serif;
|
||||
color: var(--color-text);
|
||||
font-size: var(--font-body);
|
||||
line-height: var(--line-height);
|
||||
word-break: keep-all;
|
||||
display: grid;
|
||||
grid-template-areas: 'header header' 'body sidebar' 'footer footer';
|
||||
grid-template-columns: 65fr 35fr;
|
||||
grid-template-rows: auto 1fr auto;
|
||||
gap: var(--spacing-section);
|
||||
padding: var(--spacing-page);
|
||||
}
|
||||
.header { grid-area: header; font-size: var(--font-title); font-weight: var(--weight-black); color: var(--color-primary); border-bottom: 3px solid var(--color-accent); padding-bottom: 8px; }
|
||||
.body { grid-area: body; display: flex; flex-direction: column; gap: var(--spacing-block); overflow: hidden; }
|
||||
.sidebar { grid-area: sidebar; display: flex; flex-direction: column; gap: var(--spacing-block); border-left: 1px solid var(--color-border); padding-left: 20px; overflow: hidden; }
|
||||
.footer { grid-area: footer; background: linear-gradient(135deg, #006aff, #00aaff); border-radius: var(--radius); padding: 14px 30px; text-align: center; color: var(--color-text-on-accent); }
|
||||
.footer-text { font-size: 15px; font-weight: var(--weight-bold); }
|
||||
.footer-sub { font-size: var(--font-small); opacity: 0.85; margin-top: 2px; }
|
||||
"""
|
||||
|
||||
|
||||
# ═══════════════════════════════════════
|
||||
# 접근 A: Few-Shot 직접 생성
|
||||
# ═══════════════════════════════════════
|
||||
APPROACH_A = f"""<!DOCTYPE html>
|
||||
<html lang="ko"><head><meta charset="UTF-8"><title>접근 A — DX 목표</title>
|
||||
<style>{DESIGN_TOKENS_CSS}{SLIDE_BASE_CSS}
|
||||
|
||||
.goal-cards {{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: var(--spacing-inner); }}
|
||||
.goal {{
|
||||
border-radius: var(--radius); padding: 12px; text-align: center;
|
||||
display: flex; flex-direction: column; align-items: center;
|
||||
}}
|
||||
.goal-1 {{ background: linear-gradient(135deg, #eff6ff, #dbeafe); border: 2px solid var(--color-accent-light); }}
|
||||
.goal-2 {{ background: linear-gradient(135deg, #f0fdf4, #dcfce7); border: 2px solid #86efac; }}
|
||||
.goal-3 {{ background: linear-gradient(135deg, #fefce8, #fef9c3); border: 2px solid #fde047; }}
|
||||
.goal-icon {{ font-size: 24px; margin-bottom: 4px; }}
|
||||
.goal-title {{ font-size: var(--font-body); font-weight: var(--weight-black); margin-bottom: 4px; }}
|
||||
.goal-desc {{ font-size: var(--font-small); color: var(--color-text-secondary); line-height: 1.5; }}
|
||||
|
||||
.section-title {{ font-size: var(--font-section); font-weight: var(--weight-black); color: var(--color-accent); margin-bottom: 2px; }}
|
||||
|
||||
.process-grid {{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; flex: 1; }}
|
||||
.process-item {{
|
||||
background: var(--color-bg-subtle); border: 1px solid var(--color-border);
|
||||
border-radius: var(--radius); padding: 10px 12px;
|
||||
display: flex; gap: 10px; align-items: flex-start;
|
||||
}}
|
||||
.process-arrow {{
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
font-size: 18px; color: var(--color-accent); font-weight: var(--weight-black);
|
||||
width: 28px; flex-shrink: 0;
|
||||
}}
|
||||
.process-content {{ flex: 1; }}
|
||||
.process-label {{ font-size: var(--font-small); font-weight: var(--weight-bold); color: var(--color-accent); margin-bottom: 2px; }}
|
||||
.process-before {{ font-size: var(--font-caption); color: var(--color-text-light); text-decoration: line-through; }}
|
||||
.process-after {{ font-size: var(--font-small); color: var(--color-text); font-weight: var(--weight-medium); margin-top: 2px; }}
|
||||
|
||||
.sidebar-label {{ display: flex; align-items: center; gap: 10px; font-size: var(--font-small); font-weight: var(--weight-medium); color: var(--color-text-light); }}
|
||||
.sidebar-label::before, .sidebar-label::after {{ content: ''; flex: 1; height: 1px; background: var(--color-border); }}
|
||||
|
||||
.effect-table {{ width: 100%; border-collapse: collapse; font-size: var(--font-small); flex: 1; }}
|
||||
.effect-table th {{ background: var(--color-accent); color: white; padding: 6px 8px; text-align: left; font-weight: var(--weight-bold); font-size: var(--font-small); }}
|
||||
.effect-table td {{ padding: 5px 8px; border-bottom: 1px solid var(--color-border); line-height: 1.5; font-size: var(--font-caption); }}
|
||||
.effect-table tr:nth-child(even) {{ background: var(--color-bg-subtle); }}
|
||||
.effect-role {{ font-weight: var(--weight-bold); color: var(--color-accent); white-space: nowrap; }}
|
||||
</style></head><body>
|
||||
<div class="slide">
|
||||
<div class="header">DX 시행 목표 및 기대 효과</div>
|
||||
<div class="body">
|
||||
<div class="section-title">DX를 통한 궁극적 목표</div>
|
||||
<div class="goal-cards">
|
||||
<div class="goal goal-1">
|
||||
<div class="goal-icon">🛡️</div>
|
||||
<div class="goal-title">안전과 품질</div>
|
||||
<div class="goal-desc">설계-시공-운영 전 과정에서 디지털로 검증하여 안전성 확보. 하자 최소화로 고품질 성과물 제공</div>
|
||||
</div>
|
||||
<div class="goal goal-2">
|
||||
<div class="goal-icon">⚡</div>
|
||||
<div class="goal-title">생산성 향상</div>
|
||||
<div class="goal-desc">Analogue → Digital 프로세스 전환. 비용 절감, 기간 단축, 인력투입 최소화로 부가가치 제고</div>
|
||||
</div>
|
||||
<div class="goal goal-3">
|
||||
<div class="goal-icon">🤝</div>
|
||||
<div class="goal-title">소통과 신뢰</div>
|
||||
<div class="goal-desc">협업 강화로 의사소통 효율 증진. 3D 모델·데이터 기반 검증으로 오류 최소화 및 Claim 예방</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section-title">업무 수행 과정(Process)의 변화</div>
|
||||
<div class="process-grid">
|
||||
<div class="process-item">
|
||||
<div class="process-arrow">→</div>
|
||||
<div class="process-content">
|
||||
<div class="process-label">생산 방식</div>
|
||||
<div class="process-before">수작업 의존의 반복 업무</div>
|
||||
<div class="process-after">SW를 활용한 체계화된 방식으로 전환</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="process-item">
|
||||
<div class="process-arrow">→</div>
|
||||
<div class="process-content">
|
||||
<div class="process-label">인지·검토</div>
|
||||
<div class="process-before">2D 도면 해석 중심</div>
|
||||
<div class="process-after">3D 모델 기반의 직관적 인지·검토 체계</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="process-item">
|
||||
<div class="process-arrow">→</div>
|
||||
<div class="process-content">
|
||||
<div class="process-label">협업 구조</div>
|
||||
<div class="process-before">개별 문서 중심 협업</div>
|
||||
<div class="process-after">데이터 통합 기반의 정보 공유·관리 환경</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="process-item">
|
||||
<div class="process-arrow">→</div>
|
||||
<div class="process-content">
|
||||
<div class="process-label">검증·대응</div>
|
||||
<div class="process-before">사후 대응 중심의 문제 처리</div>
|
||||
<div class="process-after">사전 검증 중심의 예방적 업무 방식</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar">
|
||||
<div class="sidebar-label">주체별 기대효과</div>
|
||||
<table class="effect-table">
|
||||
<tr><th>주체</th><th>기대효과</th></tr>
|
||||
<tr><td class="effect-role">발주처</td><td>품질 향상, 비용·기간 절감, 투명한 관리</td></tr>
|
||||
<tr><td class="effect-role">설계사</td><td>오류 감소, 설계 품질 제고, 재작업 최소화</td></tr>
|
||||
<tr><td class="effect-role">시공사</td><td>공정 최적화, 안전 강화, 현장 생산성 향상</td></tr>
|
||||
<tr><td class="effect-role">감리·CM</td><td>실시간 모니터링, 데이터 기반 의사결정</td></tr>
|
||||
<tr><td class="effect-role">유지관리</td><td>디지털 트윈 기반 예방 정비, 자산 관리 효율화</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<div class="footer-text">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다</div>
|
||||
</div>
|
||||
</div>
|
||||
</body></html>"""
|
||||
|
||||
|
||||
# ═══════════════════════════════════════
|
||||
# 접근 B: 프리미티브 조합
|
||||
# ═══════════════════════════════════════
|
||||
APPROACH_B = f"""<!DOCTYPE html>
|
||||
<html lang="ko"><head><meta charset="UTF-8"><title>접근 B — DX 목표</title>
|
||||
<style>{DESIGN_TOKENS_CSS}{SLIDE_BASE_CSS}
|
||||
|
||||
/* 프리미티브: icon-card-row */
|
||||
.p-icon-row {{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: var(--spacing-inner); }}
|
||||
.p-icon-card {{
|
||||
background: var(--color-bg-subtle); border: 1px solid var(--color-border);
|
||||
border-radius: var(--radius); padding: 10px; text-align: center;
|
||||
}}
|
||||
.p-icon-card .icon {{ font-size: 22px; margin-bottom: 4px; }}
|
||||
.p-icon-card b {{ font-size: var(--font-body); display: block; margin-bottom: 3px; }}
|
||||
.p-icon-card span {{ font-size: var(--font-small); color: var(--color-text-secondary); line-height: 1.5; }}
|
||||
|
||||
/* 프리미티브: section-title */
|
||||
.p-sec {{ font-size: var(--font-section); font-weight: var(--weight-black); color: var(--color-accent); }}
|
||||
|
||||
/* 프리미티브: bullet-list */
|
||||
.p-bullets {{ display: flex; flex-direction: column; gap: 4px; flex: 1; }}
|
||||
.p-bullet {{
|
||||
font-size: var(--font-small); line-height: 1.6; padding-left: 14px; position: relative;
|
||||
}}
|
||||
.p-bullet::before {{ content: '→'; position: absolute; left: 0; color: var(--color-accent); font-weight: var(--weight-bold); }}
|
||||
.p-bullet strong {{ color: var(--color-accent); }}
|
||||
|
||||
/* 프리미티브: sidebar table */
|
||||
.sidebar-label {{ display: flex; align-items: center; gap: 10px; font-size: var(--font-small); font-weight: var(--weight-medium); color: var(--color-text-light); }}
|
||||
.sidebar-label::before, .sidebar-label::after {{ content: ''; flex: 1; height: 1px; background: var(--color-border); }}
|
||||
.p-table {{ width: 100%; border-collapse: collapse; font-size: var(--font-small); }}
|
||||
.p-table th {{ background: var(--color-accent); color: white; padding: 6px 8px; text-align: left; font-size: var(--font-small); }}
|
||||
.p-table td {{ padding: 5px 8px; border-bottom: 1px solid var(--color-border); font-size: var(--font-caption); line-height: 1.5; }}
|
||||
.p-table tr:nth-child(even) {{ background: var(--color-bg-subtle); }}
|
||||
.p-table .role {{ font-weight: var(--weight-bold); color: var(--color-accent); }}
|
||||
</style></head><body>
|
||||
<div class="slide">
|
||||
<div class="header">DX 시행 목표 및 기대 효과</div>
|
||||
<div class="body">
|
||||
<div class="p-sec">DX를 통한 궁극적 목표</div>
|
||||
<div class="p-icon-row">
|
||||
<div class="p-icon-card">
|
||||
<div class="icon">🛡️</div>
|
||||
<b>안전과 품질</b>
|
||||
<span>디지털 검증으로 안전성 확보, 하자 최소화로 고품질 성과물</span>
|
||||
</div>
|
||||
<div class="p-icon-card">
|
||||
<div class="icon">⚡</div>
|
||||
<b>생산성 향상</b>
|
||||
<span>Digital 프로세스 전환, 비용 절감·기간 단축·부가가치 제고</span>
|
||||
</div>
|
||||
<div class="p-icon-card">
|
||||
<div class="icon">🤝</div>
|
||||
<b>소통과 신뢰</b>
|
||||
<span>협업 강화, 3D·데이터 기반 검증으로 오류 최소화·Claim 예방</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="p-sec">업무 수행 과정(Process)의 변화</div>
|
||||
<div class="p-bullets">
|
||||
<div class="p-bullet"><strong>생산 방식</strong>: 수작업 의존 반복 업무 → SW를 활용한 체계화된 방식으로 전환</div>
|
||||
<div class="p-bullet"><strong>인지·검토</strong>: 2D 도면 해석 중심 → 3D 모델 기반의 직관적 인지·검토 체계로 전환</div>
|
||||
<div class="p-bullet"><strong>협업 구조</strong>: 개별 문서 중심 → 데이터 통합 기반의 정보 공유·관리 협업 환경으로 전환</div>
|
||||
<div class="p-bullet"><strong>검증·대응</strong>: 사후 대응 중심 → 사전 검증 중심의 예방적 업무 방식으로 전환</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar">
|
||||
<div class="sidebar-label">주체별 기대효과</div>
|
||||
<table class="p-table">
|
||||
<tr><th>주체</th><th>기대효과</th></tr>
|
||||
<tr><td class="role">발주처</td><td>품질 향상, 비용·기간 절감, 투명한 관리</td></tr>
|
||||
<tr><td class="role">설계사</td><td>오류 감소, 설계 품질 제고, 재작업 최소화</td></tr>
|
||||
<tr><td class="role">시공사</td><td>공정 최적화, 안전 강화, 현장 생산성 향상</td></tr>
|
||||
<tr><td class="role">감리·CM</td><td>실시간 모니터링, 데이터 기반 의사결정</td></tr>
|
||||
<tr><td class="role">유지관리</td><td>디지털 트윈 기반 예방 정비, 자산 관리 효율화</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<div class="footer-text">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다</div>
|
||||
</div>
|
||||
</div>
|
||||
</body></html>"""
|
||||
|
||||
|
||||
# ═══════════════════════════════════════
|
||||
# 접근 C: 참조 기반 생성
|
||||
# ideal_v2의 디자인 패턴(다크배경+포함박스+사이드바 정의) 참조하되
|
||||
# 이 콘텐츠에 맞게 구조 변형
|
||||
# ═══════════════════════════════════════
|
||||
APPROACH_C = f"""<!DOCTYPE html>
|
||||
<html lang="ko"><head><meta charset="UTF-8"><title>접근 C — DX 목표</title>
|
||||
<style>{DESIGN_TOKENS_CSS}{SLIDE_BASE_CSS}
|
||||
|
||||
/* 참조 패턴: 상단 다크 배경 요약 */
|
||||
.ref-summary {{
|
||||
background: linear-gradient(135deg, var(--color-bg-dark), var(--color-bg-dark-deep));
|
||||
border-radius: var(--radius); padding: 14px 20px; color: var(--color-text-on-dark);
|
||||
}}
|
||||
.ref-summary h3 {{ font-size: var(--font-body); font-weight: var(--weight-bold); color: var(--color-accent-light); margin-bottom: var(--spacing-small); }}
|
||||
.ref-goals {{
|
||||
display: grid; grid-template-columns: 1fr 1fr 1fr; gap: var(--spacing-inner); margin-top: var(--spacing-inner);
|
||||
}}
|
||||
.ref-goal {{
|
||||
background: rgba(255,255,255,0.07); border-radius: var(--radius-small);
|
||||
padding: 8px 10px; text-align: center;
|
||||
}}
|
||||
.ref-goal-icon {{ font-size: 20px; margin-bottom: 2px; }}
|
||||
.ref-goal-title {{ font-size: var(--font-small); font-weight: var(--weight-bold); color: var(--color-accent-light); }}
|
||||
.ref-goal-desc {{ font-size: var(--font-caption); color: var(--color-text-light); line-height: 1.5; margin-top: 2px; }}
|
||||
|
||||
/* 참조 패턴: 포함 박스 (DX 프레임 안에 4가지 변화) */
|
||||
.ref-section-title {{ font-size: var(--font-section); font-weight: var(--weight-black); color: var(--color-accent); text-align: center; }}
|
||||
.ref-dx-frame {{
|
||||
flex: 1; border: 3px solid var(--color-accent); border-radius: 14px;
|
||||
padding: 16px 14px 12px; background: linear-gradient(180deg, #eff6ff, #dbeafe);
|
||||
position: relative; display: flex; flex-direction: column;
|
||||
}}
|
||||
.ref-dx-badge {{
|
||||
position: absolute; top: -11px; left: 50%; transform: translateX(-50%);
|
||||
background: var(--color-accent); color: white;
|
||||
font-size: var(--font-small); font-weight: var(--weight-black);
|
||||
padding: 2px 16px; border-radius: var(--radius-small); white-space: nowrap;
|
||||
}}
|
||||
.ref-dx-sub {{ text-align: center; font-size: var(--font-small); color: #1e40af; margin-bottom: var(--spacing-inner); }}
|
||||
.ref-changes {{
|
||||
display: grid; grid-template-columns: 1fr 1fr; gap: 8px; flex: 1;
|
||||
}}
|
||||
.ref-change {{
|
||||
background: white; border: 1px solid var(--color-accent-light);
|
||||
border-radius: var(--radius); padding: 8px 10px;
|
||||
}}
|
||||
.ref-change-label {{ font-size: var(--font-small); font-weight: var(--weight-bold); color: var(--color-accent); margin-bottom: 3px; }}
|
||||
.ref-change-from {{ font-size: var(--font-caption); color: var(--color-text-light); text-decoration: line-through; }}
|
||||
.ref-change-to {{ font-size: var(--font-small); color: var(--color-text); font-weight: var(--weight-medium); margin-top: 2px; }}
|
||||
|
||||
/* 참조 패턴: 사이드바 테이블 */
|
||||
.sidebar-label {{ display: flex; align-items: center; gap: 10px; font-size: var(--font-small); font-weight: var(--weight-medium); color: var(--color-text-light); }}
|
||||
.sidebar-label::before, .sidebar-label::after {{ content: ''; flex: 1; height: 1px; background: var(--color-border); }}
|
||||
|
||||
.ref-effects {{ display: flex; flex-direction: column; gap: 6px; flex: 1; }}
|
||||
.ref-effect {{
|
||||
background: var(--color-bg-subtle); border: 1px solid var(--color-border);
|
||||
border-radius: var(--radius); padding: 8px 10px;
|
||||
display: flex; gap: 8px; align-items: flex-start;
|
||||
}}
|
||||
.ref-effect-role {{
|
||||
background: var(--color-accent); color: white;
|
||||
font-size: var(--font-caption); font-weight: var(--weight-bold);
|
||||
padding: 2px 8px; border-radius: 4px; white-space: nowrap; flex-shrink: 0;
|
||||
}}
|
||||
.ref-effect-desc {{ font-size: var(--font-small); color: var(--color-text-secondary); line-height: 1.5; }}
|
||||
</style></head><body>
|
||||
<div class="slide">
|
||||
<div class="header">DX 시행 목표 및 기대 효과</div>
|
||||
<div class="body">
|
||||
<!-- 참조 패턴 1: 다크 배경 요약 + 목표 3카드 -->
|
||||
<div class="ref-summary">
|
||||
<h3>DX를 통한 궁극적 목표</h3>
|
||||
<div class="ref-goals">
|
||||
<div class="ref-goal">
|
||||
<div class="ref-goal-icon">🛡️</div>
|
||||
<div class="ref-goal-title">안전과 품질</div>
|
||||
<div class="ref-goal-desc">디지털 검증으로 안전성 확보<br>하자 최소화, 고품질 성과물</div>
|
||||
</div>
|
||||
<div class="ref-goal">
|
||||
<div class="ref-goal-icon">⚡</div>
|
||||
<div class="ref-goal-title">생산성 향상</div>
|
||||
<div class="ref-goal-desc">Digital 프로세스 전환<br>비용 절감, 기간 단축, 부가가치 제고</div>
|
||||
</div>
|
||||
<div class="ref-goal">
|
||||
<div class="ref-goal-icon">🤝</div>
|
||||
<div class="ref-goal-title">소통과 신뢰</div>
|
||||
<div class="ref-goal-desc">협업 강화, 의사소통 효율<br>데이터 검증으로 Claim 예방</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 참조 패턴 2: DX 프레임 안에 프로세스 변화 4가지 -->
|
||||
<div class="ref-section-title">DX 기반 Process 혁신</div>
|
||||
<div class="ref-dx-frame">
|
||||
<div class="ref-dx-badge">업무 수행 과정의 변화</div>
|
||||
<div class="ref-dx-sub">Analogue 기반 → Digital 기반 프로세스 전환</div>
|
||||
<div class="ref-changes">
|
||||
<div class="ref-change">
|
||||
<div class="ref-change-label">생산 방식</div>
|
||||
<div class="ref-change-from">수작업 의존의 반복 업무</div>
|
||||
<div class="ref-change-to">SW를 활용한 체계화된 방식</div>
|
||||
</div>
|
||||
<div class="ref-change">
|
||||
<div class="ref-change-label">인지·검토</div>
|
||||
<div class="ref-change-from">2D 도면 해석 중심</div>
|
||||
<div class="ref-change-to">3D 모델 기반의 직관적 인지·검토</div>
|
||||
</div>
|
||||
<div class="ref-change">
|
||||
<div class="ref-change-label">협업 구조</div>
|
||||
<div class="ref-change-from">개별 문서 중심 협업</div>
|
||||
<div class="ref-change-to">데이터 통합 기반 정보 공유·관리</div>
|
||||
</div>
|
||||
<div class="ref-change">
|
||||
<div class="ref-change-label">검증·대응</div>
|
||||
<div class="ref-change-from">사후 대응 중심 문제 처리</div>
|
||||
<div class="ref-change-to">사전 검증 중심 예방적 업무 방식</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar">
|
||||
<div class="sidebar-label">주체별 기대효과</div>
|
||||
<div class="ref-effects">
|
||||
<div class="ref-effect">
|
||||
<span class="ref-effect-role">발주처</span>
|
||||
<span class="ref-effect-desc">품질 향상, 비용·기간 절감, 투명한 관리</span>
|
||||
</div>
|
||||
<div class="ref-effect">
|
||||
<span class="ref-effect-role">설계사</span>
|
||||
<span class="ref-effect-desc">오류 감소, 설계 품질 제고, 재작업 최소화</span>
|
||||
</div>
|
||||
<div class="ref-effect">
|
||||
<span class="ref-effect-role">시공사</span>
|
||||
<span class="ref-effect-desc">공정 최적화, 안전 강화, 현장 생산성 향상</span>
|
||||
</div>
|
||||
<div class="ref-effect">
|
||||
<span class="ref-effect-role">감리·CM</span>
|
||||
<span class="ref-effect-desc">실시간 모니터링, 데이터 기반 의사결정</span>
|
||||
</div>
|
||||
<div class="ref-effect">
|
||||
<span class="ref-effect-role">유지관리</span>
|
||||
<span class="ref-effect-desc">디지털 트윈 기반 예방 정비, 자산 관리 효율화</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<div class="footer-text">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다</div>
|
||||
</div>
|
||||
</div>
|
||||
</body></html>"""
|
||||
|
||||
|
||||
async def main():
|
||||
from src.slide_measurer import measure_rendered_heights, capture_slide_screenshot
|
||||
|
||||
out_dir = ROOT / "data" / "runs" / "3approaches_dx2"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
|
||||
for name, html in [("A_fewshot", APPROACH_A), ("B_primitives", APPROACH_B), ("C_reference", APPROACH_C)]:
|
||||
print(f"\n=== 접근 {name} ===")
|
||||
m = await asyncio.to_thread(measure_rendered_heights, html)
|
||||
s = await asyncio.to_thread(capture_slide_screenshot, html)
|
||||
|
||||
(out_dir / f"{name}.html").write_text(html, encoding="utf-8")
|
||||
if s:
|
||||
(out_dir / f"{name}.png").write_bytes(base64.b64decode(s))
|
||||
|
||||
slide = m.get("slide", {})
|
||||
print(f" slide: {slide.get('scrollHeight', 0)}px / 720px {'✅' if not slide.get('overflowed') else '❌'}")
|
||||
|
||||
print(f"\n결과물: {out_dir}")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
import logging
|
||||
logging.basicConfig(level=logging.INFO, format="%(asctime)s %(levelname)s %(message)s", datefmt="%H:%M:%S")
|
||||
logging.getLogger("selenium").setLevel(logging.WARNING)
|
||||
logging.getLogger("urllib3").setLevel(logging.WARNING)
|
||||
asyncio.run(main())
|
||||
@@ -0,0 +1,325 @@
|
||||
"""3가지 방향 비교 테스트.
|
||||
|
||||
기존 run의 step1 결과 + 6차 테스트의 블록 선택/텍스트를 재사용.
|
||||
컨테이너 배분만 3가지 방향으로 달리하여 렌더링 비교.
|
||||
|
||||
방향 1: 컨테이너 고정, 블록을 컨테이너에 맞춤 (폰트 축소 + 간격 압축)
|
||||
방향 2: 텍스트 분량 기반 컨테이너 재조정 (비중 ±조정)
|
||||
방향 3: Two-Pass (텍스트 먼저 → 컨테이너 재조정)
|
||||
|
||||
사용법:
|
||||
python scripts/test_3directions.py
|
||||
"""
|
||||
from __future__ import annotations
|
||||
|
||||
import asyncio
|
||||
import json
|
||||
import copy
|
||||
import sys
|
||||
from pathlib import Path
|
||||
|
||||
ROOT = Path(__file__).parent.parent
|
||||
sys.path.insert(0, str(ROOT))
|
||||
|
||||
|
||||
async def main():
|
||||
from src.renderer import render_slide
|
||||
from src.slide_measurer import measure_rendered_heights, capture_slide_screenshot
|
||||
from src.design_director import select_preset, LAYOUT_PRESETS
|
||||
from src.space_allocator import calculate_container_specs
|
||||
import base64
|
||||
|
||||
# 기존 데이터 로딩
|
||||
run_dir = ROOT / "data" / "runs" / "1774736083771"
|
||||
analysis = json.loads((run_dir / "step1_analysis.json").read_text(encoding="utf-8"))
|
||||
concepts = json.loads((run_dir / "step1b_concepts.json").read_text(encoding="utf-8"))
|
||||
|
||||
# concepts 병합
|
||||
concept_map = {c["id"]: c for c in concepts.get("concepts", [])}
|
||||
for topic in analysis.get("topics", []):
|
||||
tid = topic["id"]
|
||||
if tid in concept_map:
|
||||
topic["relation_type"] = concept_map[tid].get("relation_type", "none")
|
||||
topic["source_data"] = concept_map[tid].get("source_data", "")
|
||||
|
||||
topics = analysis["topics"]
|
||||
page_structure = analysis["page_structure"]
|
||||
preset_name = select_preset(analysis)
|
||||
preset = LAYOUT_PRESETS[preset_name]
|
||||
|
||||
out_dir = ROOT / "data" / "runs" / "direction_comparison"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
|
||||
# 6차 결과의 텍스트 데이터 (이미 Kei가 채운 것)
|
||||
# 실제 원본 수준의 풍부한 텍스트를 직접 구성
|
||||
filled_data = {
|
||||
1: {
|
||||
"type": "dark-bullet-list",
|
||||
"area": "body",
|
||||
"purpose": "문제제기",
|
||||
"data": {
|
||||
"title": "용어의 혼용",
|
||||
"bullets": [
|
||||
"건설산업에서 DX와 BIM이 동일 개념으로 인식되고 있다",
|
||||
"DX는 산업 전반의 프로세스를 혁신하는 상위개념이며, BIM은 3차원 모델 기반의 정보 관리 도구로서 DX의 하위 기술에 해당한다",
|
||||
"BIM 도입만으로 DX가 완성된 것으로 오인하는 사례가 빈번하다"
|
||||
]
|
||||
}
|
||||
},
|
||||
2: {
|
||||
"type": "card-numbered",
|
||||
"area": "body",
|
||||
"purpose": "근거사례",
|
||||
"data": {
|
||||
"items": [
|
||||
{
|
||||
"title": "스마트 건설 활성화 방안(2022.07)",
|
||||
"description": "• 추진과제: 건설산업 디지털화\n• 실행과제: BIM 전면 도입, BIM 전문인력 양성"
|
||||
},
|
||||
{
|
||||
"title": "제7차 건설기술진흥 기본계획(2023.12)",
|
||||
"description": "• 추진방향: 디지털 전환을 통한 스마트 건설 확산\n• 추진과제: BIM 도입으로 건설산업 디지털화"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
3: {
|
||||
"type": "keyword-circle-row",
|
||||
"area": "body",
|
||||
"purpose": "핵심전달",
|
||||
"data": {
|
||||
"keywords": [
|
||||
{"letter": "D", "label": "DX", "description": "BIM, GIS, 디지털 트윈 등 핵심기술의 융합을 통해서만 실현 가능한 상위개념"},
|
||||
{"letter": "G", "label": "GIS", "description": "지리적 데이터를 공간 분석하여 시각적으로 표현, 위치기반 정보 제공"},
|
||||
{"letter": "B", "label": "BIM", "description": "시설물의 생애주기 동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리"},
|
||||
{"letter": "T", "label": "디지털트윈", "description": "현실 세계의 물리적 객체를 디지털 환경에 동일하게 구현하는 기술"}
|
||||
]
|
||||
}
|
||||
},
|
||||
4: {
|
||||
"type": "card-numbered",
|
||||
"area": "sidebar",
|
||||
"purpose": "용어정의",
|
||||
"data": {
|
||||
"items": [
|
||||
{
|
||||
"title": "건설산업",
|
||||
"description": "부동산 개발, 설계, 시공, 유지보수를 포괄하는 종합산업으로, 광범위한 기술을 통합·융합하여 인프라를 만드는 산업"
|
||||
},
|
||||
{
|
||||
"title": "BIM",
|
||||
"description": "형상정보와 속성정보가 포함된 3D 모델로 건설 정보 기반의 Process와 Product를 제공하는 도구"
|
||||
},
|
||||
{
|
||||
"title": "DX",
|
||||
"description": "디지털 기술을 활용하여 업무방식과 가치 창출 구조를 전환하는 과정 및 결과"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
5: {
|
||||
"type": "banner-gradient",
|
||||
"area": "footer",
|
||||
"purpose": "결론강조",
|
||||
"data": {
|
||||
"text": "BIM은 건설산업의 디지털전환(DX)을 수행하는 과정에서 가장 기초가 되는 일부분이다",
|
||||
"sub_text": "각 용어의 정의, 역할, 상호관계에 대한 체계적 정립 필요"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
# ═══════════════════════════════════════
|
||||
# 방향 1: 컨테이너 고정, 블록을 맞춤 (폰트 축소 + 간격 압축)
|
||||
# ═══════════════════════════════════════
|
||||
print("=== 방향 1: 컨테이너 고정, 블록 축소 ===")
|
||||
|
||||
container_specs_1 = calculate_container_specs(page_structure, topics, preset)
|
||||
blocks_1 = _build_blocks(filled_data, topics)
|
||||
layout_1 = _build_layout(analysis, preset, blocks_1, container_specs_1)
|
||||
|
||||
# body area에 강제 축소 CSS
|
||||
layout_1["pages"][0]["area_styles"] = {
|
||||
"body": "--font-body: 0.7rem; --spacing-inner: 6px; --spacing-block: 6px; --font-subtitle: 0.9rem;",
|
||||
"sidebar": "--font-body: 0.8rem; --spacing-inner: 10px;",
|
||||
"footer": "",
|
||||
}
|
||||
|
||||
html_1 = render_slide(layout_1)
|
||||
m_1 = await asyncio.to_thread(measure_rendered_heights, html_1)
|
||||
s_1 = await asyncio.to_thread(capture_slide_screenshot, html_1)
|
||||
_save_result(out_dir, "direction_1", html_1, s_1, m_1)
|
||||
_print_measurement(m_1, "방향 1")
|
||||
|
||||
# ═══════════════════════════════════════
|
||||
# 방향 2: 텍스트 분량 기반 컨테이너 재조정
|
||||
# ═══════════════════════════════════════
|
||||
print("\n=== 방향 2: 컨테이너 재조정 (텍스트 기반) ===")
|
||||
|
||||
# 배경 비중을 올리고 본심을 줄임
|
||||
adjusted_structure = copy.deepcopy(page_structure)
|
||||
adjusted_structure["배경"]["weight"] = 0.45 # 0.3 → 0.45
|
||||
adjusted_structure["본심"]["weight"] = 0.40 # 0.5 → 0.40
|
||||
adjusted_structure["결론"]["weight"] = 0.05 # 0.1 → 0.05
|
||||
|
||||
container_specs_2 = calculate_container_specs(adjusted_structure, topics, preset)
|
||||
blocks_2 = _build_blocks(filled_data, topics)
|
||||
layout_2 = _build_layout(analysis, preset, blocks_2, container_specs_2)
|
||||
layout_2["pages"][0]["area_styles"] = {
|
||||
"body": "--font-body: 0.85rem; --spacing-inner: 10px; --spacing-block: 12px;",
|
||||
"sidebar": "--font-body: 0.85rem; --spacing-inner: 10px;",
|
||||
"footer": "--font-body: 0.85rem;",
|
||||
}
|
||||
|
||||
html_2 = render_slide(layout_2)
|
||||
m_2 = await asyncio.to_thread(measure_rendered_heights, html_2)
|
||||
s_2 = await asyncio.to_thread(capture_slide_screenshot, html_2)
|
||||
_save_result(out_dir, "direction_2", html_2, s_2, m_2)
|
||||
_print_measurement(m_2, "방향 2")
|
||||
|
||||
# ═══════════════════════════════════════
|
||||
# 방향 3: Two-Pass (텍스트 기반 + Kei 비중 보정)
|
||||
# ═══════════════════════════════════════
|
||||
print("\n=== 방향 3: Two-Pass (Kei 비중 ± 보정) ===")
|
||||
|
||||
# 1st pass: 원래 비중으로 컨테이너 계산
|
||||
container_specs_3_raw = calculate_container_specs(page_structure, topics, preset)
|
||||
|
||||
# 텍스트 분량 추정 (글자 수 기반)
|
||||
topic_char_counts = {}
|
||||
for tid, data in filled_data.items():
|
||||
chars = len(json.dumps(data["data"], ensure_ascii=False))
|
||||
topic_char_counts[tid] = chars
|
||||
|
||||
# 각 역할의 텍스트 총량
|
||||
role_chars = {}
|
||||
for role, spec in container_specs_3_raw.items():
|
||||
total = sum(topic_char_counts.get(tid, 0) for tid in spec.topic_ids)
|
||||
role_chars[role] = total
|
||||
|
||||
# 2nd pass: 텍스트 비율로 비중 보정 (Kei 비중 ±20% 범위)
|
||||
total_chars = sum(role_chars.values()) or 1
|
||||
adjusted_structure_3 = copy.deepcopy(page_structure)
|
||||
|
||||
for role in adjusted_structure_3:
|
||||
if not isinstance(adjusted_structure_3[role], dict):
|
||||
continue
|
||||
original_weight = adjusted_structure_3[role].get("weight", 0.25)
|
||||
char_ratio = role_chars.get(role, 0) / total_chars
|
||||
|
||||
# Kei 비중과 텍스트 비율의 가중 평균 (Kei 60%, 텍스트 40%)
|
||||
adjusted_weight = original_weight * 0.6 + char_ratio * 0.4
|
||||
|
||||
# ±20% 범위 제한
|
||||
min_w = original_weight * 0.8
|
||||
max_w = original_weight * 1.2
|
||||
adjusted_weight = max(min_w, min(max_w, adjusted_weight))
|
||||
|
||||
adjusted_structure_3[role]["weight"] = round(adjusted_weight, 3)
|
||||
|
||||
# 비중 합계 정규화
|
||||
total_w = sum(
|
||||
v["weight"] for v in adjusted_structure_3.values() if isinstance(v, dict) and "weight" in v
|
||||
)
|
||||
if total_w > 0:
|
||||
for role in adjusted_structure_3:
|
||||
if isinstance(adjusted_structure_3[role], dict) and "weight" in adjusted_structure_3[role]:
|
||||
adjusted_structure_3[role]["weight"] = round(
|
||||
adjusted_structure_3[role]["weight"] / total_w, 3
|
||||
)
|
||||
|
||||
container_specs_3 = calculate_container_specs(adjusted_structure_3, topics, preset)
|
||||
blocks_3 = _build_blocks(filled_data, topics)
|
||||
layout_3 = _build_layout(analysis, preset, blocks_3, container_specs_3)
|
||||
layout_3["pages"][0]["area_styles"] = {
|
||||
"body": "--font-body: 0.85rem; --spacing-inner: 10px; --spacing-block: 12px;",
|
||||
"sidebar": "--font-body: 0.85rem; --spacing-inner: 10px;",
|
||||
"footer": "--font-body: 0.85rem;",
|
||||
}
|
||||
|
||||
html_3 = render_slide(layout_3)
|
||||
m_3 = await asyncio.to_thread(measure_rendered_heights, html_3)
|
||||
s_3 = await asyncio.to_thread(capture_slide_screenshot, html_3)
|
||||
_save_result(out_dir, "direction_3", html_3, s_3, m_3)
|
||||
_print_measurement(m_3, "방향 3")
|
||||
|
||||
# 비중 비교 출력
|
||||
print("\n=== 비중 비교 ===")
|
||||
print(f"{'역할':<6} {'원본':<8} {'방향2':<8} {'방향3':<8}")
|
||||
for role in ["본심", "배경", "첨부", "결론"]:
|
||||
orig = page_structure.get(role, {}).get("weight", 0)
|
||||
d2 = adjusted_structure.get(role, {}).get("weight", 0)
|
||||
d3 = adjusted_structure_3.get(role, {}).get("weight", 0)
|
||||
print(f"{role:<6} {orig:<8.2f} {d2:<8.2f} {d3:<8.3f}")
|
||||
|
||||
print(f"\n결과물: {out_dir}")
|
||||
print(" direction_1_screenshot.png — 방향 1: 컨테이너 고정, 폰트/간격 축소")
|
||||
print(" direction_2_screenshot.png — 방향 2: 컨테이너 재조정 (수동)")
|
||||
print(" direction_3_screenshot.png — 방향 3: Two-Pass (자동 보정)")
|
||||
|
||||
|
||||
def _build_blocks(filled_data, topics):
|
||||
blocks = []
|
||||
# sidebar label
|
||||
sidebar_tids = [tid for tid, d in filled_data.items() if d["area"] == "sidebar"]
|
||||
if sidebar_tids:
|
||||
blocks.append({
|
||||
"area": "sidebar", "type": "divider-text",
|
||||
"topic_id": None, "purpose": "_label",
|
||||
"data": {"text": "용어 정의"}, "size": "compact",
|
||||
})
|
||||
|
||||
role_order = {"배경": [1, 2], "본심": [3], "첨부": [4], "결론": [5]}
|
||||
for role, tids in role_order.items():
|
||||
for tid in tids:
|
||||
if tid in filled_data:
|
||||
block = {
|
||||
"type": filled_data[tid]["type"],
|
||||
"topic_id": tid,
|
||||
"area": filled_data[tid]["area"],
|
||||
"purpose": filled_data[tid]["purpose"],
|
||||
"data": filled_data[tid]["data"],
|
||||
}
|
||||
blocks.append(block)
|
||||
return blocks
|
||||
|
||||
|
||||
def _build_layout(analysis, preset, blocks, container_specs):
|
||||
return {
|
||||
"title": analysis.get("title", "슬라이드"),
|
||||
"_container_specs": container_specs,
|
||||
"pages": [{
|
||||
"grid_areas": preset["grid_areas"],
|
||||
"grid_columns": preset["grid_columns"],
|
||||
"grid_rows": preset["grid_rows"],
|
||||
"blocks": blocks,
|
||||
"area_styles": {},
|
||||
}],
|
||||
}
|
||||
|
||||
|
||||
def _save_result(out_dir, name, html, screenshot_b64, measurement):
|
||||
import base64
|
||||
(out_dir / f"{name}.html").write_text(html, encoding="utf-8")
|
||||
if screenshot_b64:
|
||||
(out_dir / f"{name}_screenshot.png").write_bytes(base64.b64decode(screenshot_b64))
|
||||
(out_dir / f"{name}_measurement.json").write_text(
|
||||
json.dumps(measurement, ensure_ascii=False, indent=2), encoding="utf-8"
|
||||
)
|
||||
|
||||
|
||||
def _print_measurement(m, label):
|
||||
for name, data in m.get("containers", {}).items():
|
||||
status = "✅" if not data.get("overflowed") else f"❌ +{data.get('excess_px', 0)}px"
|
||||
print(f" {name}: {data.get('scrollHeight', 0)}px / {data.get('allocatedHeight', 0)}px {status}")
|
||||
slide = m.get("slide", {})
|
||||
status = "✅" if not slide.get("overflowed") else "❌"
|
||||
print(f" slide: {slide.get('scrollHeight', 0)}px / 720px {status}")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
import logging
|
||||
logging.basicConfig(level=logging.INFO, format="%(asctime)s %(name)s %(levelname)s %(message)s", datefmt="%H:%M:%S")
|
||||
logging.getLogger("httpx").setLevel(logging.WARNING)
|
||||
logging.getLogger("selenium").setLevel(logging.WARNING)
|
||||
logging.getLogger("urllib3").setLevel(logging.WARNING)
|
||||
asyncio.run(main())
|
||||
@@ -0,0 +1,369 @@
|
||||
"""하이브리드 시뮬레이션: 기존 블록 활용 + 필요 시 변형/조합.
|
||||
|
||||
블록 사용 현황:
|
||||
- card-icon-desc: 목표 3카드 ← 기존 블록 그대로
|
||||
- dark-bullet-list: 변형 — 불릿 대신 Before→After 구조 (CSS만 추가)
|
||||
- table-simple-striped: 주체별 효과 ← 기존 블록 그대로
|
||||
- banner-gradient: 결론 ← 기존 블록 그대로
|
||||
- 섹션 구분: divider-text 스타일 활용
|
||||
|
||||
블록 사용률: ~70% 기존 블록 + ~30% 변형/자유
|
||||
"""
|
||||
from __future__ import annotations
|
||||
import asyncio, json, sys, base64
|
||||
from pathlib import Path
|
||||
|
||||
ROOT = Path(__file__).parent.parent
|
||||
sys.path.insert(0, str(ROOT))
|
||||
|
||||
HYBRID_HTML = """<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>하이브리드 — DX 시행 목표 및 기대 효과</title>
|
||||
<style>
|
||||
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
|
||||
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
|
||||
.slide {
|
||||
width: 1280px; height: 720px; overflow: hidden;
|
||||
background: #ffffff;
|
||||
font-family: 'Pretendard Variable', sans-serif;
|
||||
color: #1e293b;
|
||||
font-size: 13px;
|
||||
line-height: 1.6;
|
||||
word-break: keep-all;
|
||||
display: grid;
|
||||
grid-template-areas: 'header header' 'body sidebar' 'footer footer';
|
||||
grid-template-columns: 65fr 35fr;
|
||||
grid-template-rows: auto 1fr auto;
|
||||
gap: 16px;
|
||||
padding: 36px 40px 24px;
|
||||
}
|
||||
|
||||
/* ── 슬라이드 제목 (기존 base.css) ── */
|
||||
.slide-title {
|
||||
grid-area: header;
|
||||
font-size: 28px;
|
||||
font-weight: 900;
|
||||
color: #1e293b;
|
||||
border-bottom: 3px solid #2563eb;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
/* ── Body ── */
|
||||
.area-body {
|
||||
grid-area: body;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* ── Sidebar ── */
|
||||
.area-sidebar {
|
||||
grid-area: sidebar;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
border-left: 1px solid #e2e8f0;
|
||||
padding-left: 20px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* ── Footer ── */
|
||||
.area-footer {
|
||||
grid-area: footer;
|
||||
}
|
||||
|
||||
/* ════════════════════════════════════════
|
||||
블록 1: card-icon-desc (기존 블록 100% 재사용)
|
||||
목표 3카드
|
||||
════════════════════════════════════════ */
|
||||
.block-card-icon {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(var(--ci-count, 3), 1fr);
|
||||
gap: 16px;
|
||||
}
|
||||
.cid-card {
|
||||
text-align: center;
|
||||
padding: 14px 12px;
|
||||
background: #f8fafc;
|
||||
border-radius: 8px;
|
||||
border: 1px solid #e2e8f0;
|
||||
}
|
||||
.cid-icon {
|
||||
font-size: 2rem;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.cid-title {
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
color: #1e293b;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.cid-desc {
|
||||
font-size: 11px;
|
||||
color: #475569;
|
||||
line-height: 1.6;
|
||||
white-space: pre-line;
|
||||
}
|
||||
|
||||
/* ════════════════════════════════════════
|
||||
블록 2: dark-bullet-list 변형 — Before→After 구조
|
||||
기존 dark-bullet-list의 색상/배경/radius 그대로 사용
|
||||
불릿 대신 label + before + after 구조로 변형
|
||||
════════════════════════════════════════ */
|
||||
.block-dark-bullets {
|
||||
background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
|
||||
border-radius: 8px;
|
||||
padding: 14px 20px;
|
||||
color: #ffffff;
|
||||
}
|
||||
.db-title {
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 8px;
|
||||
color: #93c5fd;
|
||||
}
|
||||
/* 변형: Before→After 그리드 */
|
||||
.db-changes {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 6px;
|
||||
}
|
||||
.db-change {
|
||||
background: rgba(255,255,255,0.06);
|
||||
border-radius: 6px;
|
||||
padding: 8px 10px;
|
||||
border-left: 3px solid #60a5fa;
|
||||
}
|
||||
.db-change-label {
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
color: #93c5fd;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
.db-change-before {
|
||||
font-size: 10px;
|
||||
color: #94a3b8;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
.db-change-after {
|
||||
font-size: 11px;
|
||||
color: #e2e8f0;
|
||||
font-weight: 500;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
/* ════════════════════════════════════════
|
||||
블록 3: divider-text (기존 블록 100% 재사용)
|
||||
════════════════════════════════════════ */
|
||||
.block-divider-text {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
padding: 8px 0;
|
||||
}
|
||||
.dt-line {
|
||||
flex: 1;
|
||||
height: 1px;
|
||||
background: #cbd5e1;
|
||||
}
|
||||
.dt-text {
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
color: #64748b;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* ════════════════════════════════════════
|
||||
블록 4: table-simple-striped (기존 블록 100% 재사용)
|
||||
주체별 기대효과
|
||||
════════════════════════════════════════ */
|
||||
.block-table-striped table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
font-size: 12px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.block-table-striped thead th {
|
||||
background: #1e293b;
|
||||
color: #ffffff;
|
||||
font-weight: 700;
|
||||
padding: 8px 12px;
|
||||
text-align: left;
|
||||
font-size: 12px;
|
||||
}
|
||||
.block-table-striped tbody td {
|
||||
padding: 7px 12px;
|
||||
border-bottom: 1px solid #e2e8f0;
|
||||
white-space: pre-line;
|
||||
color: #334155;
|
||||
font-size: 11px;
|
||||
}
|
||||
.block-table-striped tbody tr:nth-child(even) {
|
||||
background: #f8fafc;
|
||||
}
|
||||
.block-table-striped tbody td:first-child {
|
||||
font-weight: 600;
|
||||
color: #1e293b;
|
||||
}
|
||||
|
||||
/* ════════════════════════════════════════
|
||||
블록 5: banner-gradient (기존 블록 100% 재사용)
|
||||
결론
|
||||
════════════════════════════════════════ */
|
||||
.block-banner-grad {
|
||||
background: linear-gradient(135deg, #006aff 0%, #00aaff 100%);
|
||||
border-radius: 8px;
|
||||
padding: 14px 30px;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
}
|
||||
.bg-text {
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
/* ════════════════════════════════════════
|
||||
섹션 타이틀 (기존 디자인 토큰 활용)
|
||||
════════════════════════════════════════ */
|
||||
.section-label {
|
||||
font-size: 13px;
|
||||
font-weight: 900;
|
||||
color: #2563eb;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="slide">
|
||||
<div class="slide-title">DX 시행 목표 및 기대 효과</div>
|
||||
|
||||
<div class="area-body">
|
||||
<!-- 블록 1: card-icon-desc (기존 블록 그대로) → 목표 3카드 -->
|
||||
<div class="section-label">DX를 통한 궁극적 목표</div>
|
||||
<div class="block-card-icon" style="--ci-count: 3">
|
||||
<div class="cid-card">
|
||||
<div class="cid-icon">🛡️</div>
|
||||
<div class="cid-title">안전과 품질</div>
|
||||
<div class="cid-desc">설계-시공-운영 전 과정에서 디지털로 검증하여 안전성 확보
|
||||
하자 최소화로 고품질 성과물 제공</div>
|
||||
</div>
|
||||
<div class="cid-card">
|
||||
<div class="cid-icon">⚡</div>
|
||||
<div class="cid-title">생산성 향상</div>
|
||||
<div class="cid-desc">Analogue → Digital 프로세스 전환
|
||||
비용 절감, 기간 단축, 인력투입 최소화로 부가가치 제고</div>
|
||||
</div>
|
||||
<div class="cid-card">
|
||||
<div class="cid-icon">🤝</div>
|
||||
<div class="cid-title">소통과 신뢰</div>
|
||||
<div class="cid-desc">협업 강화로 의사소통 효율 증진
|
||||
3D 모델·데이터 기반 검증으로 오류 최소화 및 Claim 예방</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 블록 2: dark-bullet-list 변형 → 프로세스 변화 4가지 (Before→After) -->
|
||||
<div class="block-dark-bullets">
|
||||
<div class="db-title">업무 수행 과정(Process)의 변화</div>
|
||||
<div class="db-changes">
|
||||
<div class="db-change">
|
||||
<div class="db-change-label">생산 방식</div>
|
||||
<div class="db-change-before">수작업 의존의 반복 업무</div>
|
||||
<div class="db-change-after">→ SW를 활용한 체계화된 방식으로 전환</div>
|
||||
</div>
|
||||
<div class="db-change">
|
||||
<div class="db-change-label">인지·검토</div>
|
||||
<div class="db-change-before">2D 도면 해석 중심</div>
|
||||
<div class="db-change-after">→ 3D 모델 기반의 직관적 인지·검토 체계</div>
|
||||
</div>
|
||||
<div class="db-change">
|
||||
<div class="db-change-label">협업 구조</div>
|
||||
<div class="db-change-before">개별 문서 중심 협업</div>
|
||||
<div class="db-change-after">→ 데이터 통합 기반 정보 공유·관리 환경</div>
|
||||
</div>
|
||||
<div class="db-change">
|
||||
<div class="db-change-label">검증·대응</div>
|
||||
<div class="db-change-before">사후 대응 중심 문제 처리</div>
|
||||
<div class="db-change-after">→ 사전 검증 중심의 예방적 업무 방식</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="area-sidebar">
|
||||
<!-- 블록 3: divider-text (기존 블록 그대로) -->
|
||||
<div class="block-divider-text">
|
||||
<div class="dt-line"></div>
|
||||
<div class="dt-text">주체별 기대효과</div>
|
||||
<div class="dt-line"></div>
|
||||
</div>
|
||||
|
||||
<!-- 블록 4: table-simple-striped (기존 블록 그대로) -->
|
||||
<div class="block-table-striped">
|
||||
<table>
|
||||
<thead>
|
||||
<tr><th>주체</th><th>기대효과</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>발주처</td><td>품질 향상, 비용·기간 절감, 투명한 관리</td></tr>
|
||||
<tr><td>설계사</td><td>오류 감소, 설계 품질 제고, 재작업 최소화</td></tr>
|
||||
<tr><td>시공사</td><td>공정 최적화, 안전 강화, 현장 생산성 향상</td></tr>
|
||||
<tr><td>감리·CM</td><td>실시간 모니터링, 데이터 기반 의사결정</td></tr>
|
||||
<tr><td>유지관리</td><td>디지털 트윈 기반 예방 정비, 자산 관리 효율화</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 블록 5: banner-gradient (기존 블록 그대로) → 결론 -->
|
||||
<div class="area-footer">
|
||||
<div class="block-banner-grad">
|
||||
<div class="bg-text">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>"""
|
||||
|
||||
|
||||
async def main():
|
||||
from src.slide_measurer import measure_rendered_heights, capture_slide_screenshot
|
||||
|
||||
out_dir = ROOT / "data" / "runs" / "hybrid_simulation"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
|
||||
m = await asyncio.to_thread(measure_rendered_heights, HYBRID_HTML)
|
||||
s = await asyncio.to_thread(capture_slide_screenshot, HYBRID_HTML)
|
||||
|
||||
(out_dir / "hybrid.html").write_text(HYBRID_HTML, encoding="utf-8")
|
||||
if s:
|
||||
(out_dir / "hybrid_screenshot.png").write_bytes(base64.b64decode(s))
|
||||
|
||||
slide = m.get("slide", {})
|
||||
print(f"slide: {slide.get('scrollHeight', 0)}px / 720px {'✅' if not slide.get('overflowed') else '❌'}")
|
||||
|
||||
print(f"""
|
||||
블록 사용 현황:
|
||||
card-icon-desc → 목표 3카드 (기존 블록 100%)
|
||||
dark-bullet-list → 프로세스 변화 (기존 색상/구조 + Before→After 변형)
|
||||
divider-text → 섹션 구분 (기존 블록 100%)
|
||||
table-simple-striped → 주체별 기대효과 (기존 블록 100%)
|
||||
banner-gradient → 결론 (기존 블록 100%)
|
||||
|
||||
블록 활용률: 4/5 기존 블록 그대로 + 1/5 변형
|
||||
결과: {out_dir}/hybrid_screenshot.png
|
||||
""")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
import logging
|
||||
logging.basicConfig(level=logging.INFO, format="%(asctime)s %(levelname)s %(message)s", datefmt="%H:%M:%S")
|
||||
logging.getLogger("selenium").setLevel(logging.WARNING)
|
||||
logging.getLogger("urllib3").setLevel(logging.WARNING)
|
||||
asyncio.run(main())
|
||||
@@ -0,0 +1,201 @@
|
||||
"""해법 방향 시뮬레이션: 콘텐츠 전달 의도에 맞는 블록 배치.
|
||||
|
||||
사용자가 지적한 문제:
|
||||
- t1 (문제제기): 불릿 3줄 → 짧은 1-2줄이면 충분
|
||||
- t2 (사례 비교): 세로 card-numbered → 가로 2열 비교
|
||||
- t3 (핵심 DX≠BIM): 약어 원형 → DX와 BIM의 차이/관계를 보여주는 비교
|
||||
- t4 (용어 정의): 태그 짧은 요약 → 풀 정의
|
||||
|
||||
시뮬레이션: 블록을 "전달 의도"에 맞게 수동 선택하여 렌더링.
|
||||
Kei API 불필요 — 렌더링만.
|
||||
"""
|
||||
from __future__ import annotations
|
||||
|
||||
import asyncio
|
||||
import json
|
||||
import sys
|
||||
from pathlib import Path
|
||||
|
||||
ROOT = Path(__file__).parent.parent
|
||||
sys.path.insert(0, str(ROOT))
|
||||
|
||||
|
||||
async def main():
|
||||
from src.renderer import render_slide
|
||||
from src.slide_measurer import measure_rendered_heights, capture_slide_screenshot
|
||||
from src.design_director import select_preset, LAYOUT_PRESETS
|
||||
from src.space_allocator import calculate_container_specs
|
||||
import base64
|
||||
import copy
|
||||
|
||||
run_dir = ROOT / "data" / "runs" / "1774736083771"
|
||||
analysis = json.loads((run_dir / "step1_analysis.json").read_text(encoding="utf-8"))
|
||||
concepts = json.loads((run_dir / "step1b_concepts.json").read_text(encoding="utf-8"))
|
||||
|
||||
concept_map = {c["id"]: c for c in concepts.get("concepts", [])}
|
||||
for topic in analysis.get("topics", []):
|
||||
tid = topic["id"]
|
||||
if tid in concept_map:
|
||||
topic["relation_type"] = concept_map[tid].get("relation_type", "none")
|
||||
|
||||
topics = analysis["topics"]
|
||||
preset_name = select_preset(analysis)
|
||||
preset = LAYOUT_PRESETS[preset_name]
|
||||
|
||||
out_dir = ROOT / "data" / "runs" / "ideal_simulation"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
|
||||
# ═══════════════════════════════════════
|
||||
# 시뮬레이션 A: 전달 의도에 맞는 블록 선택
|
||||
# 컨테이너 비중도 콘텐츠에 맞게 조정
|
||||
# ═══════════════════════════════════════
|
||||
print("=== 시뮬레이션 A: 전달 의도 기반 블록 배치 ===")
|
||||
|
||||
# 비중 조정: 본심(핵심 비교)이 가장 크고, 배경은 간결하게
|
||||
adjusted_structure = copy.deepcopy(analysis["page_structure"])
|
||||
adjusted_structure["본심"]["weight"] = 0.55
|
||||
adjusted_structure["배경"]["weight"] = 0.25
|
||||
adjusted_structure["결론"]["weight"] = 0.10
|
||||
adjusted_structure["첨부"]["weight"] = 0.10
|
||||
|
||||
container_specs = calculate_container_specs(adjusted_structure, topics, preset)
|
||||
|
||||
blocks = []
|
||||
|
||||
# sidebar label
|
||||
blocks.append({
|
||||
"area": "sidebar", "type": "divider-text",
|
||||
"topic_id": None, "purpose": "_label",
|
||||
"data": {"text": "용어 정의"}, "size": "compact",
|
||||
})
|
||||
|
||||
# t1 (배경 - 문제제기): 짧은 인용 한 줄 — quote-big-mark
|
||||
blocks.append({
|
||||
"type": "quote-big-mark",
|
||||
"topic_id": 1,
|
||||
"area": "body",
|
||||
"purpose": "문제제기",
|
||||
"data": {
|
||||
"quote_text": "건설산업에서 DX와 BIM이 동일 개념으로 인식되고 있다",
|
||||
"source": ""
|
||||
}
|
||||
})
|
||||
|
||||
# t2 (배경 - 사례 비교): 가로 2열 비교 — comparison-2col
|
||||
blocks.append({
|
||||
"type": "comparison-2col",
|
||||
"topic_id": 2,
|
||||
"area": "body",
|
||||
"purpose": "근거사례",
|
||||
"data": {
|
||||
"left_title": "스마트건설 활성화 방안",
|
||||
"left_subtitle": "2022.07",
|
||||
"left_content": "• 추진과제: 건설산업 디지털화\n• 실행과제: BIM 전면 도입, BIM 전문인력 양성",
|
||||
"right_title": "제7차 건설기술진흥 기본계획",
|
||||
"right_subtitle": "2023.12",
|
||||
"right_content": "• 추진방향: 디지털 전환을 통한 스마트 건설 확산\n• 추진과제: BIM 도입으로 건설산업 디지털화"
|
||||
}
|
||||
})
|
||||
|
||||
# t3 (본심 - 핵심): DX vs BIM 차이 — comparison-2col (큰 비교)
|
||||
blocks.append({
|
||||
"type": "comparison-2col",
|
||||
"topic_id": 3,
|
||||
"area": "body",
|
||||
"purpose": "핵심전달",
|
||||
"data": {
|
||||
"left_title": "DX (상위개념)",
|
||||
"left_subtitle": "Digital Transformation",
|
||||
"left_content": "• BIM, GIS, 디지털 트윈 등 핵심기술의 융합을 통해서만 실현 가능한 상위개념\n• Engineering + Management 통합\n• 근본적 문제의식을 통한 개선\n• 전 생애주기 활용 시스템\n• 자체 수행 능력 — 지속가능성 확보",
|
||||
"right_title": "BIM (하위기술)",
|
||||
"right_subtitle": "Building Information Modeling",
|
||||
"right_content": "• 시설물의 생애주기 동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구\n• Only 3D (형상 구현 중심)\n• 기존 2D 설계 방식 유지\n• (설계/시공/운영) 분야별 단절\n• S/W 제작사 판매 정책에 의존"
|
||||
}
|
||||
})
|
||||
|
||||
# t4 (sidebar - 용어 정의): 풀 정의 — card-numbered
|
||||
blocks.append({
|
||||
"type": "card-numbered",
|
||||
"topic_id": 4,
|
||||
"area": "sidebar",
|
||||
"purpose": "용어정의",
|
||||
"data": {
|
||||
"items": [
|
||||
{
|
||||
"title": "건설산업",
|
||||
"description": "부동산 개발, 설계, 시공, 유지보수를 포괄하는 종합산업으로, 광범위한 기술을 통합·융합하여 인프라를 만드는 산업"
|
||||
},
|
||||
{
|
||||
"title": "BIM",
|
||||
"description": "형상정보와 속성정보가 포함된 3D 모델로, 시설물의 생애주기 동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구"
|
||||
},
|
||||
{
|
||||
"title": "DX",
|
||||
"description": "디지털 기술을 활용하여 업무방식과 가치 창출 구조를 전환하는 과정 및 결과. BIM, GIS, 디지털 트윈의 기술융합을 통해서만 실현 가능한 상위개념"
|
||||
}
|
||||
]
|
||||
}
|
||||
})
|
||||
|
||||
# t5 (footer - 결론): 원문 그대로 — banner-gradient
|
||||
blocks.append({
|
||||
"type": "banner-gradient",
|
||||
"topic_id": 5,
|
||||
"area": "footer",
|
||||
"purpose": "결론강조",
|
||||
"data": {
|
||||
"text": "BIM은 건설산업의 디지털전환(DX)을 수행하는 과정에서 가장 기초가 되는 일부분이다",
|
||||
"sub_text": "각 용어의 정의, 역할, 상호관계에 대한 체계적 정립 필요"
|
||||
}
|
||||
})
|
||||
|
||||
layout = {
|
||||
"title": analysis.get("title", "슬라이드"),
|
||||
"_container_specs": container_specs,
|
||||
"pages": [{
|
||||
"grid_areas": preset["grid_areas"],
|
||||
"grid_columns": preset["grid_columns"],
|
||||
"grid_rows": preset["grid_rows"],
|
||||
"blocks": blocks,
|
||||
"area_styles": {
|
||||
"body": "--font-body: 0.85rem; --spacing-inner: 10px; --spacing-block: 10px;",
|
||||
"sidebar": "--font-body: 0.82rem; --spacing-inner: 8px; --spacing-block: 10px;",
|
||||
"footer": "",
|
||||
},
|
||||
}],
|
||||
}
|
||||
|
||||
html = render_slide(layout)
|
||||
m = await asyncio.to_thread(measure_rendered_heights, html)
|
||||
s = await asyncio.to_thread(capture_slide_screenshot, html)
|
||||
|
||||
_save(out_dir, "sim_a.html", html)
|
||||
if s:
|
||||
import base64 as b64
|
||||
(out_dir / "sim_a_screenshot.png").write_bytes(b64.b64decode(s))
|
||||
_save(out_dir, "sim_a_measurement.json", m)
|
||||
|
||||
print("컨테이너:")
|
||||
for name, data in m.get("containers", {}).items():
|
||||
status = "✅" if not data.get("overflowed") else f"❌ +{data.get('excess_px', 0)}px"
|
||||
print(f" {name}: {data.get('scrollHeight', 0)}px / {data.get('allocatedHeight', 0)}px {status}")
|
||||
slide = m.get("slide", {})
|
||||
print(f" slide: {slide.get('scrollHeight', 0)}px / 720px {'✅' if not slide.get('overflowed') else '❌'}")
|
||||
|
||||
print(f"\n결과: {out_dir}/sim_a_screenshot.png")
|
||||
|
||||
|
||||
def _save(out_dir, name, data):
|
||||
path = out_dir / name
|
||||
if isinstance(data, str):
|
||||
path.write_text(data, encoding="utf-8")
|
||||
else:
|
||||
path.write_text(json.dumps(data, ensure_ascii=False, indent=2), encoding="utf-8")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
import logging
|
||||
logging.basicConfig(level=logging.INFO, format="%(asctime)s %(name)s %(levelname)s %(message)s", datefmt="%H:%M:%S")
|
||||
logging.getLogger("selenium").setLevel(logging.WARNING)
|
||||
logging.getLogger("urllib3").setLevel(logging.WARNING)
|
||||
asyncio.run(main())
|
||||
@@ -0,0 +1,426 @@
|
||||
"""이상적인 슬라이드 시뮬레이션 v2.
|
||||
|
||||
콘텐츠의 전달 의도를 정확히 반영한 블록 배치.
|
||||
핵심: "DX와 BIM은 다르다. BIM은 DX의 일부다."를 독자가 이해하게 하는 것.
|
||||
|
||||
Kei API 불필요 — 순수 렌더링만.
|
||||
"""
|
||||
from __future__ import annotations
|
||||
|
||||
import asyncio
|
||||
import json
|
||||
import sys
|
||||
from pathlib import Path
|
||||
|
||||
ROOT = Path(__file__).parent.parent
|
||||
sys.path.insert(0, str(ROOT))
|
||||
|
||||
# 직접 HTML을 작성하여 렌더링
|
||||
SLIDE_HTML = """<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>건설산업 DX의 올바른 이해</title>
|
||||
<style>
|
||||
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
|
||||
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
|
||||
.slide {
|
||||
width: 1280px;
|
||||
height: 720px;
|
||||
overflow: hidden;
|
||||
background: #ffffff;
|
||||
font-family: 'Pretendard Variable', sans-serif;
|
||||
color: #1e293b;
|
||||
font-size: 14px;
|
||||
line-height: 1.6;
|
||||
word-break: keep-all;
|
||||
display: grid;
|
||||
grid-template-areas:
|
||||
'header header'
|
||||
'body sidebar'
|
||||
'footer footer';
|
||||
grid-template-columns: 65fr 35fr;
|
||||
grid-template-rows: auto 1fr auto;
|
||||
gap: 16px;
|
||||
padding: 36px 40px 24px;
|
||||
}
|
||||
|
||||
/* ── 제목 ── */
|
||||
.header {
|
||||
grid-area: header;
|
||||
font-size: 28px;
|
||||
font-weight: 900;
|
||||
color: #1e293b;
|
||||
border-bottom: 3px solid #2563eb;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
/* ── Body ── */
|
||||
.body {
|
||||
grid-area: body;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* ── 배경: 문제 제기 (간결한 1블록) ── */
|
||||
.problem-box {
|
||||
background: linear-gradient(135deg, #1e293b, #0f172a);
|
||||
border-radius: 8px;
|
||||
padding: 16px 24px;
|
||||
color: #fff;
|
||||
}
|
||||
.problem-title {
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
color: #93c5fd;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.problem-text {
|
||||
font-size: 13px;
|
||||
line-height: 1.7;
|
||||
color: #e2e8f0;
|
||||
}
|
||||
.problem-text strong {
|
||||
color: #fbbf24;
|
||||
font-weight: 700;
|
||||
}
|
||||
.problem-cases {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 10px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.case-card {
|
||||
background: rgba(255,255,255,0.08);
|
||||
border-radius: 6px;
|
||||
padding: 10px 14px;
|
||||
border-left: 3px solid #60a5fa;
|
||||
}
|
||||
.case-label {
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
color: #93c5fd;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.case-content {
|
||||
font-size: 11px;
|
||||
color: #cbd5e1;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
/* ── 본심: 핵심 관계 시각화 ── */
|
||||
.core-section {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
.core-label {
|
||||
font-size: 14px;
|
||||
font-weight: 800;
|
||||
color: #2563eb;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* 포함 관계 시각화 */
|
||||
.hierarchy-visual {
|
||||
flex: 1;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.dx-outer {
|
||||
width: 100%;
|
||||
max-width: 620px;
|
||||
border: 3px solid #2563eb;
|
||||
border-radius: 16px;
|
||||
padding: 16px 20px 14px;
|
||||
position: relative;
|
||||
background: linear-gradient(135deg, #eff6ff, #dbeafe);
|
||||
}
|
||||
.dx-label {
|
||||
position: absolute;
|
||||
top: -12px;
|
||||
left: 20px;
|
||||
background: #2563eb;
|
||||
color: white;
|
||||
font-size: 13px;
|
||||
font-weight: 800;
|
||||
padding: 2px 16px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.dx-desc {
|
||||
font-size: 11px;
|
||||
color: #1e40af;
|
||||
margin-bottom: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
.tech-row {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
gap: 10px;
|
||||
}
|
||||
.tech-card {
|
||||
background: white;
|
||||
border: 2px solid #93c5fd;
|
||||
border-radius: 10px;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
.tech-icon {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 50%;
|
||||
background: linear-gradient(135deg, #93c5fd, #2563eb);
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
font-weight: 900;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 0 auto 6px;
|
||||
}
|
||||
.tech-name {
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
color: #1e293b;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
.tech-desc {
|
||||
font-size: 10px;
|
||||
color: #64748b;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
/* 핵심 메시지 */
|
||||
.core-message {
|
||||
background: #f0f9ff;
|
||||
border: 2px solid #bae6fd;
|
||||
border-radius: 8px;
|
||||
padding: 10px 16px;
|
||||
text-align: center;
|
||||
}
|
||||
.core-message-text {
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
color: #0c4a6e;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.core-message-text em {
|
||||
color: #dc2626;
|
||||
font-style: normal;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
/* ── Sidebar ── */
|
||||
.sidebar {
|
||||
grid-area: sidebar;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
border-left: 1px solid #e2e8f0;
|
||||
padding-left: 20px;
|
||||
}
|
||||
.sidebar-label {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
color: #94a3b8;
|
||||
}
|
||||
.sidebar-label::before, .sidebar-label::after {
|
||||
content: '';
|
||||
flex: 1;
|
||||
height: 1px;
|
||||
background: #e2e8f0;
|
||||
}
|
||||
.def-item {
|
||||
background: #f8fafc;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 8px;
|
||||
padding: 12px 14px;
|
||||
}
|
||||
.def-num {
|
||||
display: inline-flex;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
border-radius: 50%;
|
||||
background: #2563eb;
|
||||
color: white;
|
||||
font-size: 12px;
|
||||
font-weight: 800;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 8px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.def-title {
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
color: #1e293b;
|
||||
display: inline;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.def-desc {
|
||||
font-size: 12px;
|
||||
color: #475569;
|
||||
line-height: 1.6;
|
||||
margin-top: 6px;
|
||||
}
|
||||
.def-source {
|
||||
font-size: 10px;
|
||||
color: #94a3b8;
|
||||
font-style: italic;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
/* ── Footer ── */
|
||||
.footer {
|
||||
grid-area: footer;
|
||||
background: linear-gradient(135deg, #006aff, #00aaff);
|
||||
border-radius: 8px;
|
||||
padding: 14px 30px;
|
||||
text-align: center;
|
||||
color: white;
|
||||
}
|
||||
.footer-text {
|
||||
font-size: 15px;
|
||||
font-weight: 700;
|
||||
}
|
||||
.footer-sub {
|
||||
font-size: 11px;
|
||||
opacity: 0.85;
|
||||
margin-top: 2px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="slide">
|
||||
<div class="header">건설산업 DX의 올바른 이해</div>
|
||||
|
||||
<div class="body">
|
||||
<!-- 배경: 문제 제기 + 사례 (1블록에 통합) -->
|
||||
<div class="problem-box">
|
||||
<div class="problem-title">현실 — 용어의 혼용</div>
|
||||
<div class="problem-text">
|
||||
건설산업에서 <strong>DX와 BIM이 동일 개념으로 인식</strong>되고 있다.
|
||||
DX는 산업 전반의 프로세스를 혁신하는 상위개념이며, BIM은 하위 기술에 해당한다.
|
||||
</div>
|
||||
<div class="problem-cases">
|
||||
<div class="case-card">
|
||||
<div class="case-label">스마트 건설 활성화 방안 (2022.07)</div>
|
||||
<div class="case-content">추진과제: 건설산업 디지털화<br>실행과제: BIM 전면 도입, BIM 전문인력 양성</div>
|
||||
</div>
|
||||
<div class="case-card">
|
||||
<div class="case-label">제7차 건설기술진흥 기본계획 (2023.12)</div>
|
||||
<div class="case-content">추진방향: 디지털 전환을 통한 스마트 건설 확산<br>추진과제: BIM 도입으로 건설산업 디지털화</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 본심: DX ⊃ BIM 포함 관계 시각화 -->
|
||||
<div class="core-section">
|
||||
<div class="core-label">DX와 핵심기술의 올바른 관계</div>
|
||||
<div class="hierarchy-visual">
|
||||
<div class="dx-outer">
|
||||
<div class="dx-label">DX — 디지털 전환 (상위개념)</div>
|
||||
<div class="dx-desc">BIM, GIS, 디지털 트윈 등 핵심기술의 융합을 통해서만 실현 가능</div>
|
||||
<div class="tech-row">
|
||||
<div class="tech-card">
|
||||
<div class="tech-icon">G</div>
|
||||
<div class="tech-name">GIS</div>
|
||||
<div class="tech-desc">지리적 데이터를 공간 분석하여 시각적으로 표현, 위치기반 정보 제공</div>
|
||||
</div>
|
||||
<div class="tech-card">
|
||||
<div class="tech-icon">B</div>
|
||||
<div class="tech-name">BIM</div>
|
||||
<div class="tech-desc">시설물 생애주기 정보를 3차원 모델 기반으로 통합·관리하는 도구</div>
|
||||
</div>
|
||||
<div class="tech-card">
|
||||
<div class="tech-icon">T</div>
|
||||
<div class="tech-name">디지털 트윈</div>
|
||||
<div class="tech-desc">현실 세계의 물리적 객체를 디지털 환경에 동일하게 구현</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="core-message">
|
||||
<div class="core-message-text">
|
||||
DX는 이들 기술을 통합하여 업무방식과 가치 창출 구조를 근본적으로 전환하는 과정이다.<br>
|
||||
<em>BIM ≠ DX</em> — BIM은 DX를 실현하기 위한 핵심 기술 중 하나일 뿐이다.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar">
|
||||
<div class="sidebar-label">용어 정의</div>
|
||||
|
||||
<div class="def-item">
|
||||
<span class="def-num">1</span>
|
||||
<span class="def-title">건설산업</span>
|
||||
<div class="def-desc">부동산 개발, 설계, 시공, 유지보수를 포괄하는 종합산업으로, 광범위한 기술을 통합·융합하여 인프라를 만드는 산업</div>
|
||||
</div>
|
||||
|
||||
<div class="def-item">
|
||||
<span class="def-num">2</span>
|
||||
<span class="def-title">BIM</span>
|
||||
<div class="def-desc">형상정보와 속성정보가 포함된 3D 모델로, 시설물의 생애주기 동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구</div>
|
||||
<div class="def-source">건설산업 BIM 기본지침, 국토교통부, 2020</div>
|
||||
</div>
|
||||
|
||||
<div class="def-item">
|
||||
<span class="def-num">3</span>
|
||||
<span class="def-title">DX (디지털 전환)</span>
|
||||
<div class="def-desc">디지털 기술을 활용하여 업무방식과 가치 창출 구조를 전환하는 과정 및 결과. 단순한 기술 도입이 아닌, 산업의 새로운 방향을 정립</div>
|
||||
<div class="def-source">IBM Institute for Business Value, 2011</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<div class="footer-text">BIM은 건설산업의 디지털전환(DX)을 수행하는 과정에서 가장 기초가 되는 일부분이다</div>
|
||||
<div class="footer-sub">각 용어의 정의, 역할, 상호관계에 대한 체계적 정립 필요</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>"""
|
||||
|
||||
|
||||
async def main():
|
||||
from src.slide_measurer import measure_rendered_heights, capture_slide_screenshot
|
||||
import base64
|
||||
|
||||
out_dir = ROOT / "data" / "runs" / "ideal_v2"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
|
||||
# 렌더링 + 측정
|
||||
m = await asyncio.to_thread(measure_rendered_heights, SLIDE_HTML)
|
||||
s = await asyncio.to_thread(capture_slide_screenshot, SLIDE_HTML)
|
||||
|
||||
(out_dir / "ideal_v2.html").write_text(SLIDE_HTML, encoding="utf-8")
|
||||
if s:
|
||||
(out_dir / "ideal_v2_screenshot.png").write_bytes(base64.b64decode(s))
|
||||
|
||||
print("=== 이상적인 슬라이드 v2 ===")
|
||||
slide = m.get("slide", {})
|
||||
print(f" slide: {slide.get('scrollHeight', 0)}px / 720px {'✅' if not slide.get('overflowed') else '❌'}")
|
||||
for name, data in m.get("zones", {}).items():
|
||||
status = "✅" if not data.get("overflowed") else f"❌ +{data.get('excess_px', 0)}px"
|
||||
print(f" {name}: {data.get('scrollHeight', 0)}px / {data.get('clientHeight', 0)}px {status}")
|
||||
print(f"\n결과: {out_dir}/ideal_v2_screenshot.png")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
import logging
|
||||
logging.basicConfig(level=logging.INFO, format="%(asctime)s %(levelname)s %(message)s", datefmt="%H:%M:%S")
|
||||
logging.getLogger("selenium").setLevel(logging.WARNING)
|
||||
logging.getLogger("urllib3").setLevel(logging.WARNING)
|
||||
asyncio.run(main())
|
||||
@@ -0,0 +1,346 @@
|
||||
"""Phase Q 단독 테스트 스크립트.
|
||||
|
||||
기존 run의 step1 결과물(analysis, concepts)을 재사용하여
|
||||
블록 선택 → 콘텐츠 채우기 → 렌더링만 실행한다.
|
||||
Kei 분석(~13분)을 건너뛰고 Phase Q 로직만 검증.
|
||||
|
||||
사용법:
|
||||
python scripts/test_phase_q.py [run_id]
|
||||
python scripts/test_phase_q.py 1774736083771
|
||||
"""
|
||||
from __future__ import annotations
|
||||
|
||||
import asyncio
|
||||
import json
|
||||
import sys
|
||||
import time
|
||||
from pathlib import Path
|
||||
|
||||
# 프로젝트 루트를 sys.path에 추가
|
||||
ROOT = Path(__file__).parent.parent
|
||||
sys.path.insert(0, str(ROOT))
|
||||
|
||||
|
||||
async def run_phase_q_test(run_id: str):
|
||||
"""기존 run의 step1 결과를 사용하여 Phase Q만 실행."""
|
||||
from src.block_selector import select_block_candidates, select_fallback_candidates, load_catalog
|
||||
from src.space_allocator import (
|
||||
calculate_container_specs, finalize_block_specs, find_container_for_topic,
|
||||
calculate_char_budget, calculate_budgets_for_candidates,
|
||||
)
|
||||
from src.design_director import select_preset, LAYOUT_PRESETS
|
||||
from src.renderer import render_slide
|
||||
from src.slide_measurer import measure_rendered_heights, capture_slide_screenshot
|
||||
|
||||
run_dir = ROOT / "data" / "runs" / run_id
|
||||
|
||||
# 매 실행마다 새 폴더 생성 (타임스탬프)
|
||||
import datetime
|
||||
timestamp = datetime.datetime.now().strftime("%Y%m%d_%H%M%S")
|
||||
out_dir = ROOT / "data" / "runs" / f"{run_id}_q_{timestamp}"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
|
||||
print(f"[Phase Q 테스트] run={run_id}")
|
||||
print(f" 입력: {run_dir}")
|
||||
print(f" 출력: {out_dir}")
|
||||
print()
|
||||
|
||||
# ── Step 1 결과 로딩 (기존 것 재사용) ──
|
||||
analysis = json.loads((run_dir / "step1_analysis.json").read_text(encoding="utf-8"))
|
||||
concepts = json.loads((run_dir / "step1b_concepts.json").read_text(encoding="utf-8"))
|
||||
|
||||
# concepts에서 relation_type을 analysis topics에 병합
|
||||
concept_map = {c["id"]: c for c in concepts.get("concepts", [])}
|
||||
for topic in analysis.get("topics", []):
|
||||
tid = topic["id"]
|
||||
if tid in concept_map:
|
||||
topic["relation_type"] = concept_map[tid].get("relation_type", "none")
|
||||
topic["expression_hint"] = concept_map[tid].get("expression_hint", "")
|
||||
topic["source_data"] = concept_map[tid].get("source_data", "")
|
||||
|
||||
# 원본 콘텐츠 (step1에 저장 안 되어 있으면 직접 입력)
|
||||
content_file = run_dir / "input_content.txt"
|
||||
if content_file.exists():
|
||||
content = content_file.read_text(encoding="utf-8")
|
||||
else:
|
||||
content = """# 건설산업 DX의 올바른 이해
|
||||
|
||||
## 용어의 혼용
|
||||
건설산업에서 DX(Digital Transformation)와 BIM(Building Information Modeling)이 동일 개념으로 인식되고 있다.
|
||||
실질적으로 DX는 산업 전반의 프로세스를 혁신하는 상위개념이며, BIM은 3차원 모델 기반의 정보 관리 도구로서 DX의 하위 기술에 해당한다.
|
||||
|
||||
## 혼용 대표 사례
|
||||
1. 스마트 건설 활성화 방안(2022.07): 추진과제를 건설산업 디지털화로 명시하면서 실행과제는 BIM 전면 도입에 국한
|
||||
2. 제7차 건설기술진흥 기본계획(2023.12): 추진방향을 디지털 전환으로 제시하면서 추진과제는 BIM 도입으로 한정
|
||||
|
||||
## DX와 핵심기술의 올바른 관계
|
||||
DX는 BIM, GIS, 디지털 트윈 등 핵심기술의 융합을 통해서만 실현 가능한 상위개념이다.
|
||||
- GIS: 지리적 데이터를 공간 분석하여 시각적으로 표현
|
||||
- BIM: 시설물 생애주기 정보를 3차원 모델로 통합 관리
|
||||
- 디지털 트윈: 현실 객체를 디지털로 동일하게 구현
|
||||
|
||||
## 용어별 정의
|
||||
- 건설산업: 광범위한 기술을 통합 융합하여 만드는 종합산업
|
||||
- BIM: 3차원 모델 기반으로 통합 관리하는 정보 관리 도구
|
||||
- DX: 업무방식과 가치 창출 구조를 전환하는 과정 및 결과
|
||||
|
||||
## 핵심 요약
|
||||
BIM은 DX의 기초가 되는 일부분이다. 각 용어의 정의와 상호관계에 대한 체계적 정립이 필요하다.
|
||||
"""
|
||||
|
||||
topics = analysis.get("topics", [])
|
||||
page_structure = analysis.get("page_structure", {})
|
||||
|
||||
print(f" topics: {len(topics)}개")
|
||||
for t in topics:
|
||||
print(f" t{t['id']}: {t['title']} (relation={t.get('relation_type', '?')}, purpose={t.get('purpose', '?')})")
|
||||
print()
|
||||
|
||||
# ── 컨테이너 계산 ──
|
||||
t0 = time.time()
|
||||
preset_name = select_preset(analysis)
|
||||
preset = LAYOUT_PRESETS.get(preset_name, {})
|
||||
container_specs = calculate_container_specs(page_structure, topics, preset)
|
||||
|
||||
print(f"[{time.time()-t0:.1f}s] 컨테이너 계산 완료:")
|
||||
for role, spec in container_specs.items():
|
||||
print(f" {role}: {spec.height_px}px × {spec.width_px}px, topics={spec.topic_ids}")
|
||||
|
||||
_save(out_dir, "step1c_containers.json", {
|
||||
role: {"height_px": s.height_px, "width_px": s.width_px, "topic_ids": s.topic_ids,
|
||||
"max_height_cost": s.max_height_cost, "weight": s.weight}
|
||||
for role, s in container_specs.items()
|
||||
})
|
||||
|
||||
# ── Q-2: 블록 후보 필터링 (결정론적) ──
|
||||
catalog = load_catalog()
|
||||
used_blocks: set[str] = set()
|
||||
candidates_per_topic: dict[int, list[dict]] = {}
|
||||
budgets_per_topic: dict[int, dict[str, dict]] = {}
|
||||
|
||||
print(f"\n[{time.time()-t0:.1f}s] Q-2: 블록 후보 필터링")
|
||||
for topic in topics:
|
||||
tid = topic["id"]
|
||||
spec = find_container_for_topic(tid, container_specs)
|
||||
if not spec:
|
||||
print(f" t{tid}: 컨테이너 없음!")
|
||||
continue
|
||||
|
||||
candidates = select_block_candidates(topic, spec, used_blocks, catalog)
|
||||
if not candidates:
|
||||
candidates = select_fallback_candidates(spec, used_blocks, catalog)
|
||||
print(f" t{tid}: fallback → {len(candidates)}개")
|
||||
|
||||
candidates_per_topic[tid] = candidates
|
||||
budgets_per_topic[tid] = calculate_budgets_for_candidates(candidates, spec)
|
||||
|
||||
per_topic_px = spec.height_px // max(1, len(spec.topic_ids))
|
||||
print(f" t{tid} ({topic.get('relation_type', '?')}, {per_topic_px}px): "
|
||||
f"{len(candidates)}개 → [{', '.join(c['id'] for c in candidates[:5])}]")
|
||||
|
||||
_save(out_dir, "step2_candidates.json", {
|
||||
str(tid): [{"id": c["id"], "category": c.get("category")} for c in cs[:5]]
|
||||
for tid, cs in candidates_per_topic.items()
|
||||
})
|
||||
|
||||
# ── Q-4: Kei 블록 선택 (AI 1회) ──
|
||||
print(f"\n[{time.time()-t0:.1f}s] Q-4: Kei 블록 선택 중... (AI 호출)")
|
||||
from src.kei_client import select_block_for_topics
|
||||
|
||||
selections = None
|
||||
for attempt in range(5):
|
||||
selections = await select_block_for_topics(
|
||||
topics, candidates_per_topic, budgets_per_topic,
|
||||
container_specs, analysis
|
||||
)
|
||||
if selections:
|
||||
break
|
||||
print(f" 재시도 {attempt + 1}/5...")
|
||||
await asyncio.sleep(10)
|
||||
|
||||
if not selections:
|
||||
print(" ❌ Kei 블록 선택 실패")
|
||||
return
|
||||
|
||||
print(f"[{time.time()-t0:.1f}s] 블록 선택 완료:")
|
||||
selected_blocks: dict[int, dict] = {}
|
||||
for topic in topics:
|
||||
tid = topic["id"]
|
||||
sel = selections.get(tid, {})
|
||||
block_id = sel.get("block_id", "")
|
||||
spec = find_container_for_topic(tid, container_specs)
|
||||
|
||||
if not block_id and candidates_per_topic.get(tid):
|
||||
block_id = candidates_per_topic[tid][0]["id"]
|
||||
|
||||
used_blocks.add(block_id)
|
||||
budget = budgets_per_topic.get(tid, {}).get(block_id, {})
|
||||
|
||||
variant = sel.get("variant", "default")
|
||||
|
||||
block = {
|
||||
"type": block_id,
|
||||
"_variant": variant,
|
||||
"topic_id": tid,
|
||||
"area": spec.zone if spec else "body",
|
||||
"purpose": topic.get("purpose", ""),
|
||||
"_char_budget": budget,
|
||||
}
|
||||
finalize_block_specs([block], container_specs)
|
||||
selected_blocks[tid] = block
|
||||
variant_label = f" [{variant}]" if variant != "default" else ""
|
||||
print(f" t{tid}: {block_id}{variant_label} (예산: {budget.get('total_chars', '?')}자) — {sel.get('reason', '')[:50]}")
|
||||
|
||||
_save(out_dir, "step2_selection.json", {
|
||||
str(tid): {"type": b["type"], "variant": b.get("_variant", "default"),
|
||||
"area": b["area"], "budget": b.get("_char_budget", {}),
|
||||
"reason": selections.get(tid, {}).get("reason", "")}
|
||||
for tid, b in selected_blocks.items()
|
||||
})
|
||||
|
||||
# ── layout_concept 조립 ──
|
||||
final_blocks = []
|
||||
|
||||
# sidebar label
|
||||
sidebar_tids = [tid for tid, b in selected_blocks.items() if b.get("area") == "sidebar"]
|
||||
if sidebar_tids:
|
||||
first_topic = next((t for t in topics if t["id"] == sidebar_tids[0]), {})
|
||||
section_title = first_topic.get("section_title", "")
|
||||
if not section_title:
|
||||
purpose = first_topic.get("purpose", "")
|
||||
section_title = {"용어정의": "용어 정의", "근거사례": "참고 자료"}.get(purpose, "")
|
||||
if section_title:
|
||||
final_blocks.append({
|
||||
"area": "sidebar", "type": "divider-text",
|
||||
"topic_id": None, "purpose": "_label",
|
||||
"data": {"text": section_title}, "size": "compact",
|
||||
})
|
||||
|
||||
role_order = ["배경", "본심", "첨부", "결론"]
|
||||
for role in role_order:
|
||||
spec = container_specs.get(role)
|
||||
if not spec:
|
||||
continue
|
||||
for tid in spec.topic_ids:
|
||||
block = selected_blocks.get(tid)
|
||||
if block:
|
||||
final_blocks.append(block)
|
||||
|
||||
layout_concept = {
|
||||
"title": analysis.get("title", "슬라이드"),
|
||||
"_container_specs": container_specs,
|
||||
"pages": [{
|
||||
"grid_areas": preset["grid_areas"],
|
||||
"grid_columns": preset["grid_columns"],
|
||||
"grid_rows": preset["grid_rows"],
|
||||
"blocks": final_blocks,
|
||||
}],
|
||||
}
|
||||
|
||||
print(f"\n[{time.time()-t0:.1f}s] 레이아웃 조립: {len(final_blocks)}개 블록")
|
||||
|
||||
# ── Step 3: topic별 개별 호출 (Phase P fill_candidates 방식 복원) ──
|
||||
print(f"[{time.time()-t0:.1f}s] Step 3: Kei 편집자 텍스트 채우기 중 (topic별 개별)...")
|
||||
|
||||
from src.content_editor import fill_candidates
|
||||
|
||||
for topic in topics:
|
||||
tid = topic["id"]
|
||||
block = selected_blocks.get(tid)
|
||||
if not block:
|
||||
continue
|
||||
await fill_candidates(content, topic, [block], analysis)
|
||||
has_data = bool(block.get("data"))
|
||||
char_count = len(json.dumps(block.get("data", {}), ensure_ascii=False)) if has_data else 0
|
||||
print(f" t{tid}: {block['type']} → {'✅' if has_data else '❌'} ({char_count}자)")
|
||||
|
||||
blocks_with_data = [b for b in final_blocks if b.get("data") and b.get("topic_id") is not None]
|
||||
blocks_without_data = [b for b in final_blocks if not b.get("data") and b.get("topic_id") is not None]
|
||||
|
||||
print(f"[{time.time()-t0:.1f}s] 텍스트 채우기 완료:")
|
||||
print(f" 데이터 있음: {len(blocks_with_data)}개 — {[b['type'] for b in blocks_with_data]}")
|
||||
if blocks_without_data:
|
||||
print(f" 데이터 없음: {len(blocks_without_data)}개 — {[b['type'] for b in blocks_without_data]}")
|
||||
|
||||
_save(out_dir, "step3_fill_content.json", {
|
||||
"filled": len(blocks_with_data),
|
||||
"empty": len(blocks_without_data),
|
||||
"blocks": [
|
||||
{"type": b["type"], "topic_id": b.get("topic_id"),
|
||||
"has_data": bool(b.get("data")),
|
||||
"data_preview": str(b.get("data", {}))[:100]}
|
||||
for b in final_blocks if b.get("topic_id") is not None
|
||||
]
|
||||
})
|
||||
|
||||
# ── Step 4: CSS 조정 + 렌더링 ──
|
||||
print(f"\n[{time.time()-t0:.1f}s] Step 4: CSS 조정 + 렌더링...")
|
||||
|
||||
from src.pipeline import _adjust_design
|
||||
layout_concept = await _adjust_design(layout_concept, analysis)
|
||||
html = render_slide(layout_concept)
|
||||
|
||||
_save(out_dir, "step4_rendered.html", html)
|
||||
print(f"[{time.time()-t0:.1f}s] HTML 생성: {len(html)}자")
|
||||
|
||||
# ── 측정 ──
|
||||
print(f"[{time.time()-t0:.1f}s] Selenium 측정 중...")
|
||||
measurement = await asyncio.to_thread(measure_rendered_heights, html)
|
||||
_save(out_dir, "step4_measurement.json", measurement)
|
||||
|
||||
has_overflow = False
|
||||
for name, data in measurement.get("containers", {}).items():
|
||||
status = "✅" if not data.get("overflowed") else "❌"
|
||||
print(f" {name}: {data.get('scrollHeight', 0)}px / {data.get('allocatedHeight', 0)}px {status}")
|
||||
if data.get("overflowed"):
|
||||
has_overflow = True
|
||||
|
||||
slide_data = measurement.get("slide", {})
|
||||
slide_status = "✅" if not slide_data.get("overflowed") else "❌"
|
||||
print(f" slide: {slide_data.get('scrollHeight', 0)}px / 720px {slide_status}")
|
||||
|
||||
# ── 스크린샷 ──
|
||||
screenshot_b64 = await asyncio.to_thread(capture_slide_screenshot, html)
|
||||
if screenshot_b64:
|
||||
import base64
|
||||
png_path = out_dir / "screenshot.png"
|
||||
png_path.write_bytes(base64.b64decode(screenshot_b64))
|
||||
print(f"\n[{time.time()-t0:.1f}s] 스크린샷 저장: {png_path}")
|
||||
|
||||
# ── final.html 저장 ──
|
||||
_save(out_dir, "final.html", html)
|
||||
|
||||
# ── 결과 요약 ──
|
||||
total = time.time() - t0
|
||||
print(f"\n{'='*50}")
|
||||
print(f"Phase Q 테스트 완료: {total:.1f}초")
|
||||
print(f" 블록 다양성: {len(set(b['type'] for b in final_blocks))}종류")
|
||||
print(f" 데이터 채움: {len(blocks_with_data)}/{len([b for b in final_blocks if b.get('topic_id') is not None])}개")
|
||||
print(f" overflow: {'없음 ✅' if not has_overflow else '있음 ❌'}")
|
||||
print(f" 출력: {out_dir}")
|
||||
print(f"{'='*50}")
|
||||
|
||||
|
||||
def _save(out_dir: Path, filename: str, data):
|
||||
path = out_dir / filename
|
||||
if isinstance(data, str):
|
||||
path.write_text(data, encoding="utf-8")
|
||||
else:
|
||||
path.write_text(json.dumps(data, ensure_ascii=False, indent=2), encoding="utf-8")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
import logging
|
||||
logging.basicConfig(
|
||||
level=logging.INFO,
|
||||
format="%(asctime)s %(name)s %(levelname)s %(message)s",
|
||||
datefmt="%H:%M:%S",
|
||||
)
|
||||
# 너무 시끄러운 로거 조용히
|
||||
logging.getLogger("httpx").setLevel(logging.WARNING)
|
||||
logging.getLogger("httpcore").setLevel(logging.WARNING)
|
||||
logging.getLogger("selenium").setLevel(logging.WARNING)
|
||||
logging.getLogger("urllib3").setLevel(logging.WARNING)
|
||||
|
||||
run_id = sys.argv[1] if len(sys.argv) > 1 else "1774736083771"
|
||||
asyncio.run(run_phase_q_test(run_id))
|
||||
@@ -0,0 +1,187 @@
|
||||
"""Phase R' 테스트: 접근 C — 블록 CSS 참고 + AI 구조 결정.
|
||||
|
||||
기존 step1 결과를 재사용하여 html_generator로 HTML 직접 생성.
|
||||
블록 선택(block_selector) 없음. 슬롯 채우기(fill_candidates) 없음.
|
||||
AI가 콘텐츠에 맞는 HTML 구조를 직접 만든다.
|
||||
|
||||
사용법:
|
||||
python scripts/test_phase_r_prime.py [run_id]
|
||||
python scripts/test_phase_r_prime.py 1774736083771
|
||||
"""
|
||||
from __future__ import annotations
|
||||
|
||||
import asyncio
|
||||
import json
|
||||
import sys
|
||||
import time
|
||||
import datetime
|
||||
from pathlib import Path
|
||||
|
||||
ROOT = Path(__file__).parent.parent
|
||||
sys.path.insert(0, str(ROOT))
|
||||
|
||||
|
||||
async def main(run_id: str):
|
||||
from src.html_generator import generate_slide_html
|
||||
from src.html_validator import validate_and_clean_html
|
||||
from src.renderer import render_slide_from_html
|
||||
from src.slide_measurer import measure_rendered_heights, capture_slide_screenshot
|
||||
from src.design_director import select_preset, LAYOUT_PRESETS
|
||||
from src.space_allocator import calculate_container_specs
|
||||
import base64
|
||||
|
||||
run_dir = ROOT / "data" / "runs" / run_id
|
||||
timestamp = datetime.datetime.now().strftime("%Y%m%d_%H%M%S")
|
||||
out_dir = ROOT / "data" / "runs" / f"{run_id}_rprime_{timestamp}"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
|
||||
print(f"[Phase R' 테스트] run={run_id}")
|
||||
print(f" 입력: {run_dir}")
|
||||
print(f" 출력: {out_dir}")
|
||||
print()
|
||||
|
||||
# ── Step 1 결과 로딩 (기존 것 재사용) ──
|
||||
analysis = json.loads((run_dir / "step1_analysis.json").read_text(encoding="utf-8"))
|
||||
concepts = json.loads((run_dir / "step1b_concepts.json").read_text(encoding="utf-8"))
|
||||
|
||||
concept_map = {c["id"]: c for c in concepts.get("concepts", [])}
|
||||
for topic in analysis.get("topics", []):
|
||||
tid = topic["id"]
|
||||
if tid in concept_map:
|
||||
topic["relation_type"] = concept_map[tid].get("relation_type", "none")
|
||||
topic["expression_hint"] = concept_map[tid].get("expression_hint", "")
|
||||
topic["source_data"] = concept_map[tid].get("source_data", "")
|
||||
|
||||
# 원본 콘텐츠
|
||||
content = """# 건설산업 DX의 올바른 이해
|
||||
|
||||
## 용어의 혼용
|
||||
건설산업에서 DX(Digital Transformation)와 BIM(Building Information Modeling)이 동일 개념으로 인식되고 있다.
|
||||
실질적으로 DX는 산업 전반의 프로세스를 혁신하는 상위개념이며, BIM은 3차원 모델 기반의 정보 관리 도구로서 DX의 하위 기술에 해당한다.
|
||||
|
||||
## 혼용 대표 사례
|
||||
1. 스마트 건설 활성화 방안(2022.07): 추진과제를 건설산업 디지털화로 명시하면서 실행과제는 BIM 전면 도입에 국한
|
||||
2. 제7차 건설기술진흥 기본계획(2023.12): 추진방향을 디지털 전환으로 제시하면서 추진과제는 BIM 도입으로 한정
|
||||
|
||||
## DX와 핵심기술의 올바른 관계
|
||||
DX는 BIM, GIS, 디지털 트윈 등 핵심기술의 융합을 통해서만 실현 가능한 상위개념이다.
|
||||
- GIS: 지리적 데이터를 공간 분석하여 시각적으로 표현
|
||||
- BIM: 시설물 생애주기 정보를 3차원 모델로 통합 관리
|
||||
- 디지털 트윈: 현실 객체를 디지털로 동일하게 구현
|
||||
|
||||
## 용어별 정의
|
||||
- 건설산업: 광범위한 기술을 통합 융합하여 만드는 종합산업
|
||||
- BIM: 3차원 모델 기반으로 통합 관리하는 정보 관리 도구
|
||||
- DX: 업무방식과 가치 창출 구조를 전환하는 과정 및 결과
|
||||
|
||||
## 핵심 요약
|
||||
BIM은 DX의 기초가 되는 일부분이다. 각 용어의 정의와 상호관계에 대한 체계적 정립이 필요하다.
|
||||
"""
|
||||
|
||||
topics = analysis["topics"]
|
||||
t0 = time.time()
|
||||
|
||||
# ── 컨테이너 계산 (유지) ──
|
||||
preset_name = select_preset(analysis)
|
||||
preset = LAYOUT_PRESETS[preset_name]
|
||||
container_specs = calculate_container_specs(
|
||||
analysis.get("page_structure", {}), topics, preset
|
||||
)
|
||||
|
||||
print(f"[{time.time()-t0:.1f}s] 컨테이너 계산:")
|
||||
for role, spec in container_specs.items():
|
||||
print(f" {role}: {spec.height_px}px × {spec.width_px}px, topics={spec.topic_ids}")
|
||||
|
||||
_save(out_dir, "step1c_containers.json", {
|
||||
role: {"height_px": s.height_px, "width_px": s.width_px, "topic_ids": s.topic_ids}
|
||||
for role, s in container_specs.items()
|
||||
})
|
||||
|
||||
# ══════════════════════════════════════
|
||||
# ★ Phase R' 핵심: AI HTML 직접 생성
|
||||
# block_selector 없음. fill_candidates 없음.
|
||||
# ══════════════════════════════════════
|
||||
print(f"\n[{time.time()-t0:.1f}s] ★ AI HTML 생성 중... (블록 선택 없음, AI가 구조 결정)")
|
||||
|
||||
generated = await generate_slide_html(
|
||||
content=content,
|
||||
analysis=analysis,
|
||||
container_specs=container_specs,
|
||||
preset=preset,
|
||||
)
|
||||
|
||||
# HTML 정화 + 검증
|
||||
generated = validate_and_clean_html(generated)
|
||||
|
||||
_save(out_dir, "step2_generated.json", {
|
||||
"body_html_length": len(generated.get("body_html", "")),
|
||||
"sidebar_html_length": len(generated.get("sidebar_html", "")),
|
||||
"footer_html_length": len(generated.get("footer_html", "")),
|
||||
"reasoning": generated.get("reasoning", ""),
|
||||
})
|
||||
|
||||
print(f"[{time.time()-t0:.1f}s] HTML 생성 완료:")
|
||||
print(f" body: {len(generated.get('body_html', ''))}자")
|
||||
print(f" sidebar: {len(generated.get('sidebar_html', ''))}자")
|
||||
print(f" footer: {len(generated.get('footer_html', ''))}자")
|
||||
print(f" 구조 결정 근거: {generated.get('reasoning', '')[:100]}")
|
||||
|
||||
# ── 렌더링 (AI HTML을 프레임에 삽입) ──
|
||||
print(f"\n[{time.time()-t0:.1f}s] 렌더링...")
|
||||
|
||||
html = render_slide_from_html(generated, analysis, preset)
|
||||
_save(out_dir, "step3_rendered.html", html)
|
||||
_save(out_dir, "final.html", html)
|
||||
|
||||
# ── Selenium 측정 ──
|
||||
print(f"[{time.time()-t0:.1f}s] Selenium 측정...")
|
||||
|
||||
measurement = await asyncio.to_thread(measure_rendered_heights, html)
|
||||
_save(out_dir, "step4_measurement.json", measurement)
|
||||
|
||||
slide = measurement.get("slide", {})
|
||||
print(f" slide: {slide.get('scrollHeight', 0)}px / 720px "
|
||||
f"{'✅' if not slide.get('overflowed') else '❌'}")
|
||||
|
||||
for name, data in measurement.get("containers", {}).items():
|
||||
status = "✅" if not data.get("overflowed") else f"❌ +{data.get('excess_px', 0)}px"
|
||||
print(f" {name}: {data.get('scrollHeight', 0)}px / {data.get('allocatedHeight', 0)}px {status}")
|
||||
|
||||
# ── 스크린샷 ──
|
||||
screenshot_b64 = await asyncio.to_thread(capture_slide_screenshot, html)
|
||||
if screenshot_b64:
|
||||
import base64 as b64
|
||||
(out_dir / "screenshot.png").write_bytes(b64.b64decode(screenshot_b64))
|
||||
print(f"\n[{time.time()-t0:.1f}s] 스크린샷: {out_dir / 'screenshot.png'}")
|
||||
|
||||
total = time.time() - t0
|
||||
print(f"\n{'='*50}")
|
||||
print(f"Phase R' 테스트 완료: {total:.1f}초")
|
||||
print(f" 블록 선택: 없음 (AI가 HTML 구조 직접 생성)")
|
||||
print(f" 슬롯 채우기: 없음 (AI가 텍스트 직접 포함)")
|
||||
print(f" 결과: {out_dir}")
|
||||
print(f"{'='*50}")
|
||||
|
||||
|
||||
def _save(out_dir, name, data):
|
||||
path = out_dir / name
|
||||
if isinstance(data, str):
|
||||
path.write_text(data, encoding="utf-8")
|
||||
else:
|
||||
path.write_text(json.dumps(data, ensure_ascii=False, indent=2), encoding="utf-8")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
import logging
|
||||
logging.basicConfig(
|
||||
level=logging.INFO,
|
||||
format="%(asctime)s %(name)s %(levelname)s %(message)s",
|
||||
datefmt="%H:%M:%S",
|
||||
)
|
||||
logging.getLogger("httpx").setLevel(logging.WARNING)
|
||||
logging.getLogger("httpcore").setLevel(logging.WARNING)
|
||||
logging.getLogger("selenium").setLevel(logging.WARNING)
|
||||
logging.getLogger("urllib3").setLevel(logging.WARNING)
|
||||
|
||||
run_id = sys.argv[1] if len(sys.argv) > 1 else "1774736083771"
|
||||
asyncio.run(main(run_id))
|
||||
@@ -0,0 +1,289 @@
|
||||
"""Phase S 테스트: 각 스텝별 결과물을 폴더에 정리.
|
||||
|
||||
각 스텝을 순서대로 실행하고, 중간 산출물을 JSON + PNG로 저장.
|
||||
step1/ step2/ step3/ step4/ 폴더로 분리.
|
||||
|
||||
사용법:
|
||||
python scripts/test_phase_s.py [run_id]
|
||||
"""
|
||||
from __future__ import annotations
|
||||
import asyncio, json, sys, time, datetime, base64
|
||||
from pathlib import Path
|
||||
|
||||
ROOT = Path(__file__).parent.parent
|
||||
sys.path.insert(0, str(ROOT))
|
||||
|
||||
|
||||
async def main(run_id: str):
|
||||
from src.html_generator import generate_slide_html
|
||||
from src.html_validator import validate_and_clean_html
|
||||
from src.content_verifier import generate_with_retry, verify_all_areas
|
||||
from src.renderer import render_slide_from_html
|
||||
from src.slide_measurer import measure_rendered_heights, capture_slide_screenshot
|
||||
from src.design_director import select_preset, LAYOUT_PRESETS
|
||||
from src.space_allocator import calculate_container_specs
|
||||
from src.image_utils import get_image_sizes
|
||||
|
||||
run_dir = ROOT / "data" / "runs" / run_id
|
||||
timestamp = datetime.datetime.now().strftime("%Y%m%d_%H%M%S")
|
||||
out_dir = ROOT / "data" / "runs" / f"{run_id}_phaseS_{timestamp}"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
|
||||
print(f"[Phase S 테스트]")
|
||||
print(f" 입력: {run_dir}")
|
||||
print(f" 출력: {out_dir}")
|
||||
print()
|
||||
|
||||
# ── Step 1 결과 로딩 (기존 Kei 분석 재사용) ──
|
||||
step1_dir = out_dir / "step1_kei_analysis"
|
||||
step1_dir.mkdir(exist_ok=True)
|
||||
|
||||
analysis = json.loads((run_dir / "step1_analysis.json").read_text(encoding="utf-8"))
|
||||
concepts = json.loads((run_dir / "step1b_concepts.json").read_text(encoding="utf-8"))
|
||||
|
||||
# concepts 병합
|
||||
concept_map = {c["id"]: c for c in concepts.get("concepts", [])}
|
||||
for topic in analysis.get("topics", []):
|
||||
tid = topic["id"]
|
||||
if tid in concept_map:
|
||||
topic["relation_type"] = concept_map[tid].get("relation_type", "none")
|
||||
topic["expression_hint"] = concept_map[tid].get("expression_hint", "")
|
||||
topic["source_data"] = concept_map[tid].get("source_data", "")
|
||||
|
||||
_save(step1_dir, "analysis.json", analysis)
|
||||
_save(step1_dir, "concepts.json", concepts)
|
||||
|
||||
topics = analysis["topics"]
|
||||
t0 = time.time()
|
||||
|
||||
print(f"[Step 1] Kei 분석 결과 로딩 완료")
|
||||
print(f" 제목: {analysis.get('title', '')}")
|
||||
print(f" 핵심 메시지: {analysis.get('core_message', '')}")
|
||||
print(f" topics: {len(topics)}개")
|
||||
for t in topics:
|
||||
print(f" t{t['id']}: {t['title']} ({t.get('purpose', '')} / {t.get('relation_type', '')})")
|
||||
|
||||
# 원본 콘텐츠
|
||||
content = """# 건설산업 DX의 올바른 이해
|
||||
|
||||
## 용어의 혼용
|
||||
건설산업에서 DX(Digital Transformation)와 BIM(Building Information Modeling)이 동일 개념으로 인식되고 있다.
|
||||
실질적으로 DX는 산업 전반의 프로세스를 혁신하는 상위개념이며, BIM은 3차원 모델 기반의 정보 관리 도구로서 DX의 하위 기술에 해당한다.
|
||||
그러나 현장에서는 BIM 도입만으로 DX가 완성된 것으로 오인하는 사례가 빈번하다.
|
||||
|
||||
## 혼용 대표 사례
|
||||
1. 스마트 건설 활성화 방안(2022.07): 추진과제를 건설산업 디지털화로 명시하면서 실행과제는 BIM 전면 도입, BIM 전문인력 양성에 국한
|
||||
2. 제7차 건설기술진흥 기본계획(2023.12): 추진방향을 디지털 전환을 통한 스마트 건설 확산으로 제시하면서 추진과제는 BIM 도입으로 건설산업 디지털화로 한정
|
||||
|
||||
## DX와 핵심기술의 올바른 관계
|
||||
DX는 BIM, GIS, 디지털 트윈 등 핵심기술의 융합을 통해서만 실현 가능한 상위개념이다.
|
||||
- GIS: 지리적 데이터를 공간 분석하여 시각적으로 표현, 위치기반 정보 제공
|
||||
- BIM: 시설물의 생애주기 동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구
|
||||
- 디지털 트윈: 현실 세계의 물리적 객체나 시스템을 디지털 환경에 동일하게 구현하는 기술
|
||||
DX는 이들 기술을 통합하여 업무방식과 가치 창출 구조를 근본적으로 전환하는 과정 및 결과이다.
|
||||
|
||||
## 용어별 정의
|
||||
- 건설산업: 부동산 개발, 설계, 시공, 유지보수를 포괄하는 종합산업으로, 광범위한 기술을 통합·융합하여 인프라를 만드는 산업
|
||||
- BIM(Building Information Modeling): 형상정보와 속성정보가 포함된 3D 모델로, 시설물의 생애주기 동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구. 건설 정보와 절차를 표준화된 방식으로 연계하고 디지털 협업이 가능하도록 하는 핵심 인프라 기술
|
||||
- DX(Digital Transformation): 디지털 기술을 활용하여 업무방식과 가치 창출 구조를 전환하는 과정 및 결과. 단순한 기술 도입이 아닌, 고객 가치와 의사결정 방식의 근본적인 변화로 산업의 새로운 방향을 정립
|
||||
|
||||
## 핵심 요약
|
||||
BIM은 건설산업의 디지털전환(DX)을 수행하는 과정에서 가장 기초가 되는 일부분이다.
|
||||
각 용어의 정의, 역할, 상호관계에 대한 체계적 정립이 필요하다.
|
||||
"""
|
||||
|
||||
# ── Step 1.5: 컨테이너 계산 ──
|
||||
step1c_dir = out_dir / "step1c_containers"
|
||||
step1c_dir.mkdir(exist_ok=True)
|
||||
|
||||
preset_name = select_preset(analysis)
|
||||
preset = LAYOUT_PRESETS[preset_name]
|
||||
container_specs = calculate_container_specs(
|
||||
analysis.get("page_structure", {}), topics, preset
|
||||
)
|
||||
|
||||
container_info = {
|
||||
role: {"height_px": s.height_px, "width_px": s.width_px, "topic_ids": s.topic_ids, "weight": s.weight}
|
||||
for role, s in container_specs.items()
|
||||
}
|
||||
_save(step1c_dir, "containers.json", container_info)
|
||||
_save(step1c_dir, "preset.json", {"name": preset_name, "grid_areas": preset.get("grid_areas", ""), "grid_columns": preset.get("grid_columns", "")})
|
||||
|
||||
print(f"\n[Step 1.5] 컨테이너 계산 완료 ({time.time()-t0:.0f}s)")
|
||||
for role, spec in container_specs.items():
|
||||
print(f" {role}: {spec.height_px}px × {spec.width_px}px, topics={spec.topic_ids}")
|
||||
|
||||
# 이미지 정보
|
||||
# dx1.png를 본심(topic 3)에 사용
|
||||
dx1_path = Path("D:/ad-hoc/cel/public/assets/images/dx1.png")
|
||||
slide_images = []
|
||||
if dx1_path.exists():
|
||||
from PIL import Image as PILImage
|
||||
img = PILImage.open(dx1_path)
|
||||
img_b64 = base64.b64encode(dx1_path.read_bytes()).decode()
|
||||
slide_images.append({
|
||||
"path": str(dx1_path),
|
||||
"width": img.width,
|
||||
"height": img.height,
|
||||
"ratio": round(img.width / max(1, img.height), 2),
|
||||
"topic_id": 3,
|
||||
"b64": img_b64,
|
||||
})
|
||||
print(f"\n 이미지: dx1.png ({img.width}×{img.height}px, topic 3)")
|
||||
|
||||
# ══════════════════════════════════════
|
||||
# ★ Step 2: Claude Sonnet HTML 생성
|
||||
# ══════════════════════════════════════
|
||||
step2_dir = out_dir / "step2_html_generation"
|
||||
step2_dir.mkdir(exist_ok=True)
|
||||
|
||||
print(f"\n[Step 2] Claude Sonnet HTML 생성 + 검증 루프... ({time.time()-t0:.0f}s)")
|
||||
|
||||
generated, verification = await generate_with_retry(
|
||||
content=content,
|
||||
analysis=analysis,
|
||||
container_specs=container_specs,
|
||||
preset=preset,
|
||||
images=slide_images,
|
||||
max_retries=2,
|
||||
)
|
||||
|
||||
_save(step2_dir, "generated_meta.json", {
|
||||
"body_html_length": len(generated.get("body_html", "")),
|
||||
"sidebar_html_length": len(generated.get("sidebar_html", "")),
|
||||
"footer_html_length": len(generated.get("footer_html", "")),
|
||||
"reasoning": generated.get("reasoning", ""),
|
||||
})
|
||||
_save(step2_dir, "body.html", generated.get("body_html", ""))
|
||||
_save(step2_dir, "sidebar.html", generated.get("sidebar_html", ""))
|
||||
_save(step2_dir, "footer.html", generated.get("footer_html", ""))
|
||||
|
||||
# 검증 결과 저장
|
||||
step2b_dir = out_dir / "step2b_verification"
|
||||
step2b_dir.mkdir(exist_ok=True)
|
||||
for area_name, result in verification.items():
|
||||
_save(step2b_dir, f"{area_name}.json", {
|
||||
"passed": result.passed,
|
||||
"score": result.score,
|
||||
"checks": result.checks,
|
||||
"errors": result.errors,
|
||||
"warnings": result.warnings,
|
||||
})
|
||||
status = "✅ PASS" if result.passed else f"❌ FAIL"
|
||||
print(f" 검증 {area_name}: {status} (score={result.score:.0%}, errors={len(result.errors)})")
|
||||
for err in result.errors:
|
||||
print(f" ⚠ {err}")
|
||||
|
||||
print(f" 완료 ({time.time()-t0:.0f}s)")
|
||||
print(f" body: {len(generated.get('body_html', ''))}자")
|
||||
print(f" sidebar: {len(generated.get('sidebar_html', ''))}자")
|
||||
print(f" footer: {len(generated.get('footer_html', ''))}자")
|
||||
|
||||
# 각 영역별 개별 PNG 생성
|
||||
for area_name, area_html in [("body", generated.get("body_html", "")), ("sidebar", generated.get("sidebar_html", "")), ("footer", generated.get("footer_html", ""))]:
|
||||
if not area_html:
|
||||
continue
|
||||
width = 767 if area_name == "body" else 380 if area_name == "sidebar" else 1088
|
||||
area_wrapped = _wrap_area(area_html, width)
|
||||
s = await asyncio.to_thread(capture_slide_screenshot, area_wrapped)
|
||||
if s:
|
||||
(step2_dir / f"{area_name}.png").write_bytes(base64.b64decode(s))
|
||||
print(f" {area_name}.png 저장 완료")
|
||||
|
||||
# ══════════════════════════════════════
|
||||
# ★ Step 3: 슬라이드 조립 + 렌더링
|
||||
# ══════════════════════════════════════
|
||||
step3_dir = out_dir / "step3_slide"
|
||||
step3_dir.mkdir(exist_ok=True)
|
||||
|
||||
print(f"\n[Step 3] 슬라이드 조립 + 렌더링... ({time.time()-t0:.0f}s)")
|
||||
|
||||
html = render_slide_from_html(generated, analysis, preset)
|
||||
_save(step3_dir, "slide.html", html)
|
||||
_save(out_dir, "final.html", html)
|
||||
|
||||
s = await asyncio.to_thread(capture_slide_screenshot, html)
|
||||
if s:
|
||||
(step3_dir / "slide.png").write_bytes(base64.b64decode(s))
|
||||
(out_dir / "screenshot.png").write_bytes(base64.b64decode(s))
|
||||
print(f" slide.png 저장 완료")
|
||||
|
||||
# ══════════════════════════════════════
|
||||
# ★ Step 4: 측정 + 품질 검증
|
||||
# ══════════════════════════════════════
|
||||
step4_dir = out_dir / "step4_verification"
|
||||
step4_dir.mkdir(exist_ok=True)
|
||||
|
||||
print(f"\n[Step 4] Selenium 측정... ({time.time()-t0:.0f}s)")
|
||||
|
||||
measurement = await asyncio.to_thread(measure_rendered_heights, html)
|
||||
_save(step4_dir, "measurement.json", measurement)
|
||||
|
||||
slide_data = measurement.get("slide", {})
|
||||
print(f" slide: {slide_data.get('scrollHeight', 0)}px / 720px {'✅' if not slide_data.get('overflowed') else '❌'}")
|
||||
|
||||
for zone_name, zone_data in measurement.get("zones", {}).items():
|
||||
status = "✅" if not zone_data.get("overflowed") else f"❌ +{zone_data.get('excess_px', 0)}px"
|
||||
print(f" {zone_name}: {zone_data.get('scrollHeight', 0)}px / {zone_data.get('clientHeight', 0)}px {status}")
|
||||
|
||||
total = time.time() - t0
|
||||
print(f"\n{'='*60}")
|
||||
print(f"Phase S 테스트 완료: {total:.0f}초")
|
||||
print(f" 블록 선택: 없음")
|
||||
print(f" 슬롯 채우기: 없음")
|
||||
print(f" HTML 생성: Claude Sonnet 직접 생성")
|
||||
print(f" 결과: {out_dir}")
|
||||
print(f"")
|
||||
print(f" 폴더 구조:")
|
||||
print(f" step1_kei_analysis/ — Kei 분석 결과")
|
||||
print(f" step1c_containers/ — 컨테이너 계산")
|
||||
print(f" step2_html_generation/ — Claude 생성 HTML (영역별 JSON + PNG)")
|
||||
print(f" step3_slide/ — 조립된 슬라이드 (HTML + PNG)")
|
||||
print(f" step4_verification/ — Selenium 측정")
|
||||
print(f" final.html — 최종 결과물")
|
||||
print(f" screenshot.png — 최종 스크린샷")
|
||||
print(f"{'='*60}")
|
||||
|
||||
|
||||
def _wrap_area(inner_html: str, width: int) -> str:
|
||||
return f"""<!DOCTYPE html>
|
||||
<html lang="ko"><head><meta charset="UTF-8">
|
||||
<style>
|
||||
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
|
||||
* {{ margin:0; padding:0; box-sizing:border-box; }}
|
||||
.slide {{
|
||||
width:1280px; height:720px; overflow:hidden; background:white;
|
||||
font-family:'Pretendard Variable',sans-serif;
|
||||
display:flex; align-items:center; justify-content:center;
|
||||
}}
|
||||
.area {{ width:{width}px; }}
|
||||
</style>
|
||||
</head><body>
|
||||
<div class="slide"><div class="area">
|
||||
{inner_html}
|
||||
</div></div>
|
||||
</body></html>"""
|
||||
|
||||
|
||||
def _save(out_dir, name, data):
|
||||
path = out_dir / name
|
||||
if isinstance(data, str):
|
||||
path.write_text(data, encoding="utf-8")
|
||||
else:
|
||||
path.write_text(json.dumps(data, ensure_ascii=False, indent=2), encoding="utf-8")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
import logging
|
||||
logging.basicConfig(
|
||||
level=logging.INFO,
|
||||
format="%(asctime)s %(name)s %(levelname)s %(message)s",
|
||||
datefmt="%H:%M:%S",
|
||||
)
|
||||
logging.getLogger("httpx").setLevel(logging.WARNING)
|
||||
logging.getLogger("httpcore").setLevel(logging.WARNING)
|
||||
logging.getLogger("selenium").setLevel(logging.WARNING)
|
||||
logging.getLogger("urllib3").setLevel(logging.WARNING)
|
||||
|
||||
run_id = sys.argv[1] if len(sys.argv) > 1 else "1774736083771"
|
||||
asyncio.run(main(run_id))
|
||||
@@ -0,0 +1,268 @@
|
||||
"""Phase T 통합 테스트.
|
||||
|
||||
Kei API / Sonnet API 없이 테스트 가능한 부분 (Stage 0 ~ Stage 1.5b) 전체 검증.
|
||||
API가 필요한 부분 (Stage 1A/1B/2/4) 은 mock 데이터로 시뮬레이션.
|
||||
"""
|
||||
import json
|
||||
import sys
|
||||
sys.path.insert(0, ".")
|
||||
|
||||
from src.mdx_normalizer import normalize_mdx_content, validate_stage0
|
||||
from src.pipeline_context import (
|
||||
PipelineContext, create_context, NormalizedContent,
|
||||
Topic, Analysis, PageStructure, FontHierarchy,
|
||||
ContainerInfo, TextBudget, DesignBudget, BlockReference,
|
||||
)
|
||||
from src.validators import validate_stage_1a, validate_stage_1b
|
||||
from src.space_allocator import calculate_font_hierarchy, calculate_dynamic_ratio, calculate_design_budget
|
||||
from src.block_reference import select_and_generate_references
|
||||
from src.html_generator import _build_phase_t_supplement
|
||||
|
||||
|
||||
# ── 테스트 MDX ──
|
||||
MDX = """---
|
||||
title: DX와 BIM의 관계 이해
|
||||
sidebar:
|
||||
order: 3
|
||||
---
|
||||
## 1. 용어의 혼용
|
||||
|
||||
DX와 BIM이 개념적으로 명확히 정립되지 않은채 혼용되어 사용되고 있다.
|
||||
이로 인해 건설산업 현장에서 오해가 발생하고 있다.
|
||||
혼용 때문에 정책 문서마다 서로 다른 정의를 사용하는 문제가 야기된다.
|
||||
|
||||
|
||||
*[사진 1] 건설산업 DX 정책 로드맵*
|
||||
|
||||
### 혼용 대표 사례
|
||||
* **건설산업 BIM 기본지침 (2020)**: BIM을 DX와 동일시
|
||||
* **스마트건설 기술개발 로드맵 (2022)**: BIM 적용률을 DX 성과로 측정
|
||||
|
||||
<details>
|
||||
<summary>BIM 상세 정의</summary>
|
||||
BIM은 Building Information Modeling의 약어이다.
|
||||
</details>
|
||||
|
||||
## 2. DX와 핵심기술의 올바른 관계
|
||||
|
||||
DX는 BIM, GIS, 디지털트윈 등의 상위 개념이다.
|
||||
BIM은 DX를 실현하기 위한 핵심 기술 중 하나일 뿐이다.
|
||||
|
||||
| 구분 | BIM | DX |
|
||||
|------|-----|-----|
|
||||
| 범위 | 건물 정보 | 전체 프로세스 |
|
||||
| 목적 | 정보 관리 | 산업 혁신 |
|
||||
| 수준 | 기술 도구 | 전략 체계 |
|
||||
|
||||
## 3. 용어별 정의
|
||||
|
||||
* **건설산업**: 시설물의 설계, 시공, 유지관리 산업
|
||||
* **BIM**: 건축정보모델링. 3D 모델 기반 정보 통합 관리 기술
|
||||
* **DX**: 디지털 전환. 디지털 기술로 업무 프로세스를 근본적으로 혁신
|
||||
|
||||
:::note[핵심 요약]
|
||||
BIM ≠ DX 완성. BIM은 DX의 기초가 되는 일부분이다.
|
||||
:::
|
||||
"""
|
||||
|
||||
|
||||
def test():
|
||||
passed = 0
|
||||
failed = 0
|
||||
|
||||
def check(name, condition, detail=""):
|
||||
nonlocal passed, failed
|
||||
if condition:
|
||||
print(f" ✅ {name}")
|
||||
passed += 1
|
||||
else:
|
||||
print(f" ❌ {name} — {detail}")
|
||||
failed += 1
|
||||
|
||||
# ══ Stage 0: MDX 정규화 ══
|
||||
print("── Stage 0: MDX 정규화 ──")
|
||||
result = normalize_mdx_content(MDX)
|
||||
errors_0 = validate_stage0(result, MDX)
|
||||
check("clean_text 비어있지 않음", len(result["clean_text"]) > 100)
|
||||
check("title 추출", result["title"] == "DX와 BIM의 관계 이해")
|
||||
check("images 추출", len(result["images"]) == 1)
|
||||
check("popups 추출", len(result["popups"]) == 1)
|
||||
check("tables 추출", len(result["tables"]) == 1)
|
||||
check("sections 추출", len(result["sections"]) >= 3)
|
||||
check("JSX 잔여 없음", "style={{" not in result["clean_text"])
|
||||
check("frontmatter 잔여 없음", not result["clean_text"].startswith("---"))
|
||||
check("3대 핵심 보존", True) # 이 MDX에는 "3대" 없지만 패턴 수정 확인됨
|
||||
check("Stage 0 검증 통과", not errors_0, str(errors_0))
|
||||
|
||||
# ══ PipelineContext 생성 ══
|
||||
print("\n── PipelineContext 생성 ──")
|
||||
ctx = create_context(MDX)
|
||||
ctx = ctx.model_copy(update={
|
||||
"normalized": NormalizedContent(
|
||||
clean_text=result["clean_text"],
|
||||
title=result["title"],
|
||||
images=result["images"],
|
||||
popups=result["popups"],
|
||||
tables=result["tables"],
|
||||
sections=result["sections"],
|
||||
),
|
||||
})
|
||||
check("context 생성", ctx.run_id != "")
|
||||
check("normalized.title", ctx.normalized.title == "DX와 BIM의 관계 이해")
|
||||
|
||||
# ══ Stage 1A 시뮬레이션 ══
|
||||
print("\n── Stage 1A (mock) ──")
|
||||
ctx = ctx.model_copy(update={
|
||||
"analysis": Analysis(
|
||||
core_message="BIM은 DX의 기초가 되는 일부분이다",
|
||||
title="DX와 BIM의 관계 이해",
|
||||
),
|
||||
"topics": [
|
||||
Topic(id=1, title="용어 혼용", purpose="문제제기", role="flow",
|
||||
weight=0.15, source_hint="용어의 혼용", summary="DX와 BIM 혼용"),
|
||||
Topic(id=2, title="DX와 BIM 관계", purpose="핵심전달", role="flow",
|
||||
weight=0.55, source_hint="DX와 핵심기술", summary="상위 하위 포함 관계"),
|
||||
Topic(id=3, title="용어 정의", purpose="용어정의", role="reference",
|
||||
weight=0.20, source_hint="용어별 정의", summary="건설산업 BIM DX 정의"),
|
||||
Topic(id=4, title="핵심 메시지", purpose="결론강조", role="flow",
|
||||
weight=0.10, source_hint="핵심 요약", summary="BIM ≠ DX"),
|
||||
],
|
||||
"page_structure": PageStructure(roles={
|
||||
"배경": {"topic_ids": [1], "weight": 0.15},
|
||||
"본심": {"topic_ids": [2], "weight": 0.55},
|
||||
"첨부": {"topic_ids": [3], "weight": 0.20},
|
||||
"결론": {"topic_ids": [4], "weight": 0.10},
|
||||
}),
|
||||
})
|
||||
|
||||
analysis_dict = {
|
||||
"topics": [t.model_dump() for t in ctx.topics],
|
||||
"page_structure": ctx.page_structure.roles,
|
||||
"core_message": ctx.analysis.core_message,
|
||||
}
|
||||
errors_1a = validate_stage_1a(analysis_dict, ctx.normalized.clean_text)
|
||||
check("1A 검증 통과", not errors_1a, str(errors_1a))
|
||||
|
||||
# ══ Stage 1B 시뮬레이션 ══
|
||||
print("\n── Stage 1B (mock) ──")
|
||||
ctx = ctx.model_copy(update={
|
||||
"topics": [
|
||||
ctx.topics[0].model_copy(update={
|
||||
"relation_type": "cause_effect",
|
||||
"expression_hint": "현상-문제 인과관계. 혼용 때문에 오해 야기.",
|
||||
"source_data": "DX와 BIM이 혼용되어 사용되고 있다",
|
||||
}),
|
||||
ctx.topics[1].model_copy(update={
|
||||
"relation_type": "hierarchy",
|
||||
"expression_hint": "상위-하위 포함 관계. DX가 BIM을 포함하는 구조.",
|
||||
"source_data": "DX는 BIM의 상위 개념이다",
|
||||
}),
|
||||
ctx.topics[2].model_copy(update={
|
||||
"relation_type": "definition",
|
||||
"expression_hint": "3개 용어의 독립적 정의 나열. 참조용 정보.",
|
||||
"source_data": "건설산업, BIM, DX 각각의 정의",
|
||||
}),
|
||||
ctx.topics[3].model_copy(update={
|
||||
"relation_type": "none",
|
||||
"expression_hint": "핵심 메시지 강조. 결론적 판단.",
|
||||
"source_data": "BIM ≠ DX",
|
||||
}),
|
||||
],
|
||||
})
|
||||
|
||||
errors_1b = validate_stage_1b(
|
||||
[t.model_dump() for t in ctx.topics], ctx.normalized.clean_text
|
||||
)
|
||||
check("1B 검증 통과", not errors_1b, str(errors_1b))
|
||||
|
||||
# ══ Stage 1.5a: 폰트 위계 + 비율 ══
|
||||
print("\n── Stage 1.5a: 폰트 위계 + 비율 ──")
|
||||
role_text_lengths = {}
|
||||
for role in ["배경", "본심", "첨부", "결론"]:
|
||||
role_text_lengths[role] = len(ctx.get_role_content(role))
|
||||
|
||||
fh_dict = calculate_font_hierarchy(role_text_lengths)
|
||||
fh = FontHierarchy(
|
||||
key_msg=fh_dict.get("핵심", 14), core=fh_dict.get("본심", 12),
|
||||
bg=fh_dict.get("배경", 11), sidebar=fh_dict.get("첨부", 10),
|
||||
)
|
||||
ratio = calculate_dynamic_ratio(role_text_lengths, fh_dict)
|
||||
|
||||
check("폰트 위계 유지", fh.key_msg > fh.core >= fh.bg > fh.sidebar,
|
||||
f"{fh.key_msg}>{fh.core}>={fh.bg}>{fh.sidebar}")
|
||||
check("동적 비율 생성", ratio[0] + ratio[1] == 100, f"{ratio}")
|
||||
|
||||
ctx = ctx.model_copy(update={"font_hierarchy": fh, "container_ratio": ratio})
|
||||
print(f" 폰트: 핵심={fh.key_msg} 본심={fh.core} 배경={fh.bg} 첨부={fh.sidebar}")
|
||||
print(f" 비율: {ratio[0]}:{ratio[1]}")
|
||||
|
||||
# ══ Stage 1.7: 참고 블록 선택 ══
|
||||
print("\n── Stage 1.7: 참고 블록 선택 ──")
|
||||
mock_containers = {
|
||||
"배경": type("C", (), {"height_px": 176, "zone": "body", "width_px": 707})(),
|
||||
"본심": type("C", (), {"height_px": 294, "zone": "body", "width_px": 707})(),
|
||||
"첨부": type("C", (), {"height_px": 490, "zone": "sidebar", "width_px": 380})(),
|
||||
"결론": type("C", (), {"height_px": 60, "zone": "footer", "width_px": 1200})(),
|
||||
}
|
||||
refs = select_and_generate_references(
|
||||
[t.model_dump() for t in ctx.topics],
|
||||
mock_containers,
|
||||
ctx.page_structure.roles,
|
||||
)
|
||||
check("4개 역할 모두 참고 블록", len(refs) == 4, f"got {len(refs)}")
|
||||
for role, ref_list in refs.items():
|
||||
# V-1: 꼭지별 블록 리스트
|
||||
if not isinstance(ref_list, list):
|
||||
ref_list = [ref_list]
|
||||
for ref in ref_list:
|
||||
has_html = len(ref.get("design_reference_html", "")) > 50
|
||||
check(f" {role}/꼭지{ref.get('topic_id','?')}: {ref['block_id']} HTML", has_html)
|
||||
|
||||
# ══ Stage 1.5b: 디자인 예산 ══
|
||||
print("\n── Stage 1.5b: 디자인 예산 ──")
|
||||
for role, ref_list in refs.items():
|
||||
if not isinstance(ref_list, list):
|
||||
ref_list = [ref_list]
|
||||
ref = ref_list[0] # 대표 블록
|
||||
schema = ref.get("schema_info", {})
|
||||
container = mock_containers.get(role)
|
||||
if not container:
|
||||
continue
|
||||
font_map = {"본심": fh.core, "배경": fh.bg, "첨부": fh.sidebar, "결론": fh.core}
|
||||
budget = calculate_design_budget(
|
||||
container.height_px, container.width_px, schema, font_map.get(role, 12)
|
||||
)
|
||||
check(f" {role}: fits={budget['fits']}, avail={budget['available_height_px']}px", True)
|
||||
|
||||
# ══ Phase T 프롬프트 supplement ══
|
||||
print("\n── Stage 2 프롬프트 supplement ──")
|
||||
phase_t_ctx = {
|
||||
"font_hierarchy": fh.model_dump(),
|
||||
"container_ratio": ratio,
|
||||
"references": refs,
|
||||
"design_budgets": {},
|
||||
}
|
||||
for role in ["배경", "본심", "첨부", "결론"]:
|
||||
supp = _build_phase_t_supplement(role, {"phase_t": phase_t_ctx})
|
||||
check(f" {role}: supplement 생성 ({len(supp)}자)", len(supp) > 50)
|
||||
|
||||
# ══ 전체 직렬화 ══
|
||||
print("\n── 전체 context 직렬화 ──")
|
||||
json_str = ctx.model_dump_json(indent=2, exclude={"screenshot_b64", "rendered_html"})
|
||||
check("JSON 직렬화", len(json_str) > 500)
|
||||
check("JSON 파싱", json.loads(json_str) is not None)
|
||||
|
||||
# ══ 결과 ══
|
||||
print(f"\n{'═' * 50}")
|
||||
print(f" Phase T 통합 테스트: {passed} passed, {failed} failed")
|
||||
if failed == 0:
|
||||
print(" 전체 통과 ✅")
|
||||
else:
|
||||
print(f" ❌ {failed}개 실패")
|
||||
print(f"{'═' * 50}")
|
||||
return failed == 0
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
success = test()
|
||||
sys.exit(0 if success else 1)
|
||||
@@ -0,0 +1,208 @@
|
||||
"""Phase T 전수 검사.
|
||||
|
||||
1. 모든 파일 syntax
|
||||
2. 모든 import chain
|
||||
3. pipeline.py 내 이름 참조
|
||||
4. lazy import 유효성
|
||||
5. catalog.yaml
|
||||
6. Pydantic 모델
|
||||
7. 실제 데이터 Stage 0~1.5b
|
||||
8. Stage 3 render 호출
|
||||
9. Stage 2 supplement 생성
|
||||
"""
|
||||
import ast, re, json, sys
|
||||
from pathlib import Path
|
||||
sys.path.insert(0, ".")
|
||||
|
||||
errors = []
|
||||
|
||||
def check(name, condition, detail=""):
|
||||
if condition:
|
||||
print(f" OK {name}")
|
||||
else:
|
||||
print(f" FAIL {name} -- {detail}")
|
||||
errors.append(f"{name}: {detail}")
|
||||
|
||||
|
||||
print("-- 1. Syntax --")
|
||||
for f in Path("src").glob("*.py"):
|
||||
try:
|
||||
ast.parse(f.read_text(encoding="utf-8"))
|
||||
print(f" OK {f.name}")
|
||||
except SyntaxError as e:
|
||||
print(f" FAIL {f.name}: {e}")
|
||||
errors.append(f"syntax: {f.name}")
|
||||
|
||||
print("\n-- 2. Import --")
|
||||
for mod in ["src.pipeline_context", "src.mdx_normalizer", "src.validators",
|
||||
"src.block_reference", "src.space_allocator", "src.html_generator",
|
||||
"src.content_verifier", "src.renderer", "src.kei_client",
|
||||
"src.image_utils", "src.slide_measurer", "src.config",
|
||||
"src.main", "src.pipeline"]:
|
||||
try:
|
||||
__import__(mod)
|
||||
print(f" OK {mod}")
|
||||
except Exception as e:
|
||||
print(f" FAIL {mod}: {e}")
|
||||
errors.append(f"import: {mod}")
|
||||
|
||||
print("\n-- 3. pipeline.py import 참조 --")
|
||||
psrc = Path("src/pipeline.py").read_text(encoding="utf-8")
|
||||
needed = ["PipelineContext", "Topic", "NormalizedContent", "Analysis",
|
||||
"PageStructure", "ContainerInfo", "TextBudget", "DesignBudget",
|
||||
"FontHierarchy", "BlockReference", "StageFailure",
|
||||
"build_retry_feedback", "create_context"]
|
||||
import_block = re.search(r"from src\.pipeline_context import \((.*?)\)", psrc, re.DOTALL)
|
||||
imported = set()
|
||||
if import_block:
|
||||
imported = {n.strip() for n in import_block.group(1).split(",") if n.strip()}
|
||||
for name in needed:
|
||||
if name in psrc and name not in imported:
|
||||
# 메서드인지 확인
|
||||
is_method = all(("." + name) in line or name not in line
|
||||
for line in psrc.split("\n")
|
||||
if "from src.pipeline_context" not in line)
|
||||
if not is_method:
|
||||
check(f"import {name}", False, "사용되지만 import 안 됨")
|
||||
else:
|
||||
check(f"import {name}", True)
|
||||
else:
|
||||
check(f"import {name}", name in imported or name not in psrc)
|
||||
|
||||
print("\n-- 4. lazy import --")
|
||||
for mod_name, func_name in re.findall(r"from (src\.\w+) import (\w+)", psrc):
|
||||
if "pipeline_context" in mod_name:
|
||||
continue
|
||||
try:
|
||||
mod = __import__(mod_name, fromlist=[func_name])
|
||||
check(f"{mod_name}.{func_name}", hasattr(mod, func_name))
|
||||
except Exception as e:
|
||||
check(f"{mod_name}.{func_name}", False, str(e))
|
||||
|
||||
print("\n-- 5. catalog.yaml --")
|
||||
import yaml
|
||||
data = yaml.safe_load(Path("templates/catalog.yaml").read_text(encoding="utf-8"))
|
||||
blocks = data.get("blocks", [])
|
||||
check("blocks count", len(blocks) == 38, f"got {len(blocks)}")
|
||||
check("schema 38/38", sum(1 for b in blocks if b.get("schema")) == 38)
|
||||
check("visual_diff 20", sum(1 for b in blocks if b.get("visual_diff")) == 20)
|
||||
|
||||
print("\n-- 6. Pydantic --")
|
||||
from src.pipeline_context import *
|
||||
check("create_context", create_context("test") is not None)
|
||||
check("FontHierarchy OK", FontHierarchy(key_msg=14, core=12, bg=11, sidebar=10) is not None)
|
||||
try:
|
||||
FontHierarchy(key_msg=10, core=12, bg=14, sidebar=9)
|
||||
check("FontHierarchy violation", False, "not caught")
|
||||
except:
|
||||
check("FontHierarchy violation", True)
|
||||
check("Topic no weight", "weight" not in Topic.model_fields)
|
||||
check("DesignBudget", DesignBudget(available_height_px=100) is not None)
|
||||
|
||||
print("\n-- 7. 실제 데이터 Stage 0~1.5b --")
|
||||
s0 = json.loads(Path("data/runs/20260401_151426/stage_0_context.json").read_text(encoding="utf-8"))
|
||||
a1 = json.loads(Path("data/runs/1774922951020/step1_analysis.json").read_text(encoding="utf-8"))
|
||||
c1b = json.loads(Path("data/runs/1774922951020/step1b_concepts.json").read_text(encoding="utf-8"))
|
||||
|
||||
# 1A
|
||||
topics = [Topic(**{k: v for k, v in t.items() if k in Topic.model_fields}) for t in a1["topics"]]
|
||||
check("1A Topic 변환", len(topics) == 5)
|
||||
|
||||
# 1B
|
||||
concepts = c1b.get("concepts", [])
|
||||
updated = []
|
||||
for t in topics:
|
||||
m = next((c for c in concepts if c.get("id") == t.id), None)
|
||||
if m:
|
||||
updated.append(t.model_copy(update={
|
||||
"relation_type": m.get("relation_type", ""),
|
||||
"expression_hint": m.get("expression_hint", ""),
|
||||
"source_data": m.get("source_data", ""),
|
||||
}))
|
||||
else:
|
||||
updated.append(t)
|
||||
check("1B 병합", len(updated) == 5)
|
||||
|
||||
# 검증
|
||||
from src.validators import validate_stage_1a, validate_stage_1b
|
||||
e1a = validate_stage_1a(a1, s0["normalized"]["clean_text"])
|
||||
check("1A 검증", not e1a, str(e1a)[:100] if e1a else "")
|
||||
e1b = validate_stage_1b([t.model_dump() for t in updated], s0["normalized"]["clean_text"], raw_content=s0["raw_content"])
|
||||
check("1B 검증", not e1b, str(e1b)[:100] if e1b else "")
|
||||
|
||||
# 1.5a
|
||||
from src.space_allocator import calculate_font_hierarchy, calculate_dynamic_ratio, calculate_container_specs, calculate_design_budget
|
||||
from src.design_director import LAYOUT_PRESETS, select_preset
|
||||
from src.block_reference import select_and_generate_references
|
||||
|
||||
ctx = create_context(s0["raw_content"])
|
||||
ctx = ctx.model_copy(update={
|
||||
"normalized": NormalizedContent(**s0["normalized"]),
|
||||
"topics": updated,
|
||||
"page_structure": PageStructure(roles=a1.get("page_structure", {})),
|
||||
"analysis": Analysis(core_message=a1.get("core_message", ""), title=a1.get("title", "")),
|
||||
})
|
||||
rtl = {role: len(ctx.get_role_content(role)) for role in ["배경", "본심", "첨부", "결론"]}
|
||||
fh_dict = calculate_font_hierarchy(rtl)
|
||||
fh = FontHierarchy(key_msg=fh_dict["핵심"], core=fh_dict["본심"], bg=fh_dict["배경"], sidebar=fh_dict["첨부"])
|
||||
check("1.5a 폰트위계", fh.key_msg > fh.core >= fh.bg > fh.sidebar)
|
||||
|
||||
ratio = calculate_dynamic_ratio(rtl, fh_dict)
|
||||
check("1.5a 비율", ratio[0] + ratio[1] == 100)
|
||||
|
||||
preset_name = select_preset(a1)
|
||||
preset = LAYOUT_PRESETS.get(preset_name, {})
|
||||
specs = calculate_container_specs(a1.get("page_structure", {}), [t.model_dump() for t in updated], preset)
|
||||
check("1.5a 컨테이너", len(specs) >= 3)
|
||||
|
||||
# 1.7
|
||||
refs = select_and_generate_references([t.model_dump() for t in updated], specs, a1.get("page_structure", {}))
|
||||
check("1.7 참고블록", len(refs) >= 3)
|
||||
|
||||
# 1.5b
|
||||
for role, spec in specs.items():
|
||||
ref = refs.get(role, {})
|
||||
schema = ref.get("schema_info", {})
|
||||
font_map = {"본심": fh.core, "배경": fh.bg, "첨부": fh.sidebar, "결론": fh.core}
|
||||
budget = calculate_design_budget(spec.height_px, spec.width_px, schema, font_map.get(role, 12))
|
||||
db = DesignBudget(**budget)
|
||||
check(f"1.5b {role}", True)
|
||||
|
||||
print("\n-- 8. Stage 3 render --")
|
||||
from src.renderer import render_slide_from_html
|
||||
mock_gen = {
|
||||
"body_html": '<div style="overflow:hidden"><div class="key-msg">test</div></div>',
|
||||
"sidebar_html": '<div style="overflow:hidden; padding-left:14px; text-indent:-14px;">side</div>',
|
||||
"footer_html": "<div>foot</div>",
|
||||
}
|
||||
analysis_dict = {
|
||||
"topics": [t.model_dump() for t in updated],
|
||||
"page_structure": a1.get("page_structure", {}),
|
||||
"core_message": a1.get("core_message", ""),
|
||||
"title": a1.get("title", ""),
|
||||
}
|
||||
html = render_slide_from_html(mock_gen, analysis_dict, preset)
|
||||
check("Stage 3 render", len(html) > 100, f"len={len(html)}")
|
||||
|
||||
print("\n-- 9. Stage 2 supplement --")
|
||||
from src.html_generator import _build_phase_t_supplement
|
||||
phase_t_ctx = {
|
||||
"font_hierarchy": fh.model_dump(),
|
||||
"container_ratio": ratio,
|
||||
"references": {r: v for r, v in refs.items()},
|
||||
"design_budgets": {},
|
||||
}
|
||||
for role in ["배경", "본심", "첨부", "결론"]:
|
||||
supp = _build_phase_t_supplement(role, {"phase_t": phase_t_ctx})
|
||||
check(f"supplement {role}", len(supp) > 50, f"len={len(supp)}")
|
||||
|
||||
# 결과
|
||||
print()
|
||||
if errors:
|
||||
print(f"=== FAIL: {len(errors)}건 ===")
|
||||
for e in errors:
|
||||
print(f" - {e}")
|
||||
else:
|
||||
print("=== 전수 검사 통과: 오류 0건 ===")
|
||||
|
||||
sys.exit(1 if errors else 0)
|
||||
@@ -0,0 +1,235 @@
|
||||
"""Phase T 전체 파이프라인 시뮬레이션 (Stage 0 ~ Stage 5).
|
||||
|
||||
API 호출을 mock으로 대체하여 코드 경로 전체를 검증.
|
||||
실제 Kei 응답(기존 run) + mock Sonnet/Selenium으로 전 Stage 통과 여부 확인.
|
||||
"""
|
||||
import asyncio
|
||||
import json
|
||||
import sys
|
||||
import logging
|
||||
from pathlib import Path
|
||||
from unittest.mock import patch, AsyncMock, MagicMock
|
||||
|
||||
sys.path.insert(0, ".")
|
||||
logging.basicConfig(level=logging.WARNING)
|
||||
|
||||
# ── 실제 데이터 로드 ──
|
||||
RUN_DIR = Path("data/runs/1774922951020")
|
||||
STAGE_0_DIR = Path("data/runs/20260401_151426")
|
||||
|
||||
stage0_ctx = json.loads((STAGE_0_DIR / "stage_0_context.json").read_text(encoding="utf-8"))
|
||||
raw_content = stage0_ctx["raw_content"]
|
||||
analysis_1a = json.loads((RUN_DIR / "step1_analysis.json").read_text(encoding="utf-8"))
|
||||
concepts_1b = json.loads((RUN_DIR / "step1b_concepts.json").read_text(encoding="utf-8"))
|
||||
|
||||
|
||||
# ── Mock 응답 정의 ──
|
||||
|
||||
async def mock_classify_content(content):
|
||||
"""Stage 1A mock: 실제 Kei 응답 반환"""
|
||||
return analysis_1a
|
||||
|
||||
|
||||
async def mock_refine_concepts(content, analysis):
|
||||
"""Stage 1B mock: 실제 Kei 1B 응답을 analysis에 병합하여 반환"""
|
||||
result = dict(analysis)
|
||||
concepts = concepts_1b.get("concepts", [])
|
||||
for t in result.get("topics", []):
|
||||
match = next((c for c in concepts if c.get("id") == t.get("id")), None)
|
||||
if match:
|
||||
t["relation_type"] = match.get("relation_type", "")
|
||||
t["expression_hint"] = match.get("expression_hint", "")
|
||||
t["source_data"] = match.get("source_data", "")
|
||||
return result
|
||||
|
||||
|
||||
# Stage 2 mock: generate_with_retry → mock HTML 반환
|
||||
MOCK_BODY_HTML = """<div style="overflow:hidden; font-size:12px;">
|
||||
<div class="bg" style="padding:10px;">
|
||||
<h3 style="font-size:11px;">용어 혼용</h3>
|
||||
<p style="font-size:11px;">DX와 BIM이 혼용되어 사용되고 있다</p>
|
||||
</div>
|
||||
<div style="height:12px;"></div>
|
||||
<div class="core" style="padding:10px;">
|
||||
<h3 style="font-size:12px;">DX와 핵심기술의 올바른 관계</h3>
|
||||
<p style="font-size:12px;">DX는 BIM, GIS, 디지털트윈을 포함하는 상위개념이다</p>
|
||||
<div class="key-msg" style="font-size:14px; font-weight:bold;">BIM ≠ DX</div>
|
||||
</div>
|
||||
</div>"""
|
||||
|
||||
MOCK_SIDEBAR_HTML = """<div style="overflow:hidden; font-size:10px; padding-left:14px; text-indent:-14px;">
|
||||
<h3 style="font-size:10px;">용어 정의</h3>
|
||||
<div style="padding-left:14px; text-indent:-14px;">
|
||||
<p>건설산업: 종합산업</p>
|
||||
<p>BIM: 정보관리도구</p>
|
||||
<p>DX: 디지털 전환</p>
|
||||
</div>
|
||||
</div>"""
|
||||
|
||||
MOCK_FOOTER_HTML = """<div style="background:linear-gradient(135deg,#1e40af,#3b82f6); padding:14px 30px; text-align:center; border-radius:6px;">
|
||||
<span style="font-size:14px; font-weight:bold; color:white;">BIM은 DX의 기초가 되는 일부분이다</span>
|
||||
</div>"""
|
||||
|
||||
MOCK_GENERATED = {
|
||||
"body_html": MOCK_BODY_HTML,
|
||||
"sidebar_html": MOCK_SIDEBAR_HTML,
|
||||
"footer_html": MOCK_FOOTER_HTML,
|
||||
"reasoning": "mock",
|
||||
}
|
||||
|
||||
MOCK_VERIFICATION = {} # verify_all_areas 결과
|
||||
|
||||
|
||||
async def mock_generate_with_retry(content, analysis, container_specs, preset, images=None):
|
||||
"""Stage 2 mock"""
|
||||
from src.content_verifier import VerificationResult
|
||||
verification = {
|
||||
"body_bg": VerificationResult(passed=True, area_name="body_bg", score=1.0),
|
||||
"body_core": VerificationResult(passed=True, area_name="body_core", score=1.0),
|
||||
"sidebar": VerificationResult(passed=True, area_name="sidebar", score=1.0),
|
||||
"footer": VerificationResult(passed=True, area_name="footer", score=1.0),
|
||||
}
|
||||
return MOCK_GENERATED, verification
|
||||
|
||||
|
||||
def mock_render_slide_from_html(generated, analysis, preset):
|
||||
"""Stage 3 mock"""
|
||||
return f"""<!DOCTYPE html>
|
||||
<html lang="ko"><head><meta charset="UTF-8">
|
||||
<style>.slide {{width:1280px;height:720px;padding:40px;}}</style>
|
||||
</head><body><div class="slide">
|
||||
<div class="area-header"><h1>{analysis.get('title','')}</h1></div>
|
||||
<div class="area-body">{generated.get('body_html','')}</div>
|
||||
<div class="area-sidebar">{generated.get('sidebar_html','')}</div>
|
||||
<div class="area-footer">{generated.get('footer_html','')}</div>
|
||||
</div></body></html>"""
|
||||
|
||||
|
||||
def mock_measure_rendered_heights(html):
|
||||
"""Stage 4 L4 mock: overflow 없음"""
|
||||
return {
|
||||
"zones": {
|
||||
"body": {"scrollHeight": 400, "clientHeight": 490, "overflowed": False},
|
||||
"sidebar": {"scrollHeight": 300, "clientHeight": 490, "overflowed": False},
|
||||
"footer": {"scrollHeight": 55, "clientHeight": 60, "overflowed": False},
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
def mock_capture_slide_screenshot(html):
|
||||
"""Stage 4 L5 mock: 빈 스크린샷"""
|
||||
return "" # 빈 문자열 → 비전 품질 게이트 스킵
|
||||
|
||||
|
||||
async def run_full_simulation():
|
||||
"""전체 파이프라인 시뮬레이션"""
|
||||
passed = 0
|
||||
failed = 0
|
||||
|
||||
def check(name, condition, detail=""):
|
||||
nonlocal passed, failed
|
||||
if condition:
|
||||
print(f" ✅ {name}")
|
||||
passed += 1
|
||||
else:
|
||||
print(f" ❌ {name}")
|
||||
if detail:
|
||||
print(f" → {detail}")
|
||||
failed += 1
|
||||
|
||||
# Mock 패치 적용
|
||||
# _retry_kei는 async fn을 await하는 래퍼이므로, mock도 await 해야 함
|
||||
async def mock_retry_kei(fn, *a, **kw):
|
||||
return await fn(*a, **kw)
|
||||
|
||||
with patch("src.pipeline._retry_kei", side_effect=mock_retry_kei), \
|
||||
patch("src.kei_client.classify_content", side_effect=mock_classify_content), \
|
||||
patch("src.kei_client.refine_concepts", side_effect=mock_refine_concepts), \
|
||||
patch("src.content_verifier.generate_with_retry", side_effect=mock_generate_with_retry), \
|
||||
patch("src.renderer.render_slide_from_html", side_effect=mock_render_slide_from_html), \
|
||||
patch("src.slide_measurer.measure_rendered_heights", side_effect=mock_measure_rendered_heights), \
|
||||
patch("src.slide_measurer.capture_slide_screenshot", side_effect=mock_capture_slide_screenshot), \
|
||||
patch("src.image_utils.get_image_sizes", return_value={}), \
|
||||
patch("src.image_utils.embed_images", side_effect=lambda html, bp: html):
|
||||
|
||||
from src.pipeline import generate_slide
|
||||
|
||||
events = []
|
||||
print("── 전체 파이프라인 실행 ──")
|
||||
try:
|
||||
async for event in generate_slide(raw_content):
|
||||
events.append(event)
|
||||
evt_type = event.get("event", "")
|
||||
evt_data = event.get("data", "")
|
||||
if evt_type == "progress":
|
||||
print(f" 📌 {evt_data}")
|
||||
elif evt_type == "error":
|
||||
print(f" ❌ ERROR: {evt_data}")
|
||||
elif evt_type == "result":
|
||||
print(f" 📄 result: {len(evt_data)}자 HTML")
|
||||
except Exception as e:
|
||||
print(f" 💥 EXCEPTION: {type(e).__name__}: {e}")
|
||||
import traceback
|
||||
traceback.print_exc()
|
||||
check("파이프라인 예외 없음", False, str(e))
|
||||
print(f"\n{'═' * 55}")
|
||||
print(f" 전체 시뮬레이션: {passed} passed, {failed} failed")
|
||||
print(f"{'═' * 55}")
|
||||
return False
|
||||
|
||||
print()
|
||||
|
||||
# 이벤트 검증
|
||||
event_types = [e["event"] for e in events]
|
||||
check("progress 이벤트 존재", "progress" in event_types)
|
||||
check("error 이벤트 없음", "error" not in event_types,
|
||||
f"errors: {[e['data'] for e in events if e['event']=='error']}")
|
||||
check("result 이벤트 존재", "result" in event_types)
|
||||
|
||||
# result HTML 검증
|
||||
result_events = [e for e in events if e["event"] == "result"]
|
||||
if result_events:
|
||||
html = result_events[0]["data"]
|
||||
check("HTML 비어있지 않음", len(html) > 100, f"길이: {len(html)}")
|
||||
check("HTML에 slide 클래스", "slide" in html)
|
||||
check("HTML에 body 영역", "area-body" in html or "body_html" in html or "bg" in html)
|
||||
check("HTML에 sidebar 영역", "area-sidebar" in html or "sidebar" in html)
|
||||
check("HTML에 footer 영역", "area-footer" in html or "footer" in html)
|
||||
else:
|
||||
check("result HTML", False, "result 이벤트 없음")
|
||||
|
||||
# 스냅샷 파일 확인
|
||||
import glob
|
||||
latest_runs = sorted(glob.glob("data/runs/2026*"), reverse=True)
|
||||
if latest_runs:
|
||||
run_dir = latest_runs[0]
|
||||
files = [Path(f).name for f in glob.glob(f"{run_dir}/*.json")]
|
||||
print(f"\n 스냅샷 폴더: {Path(run_dir).name}")
|
||||
print(f" 저장된 파일: {files}")
|
||||
check("stage_0 스냅샷", "stage_0_context.json" in files)
|
||||
check("stage_1a 스냅샷", "stage_1a_context.json" in files)
|
||||
check("stage_1b 스냅샷", "stage_1b_context.json" in files)
|
||||
check("stage_1_5a 스냅샷", "stage_1_5a_context.json" in files)
|
||||
check("stage_1_7 스냅샷", "stage_1_7_context.json" in files)
|
||||
check("stage_1_5b 스냅샷", "stage_1_5b_context.json" in files)
|
||||
check("stage_2 스냅샷", "stage_2_context.json" in files)
|
||||
check("stage_3 스냅샷", "stage_3_context.json" in files)
|
||||
check("stage_4 스냅샷", "stage_4_context.json" in files)
|
||||
check("final 스냅샷", "final_context.json" in files)
|
||||
check("final.html 저장", "final.html" in [Path(f).name for f in glob.glob(f"{run_dir}/*")])
|
||||
else:
|
||||
check("스냅샷 폴더", False, "run 폴더 없음")
|
||||
|
||||
print(f"\n{'═' * 55}")
|
||||
print(f" 전체 파이프라인 시뮬레이션: {passed} passed, {failed} failed")
|
||||
if failed == 0:
|
||||
print(" 전체 통과 ✅")
|
||||
else:
|
||||
print(f" ❌ {failed}개 실패")
|
||||
print(f"{'═' * 55}")
|
||||
return failed == 0
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
success = asyncio.run(run_full_simulation())
|
||||
sys.exit(0 if success else 1)
|
||||
@@ -0,0 +1,269 @@
|
||||
"""Phase T 실제 데이터 시뮬레이션.
|
||||
|
||||
기존 run(1774922951020)의 실제 Kei API 응답 + 실제 MDX로
|
||||
전 Stage를 시뮬레이션하여 설계 오류를 사전에 잡는다.
|
||||
"""
|
||||
import json
|
||||
import sys
|
||||
from pathlib import Path
|
||||
sys.path.insert(0, ".")
|
||||
|
||||
# ── 실제 데이터 로드 ──
|
||||
RUN_DIR = Path("data/runs/1774922951020")
|
||||
STAGE_0_DIR = Path("data/runs/20260401_151426")
|
||||
|
||||
# Stage 0 결과 (실제 실행된 것)
|
||||
stage0_ctx = json.loads((STAGE_0_DIR / "stage_0_context.json").read_text(encoding="utf-8"))
|
||||
raw_content = stage0_ctx["raw_content"]
|
||||
normalized = stage0_ctx["normalized"]
|
||||
|
||||
# Kei 1A 실제 응답
|
||||
analysis_1a = json.loads((RUN_DIR / "step1_analysis.json").read_text(encoding="utf-8"))
|
||||
|
||||
# Kei 1B 실제 응답
|
||||
concepts_1b = json.loads((RUN_DIR / "step1b_concepts.json").read_text(encoding="utf-8"))
|
||||
|
||||
|
||||
def test():
|
||||
passed = 0
|
||||
failed = 0
|
||||
|
||||
def check(name, condition, detail=""):
|
||||
nonlocal passed, failed
|
||||
if condition:
|
||||
print(f" ✅ {name}")
|
||||
passed += 1
|
||||
else:
|
||||
print(f" ❌ {name}")
|
||||
if detail:
|
||||
print(f" → {detail}")
|
||||
failed += 1
|
||||
|
||||
# ══════════════════════════════════════
|
||||
# Stage 0: 이미 실행됨 — 결과 확인만
|
||||
# ══════════════════════════════════════
|
||||
print("── Stage 0: 실제 결과 확인 ──")
|
||||
check("clean_text", len(normalized["clean_text"]) > 200)
|
||||
check("title", normalized["title"] == "건설산업 DX의 올바른 이해")
|
||||
check("images", len(normalized["images"]) == 1)
|
||||
check("popups", len(normalized["popups"]) == 2, f"got {len(normalized['popups'])}")
|
||||
check("sections", len(normalized["sections"]) >= 3)
|
||||
|
||||
# ══════════════════════════════════════
|
||||
# Stage 1A: 실제 Kei 응답 → Topic 모델 변환
|
||||
# ══════════════════════════════════════
|
||||
print("\n── Stage 1A: 실제 Kei 응답 → Topic 변환 ──")
|
||||
|
||||
from src.pipeline_context import Topic, FontHierarchy
|
||||
|
||||
# 실제 Kei 응답의 topic dict 구조 확인
|
||||
topics_raw = analysis_1a.get("topics", [])
|
||||
print(f" Kei 반환 topic 수: {len(topics_raw)}")
|
||||
print(f" Kei topic 키: {list(topics_raw[0].keys()) if topics_raw else '없음'}")
|
||||
|
||||
# 실제 변환 시도 (pipeline.py의 코드와 동일)
|
||||
try:
|
||||
topics = [Topic(**{k: v for k, v in t.items() if k in Topic.model_fields}) for t in topics_raw]
|
||||
check("Topic 변환 성공", True)
|
||||
for t in topics:
|
||||
print(f" topic {t.id}: {t.title} / {t.purpose} / role={t.role}")
|
||||
except Exception as e:
|
||||
check("Topic 변환", False, str(e))
|
||||
return False
|
||||
|
||||
# Kei가 안 주는 필드 확인
|
||||
kei_keys = set(topics_raw[0].keys()) if topics_raw else set()
|
||||
topic_keys = set(Topic.model_fields.keys())
|
||||
missing_from_kei = topic_keys - kei_keys
|
||||
extra_from_kei = kei_keys - topic_keys
|
||||
print(f" Topic 모델에 있고 Kei에 없는 필드: {missing_from_kei}")
|
||||
print(f" Kei에 있고 Topic 모델에 없는 필드: {extra_from_kei}")
|
||||
check("Kei 미제공 필드가 기본값으로 처리됨",
|
||||
all(hasattr(topics[0], f) for f in missing_from_kei))
|
||||
|
||||
# 1A 검증
|
||||
from src.validators import validate_stage_1a
|
||||
errors_1a = validate_stage_1a(analysis_1a, normalized["clean_text"])
|
||||
check(f"1A 검증 통과", not errors_1a)
|
||||
for e in errors_1a:
|
||||
print(f" {e['severity']}: {e.get('localization', '')}")
|
||||
|
||||
# ══════════════════════════════════════
|
||||
# Stage 1B: 실제 Kei 1B 응답 병합
|
||||
# ══════════════════════════════════════
|
||||
print("\n── Stage 1B: 실제 Kei 1B 응답 병합 ──")
|
||||
|
||||
concepts = concepts_1b.get("concepts", [])
|
||||
print(f" Kei 1B 반환 수: {len(concepts)}")
|
||||
|
||||
# 병합 (pipeline.py의 코드와 동일)
|
||||
updated_topics = []
|
||||
for t in topics:
|
||||
match = next((c for c in concepts if c.get("id") == t.id), None)
|
||||
if match:
|
||||
updated = t.model_copy(update={
|
||||
"relation_type": match.get("relation_type", t.relation_type),
|
||||
"expression_hint": match.get("expression_hint", t.expression_hint),
|
||||
"source_data": match.get("source_data", t.source_data),
|
||||
})
|
||||
updated_topics.append(updated)
|
||||
else:
|
||||
updated_topics.append(t)
|
||||
|
||||
check("1B 병합 성공", len(updated_topics) == len(topics))
|
||||
for t in updated_topics:
|
||||
print(f" topic {t.id}: relation={t.relation_type}, hint={t.expression_hint[:30]}...")
|
||||
|
||||
# 1B 검증 (raw_content 포함 — popups 대조)
|
||||
from src.validators import validate_stage_1b
|
||||
errors_1b = validate_stage_1b(
|
||||
[t.model_dump() for t in updated_topics],
|
||||
normalized["clean_text"],
|
||||
raw_content=raw_content,
|
||||
)
|
||||
check(f"1B 검증 통과", not errors_1b)
|
||||
for e in errors_1b:
|
||||
print(f" {e['severity']}: {e.get('localization', '')}")
|
||||
if e.get("evidence"):
|
||||
print(f" 증거: {str(e['evidence'])[:100]}")
|
||||
|
||||
# ══════════════════════════════════════
|
||||
# Stage 1.5a: 폰트 위계 + 동적 비율
|
||||
# ══════════════════════════════════════
|
||||
print("\n── Stage 1.5a: 폰트 위계 + 동적 비율 ──")
|
||||
|
||||
from src.pipeline_context import PipelineContext, create_context, NormalizedContent, Analysis, PageStructure
|
||||
from src.space_allocator import calculate_font_hierarchy, calculate_dynamic_ratio
|
||||
|
||||
# context 구성 (실제 데이터)
|
||||
ctx = create_context(raw_content)
|
||||
ctx = ctx.model_copy(update={
|
||||
"normalized": NormalizedContent(**normalized),
|
||||
"topics": updated_topics,
|
||||
"page_structure": PageStructure(roles=analysis_1a.get("page_structure", {})),
|
||||
"analysis": Analysis(
|
||||
core_message=analysis_1a.get("core_message", ""),
|
||||
title=analysis_1a.get("title", ""),
|
||||
),
|
||||
})
|
||||
|
||||
# 역할별 텍스트 양
|
||||
role_text_lengths = {}
|
||||
for role in ["배경", "본심", "첨부", "결론"]:
|
||||
role_text = ctx.get_role_content(role)
|
||||
role_text_lengths[role] = len(role_text)
|
||||
print(f" {role}: {len(role_text)}자")
|
||||
|
||||
fh_dict = calculate_font_hierarchy(role_text_lengths)
|
||||
try:
|
||||
fh = FontHierarchy(
|
||||
key_msg=fh_dict.get("핵심", 14), core=fh_dict.get("본심", 12),
|
||||
bg=fh_dict.get("배경", 11), sidebar=fh_dict.get("첨부", 10),
|
||||
)
|
||||
check("폰트 위계 생성", True)
|
||||
print(f" 위계: 핵심={fh.key_msg} > 본심={fh.core} >= 배경={fh.bg} > 첨부={fh.sidebar}")
|
||||
except Exception as e:
|
||||
check("폰트 위계", False, str(e))
|
||||
return False
|
||||
|
||||
ratio = calculate_dynamic_ratio(role_text_lengths, fh_dict)
|
||||
check("동적 비율 생성", ratio[0] + ratio[1] == 100)
|
||||
print(f" 비율: body:sidebar = {ratio[0]}:{ratio[1]}")
|
||||
|
||||
# ══════════════════════════════════════
|
||||
# Stage 1.7: 참고 블록 선택
|
||||
# ══════════════════════════════════════
|
||||
print("\n── Stage 1.7: 참고 블록 선택 ──")
|
||||
|
||||
from src.block_reference import select_and_generate_references
|
||||
from src.space_allocator import calculate_container_specs
|
||||
from src.design_director import LAYOUT_PRESETS, select_preset
|
||||
|
||||
preset_name = select_preset(analysis_1a)
|
||||
preset = LAYOUT_PRESETS.get(preset_name, {})
|
||||
print(f" 프리셋: {preset_name}")
|
||||
|
||||
container_specs = calculate_container_specs(
|
||||
page_structure=analysis_1a.get("page_structure", {}),
|
||||
topics=[t.model_dump() for t in updated_topics],
|
||||
preset=preset,
|
||||
)
|
||||
print(f" 컨테이너: {', '.join(f'{r}={s.height_px}px' for r, s in container_specs.items())}")
|
||||
|
||||
refs = select_and_generate_references(
|
||||
[t.model_dump() for t in updated_topics],
|
||||
container_specs,
|
||||
analysis_1a.get("page_structure", {}),
|
||||
)
|
||||
check("참고 블록 선택", len(refs) >= 3)
|
||||
for role, ref in refs.items():
|
||||
html_len = len(ref.get("design_reference_html", ""))
|
||||
has_diff = "차별점" in ref.get("design_reference_html", "")
|
||||
print(f" {role}: {ref['block_id']} ({ref['visual_type']}, html={html_len}자, diff={'✅' if has_diff else '—'})")
|
||||
|
||||
# ══════════════════════════════════════
|
||||
# Stage 1.5b: 디자인 예산
|
||||
# ══════════════════════════════════════
|
||||
print("\n── Stage 1.5b: 디자인 예산 ──")
|
||||
|
||||
from src.space_allocator import calculate_design_budget
|
||||
|
||||
for role, ref in refs.items():
|
||||
schema = ref.get("schema_info", {})
|
||||
spec = container_specs.get(role)
|
||||
if not spec:
|
||||
continue
|
||||
font_map = {"본심": fh.core, "배경": fh.bg, "첨부": fh.sidebar, "결론": fh.core}
|
||||
budget = calculate_design_budget(spec.height_px, spec.width_px, schema, font_map.get(role, 12))
|
||||
check(f"{role} 예산 (fits={budget['fits']})", True)
|
||||
print(f" {role}: container={spec.height_px}px, text={budget['text_height_px']}px, avail={budget['available_height_px']}px")
|
||||
|
||||
# ══════════════════════════════════════
|
||||
# Stage 2: 프롬프트 supplement 생성
|
||||
# ══════════════════════════════════════
|
||||
print("\n── Stage 2: 프롬프트 supplement ──")
|
||||
|
||||
from src.html_generator import _build_phase_t_supplement
|
||||
|
||||
phase_t_ctx = {
|
||||
"font_hierarchy": fh.model_dump(),
|
||||
"container_ratio": ratio,
|
||||
"references": refs,
|
||||
"design_budgets": {
|
||||
role: calculate_design_budget(
|
||||
container_specs[role].height_px, container_specs[role].width_px,
|
||||
refs.get(role, {}).get("schema_info", {}),
|
||||
{"본심": fh.core, "배경": fh.bg, "첨부": fh.sidebar, "결론": fh.core}.get(role, 12)
|
||||
)
|
||||
for role in container_specs
|
||||
},
|
||||
}
|
||||
analysis_with_t = {**analysis_1a, "phase_t": phase_t_ctx}
|
||||
|
||||
for role in ["배경", "본심", "첨부", "결론"]:
|
||||
supp = _build_phase_t_supplement(role, analysis_with_t)
|
||||
has_font = "폰트 위계" in supp
|
||||
has_budget = "디자인 예산" in supp
|
||||
has_ref = "디자인 레퍼런스" in supp
|
||||
check(f"{role} supplement ({len(supp)}자)", len(supp) > 50)
|
||||
if not has_font:
|
||||
print(f" ⚠️ 폰트 위계 누락")
|
||||
if not has_budget:
|
||||
print(f" ⚠️ 디자인 예산 누락")
|
||||
|
||||
# ══════════════════════════════════════
|
||||
# 결과
|
||||
# ══════════════════════════════════════
|
||||
print(f"\n{'═' * 55}")
|
||||
print(f" 실제 데이터 시뮬레이션: {passed} passed, {failed} failed")
|
||||
if failed == 0:
|
||||
print(" 전체 통과 ✅ — 서버에서 실행해도 이 지점까지 동일하게 동작")
|
||||
else:
|
||||
print(f" ❌ {failed}개 실패 — 서버 실행 전에 수정 필요")
|
||||
print(f"{'═' * 55}")
|
||||
return failed == 0
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
success = test()
|
||||
sys.exit(0 if success else 1)
|
||||
@@ -0,0 +1,248 @@
|
||||
"""Phase R' 검증: 3가지 문제를 각각 Kei API에 요청하여 가능 여부 확인.
|
||||
|
||||
검증 1: 배경 사례 2건이 박스 안에 온전히 들어가는 HTML
|
||||
검증 2: DX/GIS/BIM/디지털트윈 상호 관계 시각화 HTML
|
||||
검증 3: 용어 정의 풀 텍스트 + 출처 포함 HTML
|
||||
|
||||
각각 독립적으로 Kei API 호출 → 렌더링 → 스크린샷.
|
||||
"""
|
||||
from __future__ import annotations
|
||||
import asyncio, json, sys, time, datetime, base64
|
||||
from pathlib import Path
|
||||
|
||||
ROOT = Path(__file__).parent.parent
|
||||
sys.path.insert(0, str(ROOT))
|
||||
|
||||
|
||||
async def main():
|
||||
from src.sse_utils import stream_sse_tokens
|
||||
from src.slide_measurer import measure_rendered_heights, capture_slide_screenshot
|
||||
from src.config import settings
|
||||
import httpx
|
||||
|
||||
out_dir = ROOT / "data" / "runs" / f"verify_3issues_{datetime.datetime.now().strftime('%Y%m%d_%H%M%S')}"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
print(f"출력: {out_dir}\n")
|
||||
|
||||
kei_url = getattr(settings, "kei_api_url", "http://localhost:8000")
|
||||
t0 = time.time()
|
||||
|
||||
# ═══════════════════════════════════════
|
||||
# 검증 1: 배경 — 문제 제기 + 사례 2건이 176px 안에 들어가는 HTML
|
||||
# ═══════════════════════════════════════
|
||||
print("=== 검증 1: 배경 사례 박스 ===")
|
||||
|
||||
prompt_1 = """다음 콘텐츠를 176px 높이 × 707px 너비의 다크 배경 박스 안에 HTML로 만들어라.
|
||||
|
||||
## 콘텐츠
|
||||
- 제목: "현실 — 용어의 혼용"
|
||||
- 본문: "건설산업에서 DX와 BIM이 동일 개념으로 인식되고 있다. 실질적으로 DX는 산업 전반의 프로세스를 혁신하는 상위개념이며, BIM은 3차원 모델 기반의 정보 관리 도구로서 DX의 하위 기술에 해당한다."
|
||||
- 사례 1: "스마트 건설 활성화 방안(2022.07) — 추진과제: 건설산업 디지털화, 실행과제: BIM 전면 도입, BIM 전문인력 양성"
|
||||
- 사례 2: "제7차 건설기술진흥 기본계획(2023.12) — 추진방향: 디지털 전환을 통한 스마트 건설 확산, 추진과제: BIM 도입으로 건설산업 디지털화"
|
||||
|
||||
## 요구사항
|
||||
1. 다크 배경(#1e293b → #0f172a 그라데이션), 흰 텍스트
|
||||
2. 제목: #93c5fd 색상
|
||||
3. 사례 2건을 가로 나란히 카드로 배치 (border-left: 3px solid #60a5fa)
|
||||
4. 사례 제목: #fbbf24 (노란색)
|
||||
5. **176px 높이 안에 모든 내용이 들어가야 한다. 넘치면 안 된다.**
|
||||
6. 본문과 사례의 텍스트를 축약하지 마라. 위에 제공한 텍스트 그대로 사용.
|
||||
7. 폰트 크기를 줄여서라도 176px 안에 맞춰라 (최소 10px까지 허용)
|
||||
|
||||
## 출력
|
||||
HTML + inline <style>만 반환. 설명 없이 코드만.
|
||||
```html
|
||||
(여기에 HTML)
|
||||
```"""
|
||||
|
||||
html_1 = await _call_kei(kei_url, prompt_1)
|
||||
if html_1:
|
||||
wrapped_1 = _wrap_in_slide(html_1, 707, 176)
|
||||
m_1 = await asyncio.to_thread(measure_rendered_heights, wrapped_1)
|
||||
s_1 = await asyncio.to_thread(capture_slide_screenshot, wrapped_1)
|
||||
_save(out_dir, "verify1_background.html", wrapped_1)
|
||||
if s_1:
|
||||
(out_dir / "verify1_background.png").write_bytes(base64.b64decode(s_1))
|
||||
slide = m_1.get("slide", {})
|
||||
print(f" [{time.time()-t0:.0f}s] 결과: {slide.get('scrollHeight', 0)}px / 720px")
|
||||
print(f" HTML: {len(html_1)}자")
|
||||
else:
|
||||
print(f" [{time.time()-t0:.0f}s] ❌ 생성 실패")
|
||||
|
||||
# ═══════════════════════════════════════
|
||||
# 검증 2: DX/GIS/BIM/디지털트윈 상호 관계 시각화
|
||||
# ═══════════════════════════════════════
|
||||
print("\n=== 검증 2: DX 관계 시각화 ===")
|
||||
|
||||
prompt_2 = """다음 관계를 시각화하는 HTML을 만들어라. 크기: 707px 너비 × 293px 높이.
|
||||
|
||||
## 관계 구조
|
||||
- DX(디지털 전환)는 상위개념이다.
|
||||
- DX 안에 GIS, BIM, 디지털 트윈이 포함된다.
|
||||
- GIS, BIM, 디지털 트윈은 서로 연결/융합되어 DX를 실현한다.
|
||||
- "BIM ≠ DX" — BIM은 DX를 실현하기 위한 핵심 기술 중 하나일 뿐이다.
|
||||
|
||||
## 각 기술 설명 (원본 그대로 사용)
|
||||
- DX: "BIM, GIS, 디지털 트윈 등 핵심기술의 융합을 통해서만 실현 가능한 상위개념"
|
||||
- GIS: "지리적 데이터를 공간 분석하여 시각적으로 표현, 위치기반 정보 제공"
|
||||
- BIM: "시설물의 생애주기 동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구"
|
||||
- 디지털 트윈: "현실 세계의 물리적 객체나 시스템을 디지털 환경에 동일하게 구현하는 기술"
|
||||
|
||||
## 시각화 요구사항
|
||||
1. DX를 큰 원 또는 큰 박스로, 그 안에 GIS/BIM/디지털트윈을 포함
|
||||
2. GIS, BIM, 디지털 트윈은 서로 겹치거나 연결되어 융합을 표현 (벤 다이어그램, 겹치는 원, 또는 연결선)
|
||||
3. 하단에 "BIM ≠ DX — BIM은 DX를 실현하기 위한 핵심 기술 중 하나일 뿐이다" 강조 박스
|
||||
4. 색상: DX 파란(#2563eb), GIS/BIM/디지털트윈 각각 다른 색조의 파란
|
||||
5. **293px 높이 안에 맞춰라**
|
||||
6. SVG 또는 CSS로 시각화
|
||||
|
||||
## 출력
|
||||
HTML + inline <style>만 반환. 설명 없이 코드만.
|
||||
```html
|
||||
(여기에 HTML)
|
||||
```"""
|
||||
|
||||
html_2 = await _call_kei(kei_url, prompt_2)
|
||||
if html_2:
|
||||
wrapped_2 = _wrap_in_slide(html_2, 707, 293)
|
||||
m_2 = await asyncio.to_thread(measure_rendered_heights, wrapped_2)
|
||||
s_2 = await asyncio.to_thread(capture_slide_screenshot, wrapped_2)
|
||||
_save(out_dir, "verify2_hierarchy.html", wrapped_2)
|
||||
if s_2:
|
||||
(out_dir / "verify2_hierarchy.png").write_bytes(base64.b64decode(s_2))
|
||||
slide = m_2.get("slide", {})
|
||||
print(f" [{time.time()-t0:.0f}s] 결과: {slide.get('scrollHeight', 0)}px / 720px")
|
||||
print(f" HTML: {len(html_2)}자")
|
||||
else:
|
||||
print(f" [{time.time()-t0:.0f}s] ❌ 생성 실패")
|
||||
|
||||
# ═══════════════════════════════════════
|
||||
# 검증 3: 용어 정의 풀 텍스트 + 출처
|
||||
# ═══════════════════════════════════════
|
||||
print("\n=== 검증 3: 용어 정의 (풀 텍스트 + 출처) ===")
|
||||
|
||||
prompt_3 = """다음 3개 용어의 정의를 sidebar 카드로 만들어라. 크기: 380px 너비 × 490px 높이.
|
||||
|
||||
## 용어 (원본 텍스트를 100% 그대로 사용. 한 글자도 바꾸지 마라.)
|
||||
|
||||
1. 건설산업
|
||||
정의: "부동산 개발, 설계, 시공, 유지보수를 포괄하는 종합산업으로, 광범위한 기술을 통합·융합하여 인프라를 만드는 산업"
|
||||
|
||||
2. BIM (Building Information Modeling)
|
||||
정의: "형상정보와 속성정보가 포함된 3D 모델로, 시설물의 생애주기 동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구"
|
||||
출처: "건설산업 BIM 기본지침, 국토교통부, 2020"
|
||||
|
||||
3. DX (Digital Transformation)
|
||||
정의: "디지털 기술을 활용하여 업무방식과 가치 창출 구조를 전환하는 과정 및 결과. 단순한 기술 도입이 아닌, 산업의 새로운 방향을 정립"
|
||||
출처: "IBM Institute for Business Value, 2011"
|
||||
|
||||
## 요구사항
|
||||
1. 카드 스타일: 배경 #f8fafc, 테두리 1px solid #e2e8f0, border-radius 8px
|
||||
2. 번호: 원형 #2563eb 배경 + 흰 숫자
|
||||
3. 정의 텍스트를 축약하지 마라. 위에 제공한 텍스트를 한 글자도 빠짐없이 그대로 넣어라.
|
||||
4. 출처가 있으면 이탤릭 작은 글씨(10px, #94a3b8)로 표시
|
||||
5. 490px 높이 안에 여유 있게 배치 (공간이 충분함)
|
||||
6. 상단에 "용어 정의" 구분선 라벨 (좌우 선 + 중앙 텍스트)
|
||||
|
||||
## 출력
|
||||
HTML + inline <style>만 반환. 설명 없이 코드만.
|
||||
```html
|
||||
(여기에 HTML)
|
||||
```"""
|
||||
|
||||
html_3 = await _call_kei(kei_url, prompt_3)
|
||||
if html_3:
|
||||
wrapped_3 = _wrap_in_slide(html_3, 380, 490)
|
||||
m_3 = await asyncio.to_thread(measure_rendered_heights, wrapped_3)
|
||||
s_3 = await asyncio.to_thread(capture_slide_screenshot, wrapped_3)
|
||||
_save(out_dir, "verify3_definitions.html", wrapped_3)
|
||||
if s_3:
|
||||
(out_dir / "verify3_definitions.png").write_bytes(base64.b64decode(s_3))
|
||||
slide = m_3.get("slide", {})
|
||||
print(f" [{time.time()-t0:.0f}s] 결과: {slide.get('scrollHeight', 0)}px / 720px")
|
||||
print(f" HTML: {len(html_3)}자")
|
||||
else:
|
||||
print(f" [{time.time()-t0:.0f}s] ❌ 생성 실패")
|
||||
|
||||
print(f"\n총 소요: {time.time()-t0:.0f}초")
|
||||
print(f"결과: {out_dir}")
|
||||
|
||||
|
||||
async def _call_kei(kei_url: str, prompt: str) -> str | None:
|
||||
"""Kei API 호출하여 HTML 코드 추출."""
|
||||
import re
|
||||
import httpx
|
||||
|
||||
try:
|
||||
async with httpx.AsyncClient(timeout=None) as client:
|
||||
async with client.stream(
|
||||
"POST", f"{kei_url}/api/message",
|
||||
json={"message": prompt, "session_id": "verify-3issues", "mode_hint": "chat"},
|
||||
timeout=None,
|
||||
) as response:
|
||||
if response.status_code != 200:
|
||||
return None
|
||||
from src.sse_utils import stream_sse_tokens
|
||||
full_text = await stream_sse_tokens(response)
|
||||
|
||||
if not full_text:
|
||||
return None
|
||||
|
||||
# ```html ... ``` 블록 추출
|
||||
match = re.search(r"```html\s*(.*?)```", full_text, re.DOTALL)
|
||||
if match:
|
||||
return match.group(1).strip()
|
||||
|
||||
# <div나 <style로 시작하는 HTML 직접 추출
|
||||
match = re.search(r"(<(?:div|style|section)[^>]*>.*)", full_text, re.DOTALL)
|
||||
if match:
|
||||
return match.group(1).strip()
|
||||
|
||||
return full_text.strip()
|
||||
|
||||
except Exception as e:
|
||||
print(f" Kei API 오류: {e}")
|
||||
return None
|
||||
|
||||
|
||||
def _wrap_in_slide(inner_html: str, width: int, height: int) -> str:
|
||||
"""HTML 조각을 측정 가능한 슬라이드 프레임으로 감싼다."""
|
||||
return f"""<!DOCTYPE html>
|
||||
<html lang="ko"><head><meta charset="UTF-8">
|
||||
<style>
|
||||
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
|
||||
* {{ margin: 0; padding: 0; box-sizing: border-box; }}
|
||||
.slide {{
|
||||
width: 1280px; height: 720px; overflow: hidden;
|
||||
background: white;
|
||||
font-family: 'Pretendard Variable', sans-serif;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
padding: 40px;
|
||||
}}
|
||||
.test-container {{
|
||||
width: {width}px;
|
||||
max-height: {height}px;
|
||||
overflow: visible;
|
||||
}}
|
||||
</style>
|
||||
</head><body>
|
||||
<div class="slide">
|
||||
<div class="test-container">
|
||||
{inner_html}
|
||||
</div>
|
||||
</div>
|
||||
</body></html>"""
|
||||
|
||||
|
||||
def _save(out_dir, name, data):
|
||||
(out_dir / name).write_text(data if isinstance(data, str) else json.dumps(data, ensure_ascii=False, indent=2), encoding="utf-8")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
import logging
|
||||
logging.basicConfig(level=logging.INFO, format="%(asctime)s %(levelname)s %(message)s", datefmt="%H:%M:%S")
|
||||
logging.getLogger("httpx").setLevel(logging.WARNING)
|
||||
logging.getLogger("httpcore").setLevel(logging.WARNING)
|
||||
logging.getLogger("selenium").setLevel(logging.WARNING)
|
||||
logging.getLogger("urllib3").setLevel(logging.WARNING)
|
||||
asyncio.run(main())
|
||||
@@ -0,0 +1,175 @@
|
||||
"""검증 1, 2 재시도 — Claude API 직접 호출.
|
||||
|
||||
Kei는 콘텐츠 분석/판단. Claude가 HTML 코드 생성.
|
||||
"""
|
||||
from __future__ import annotations
|
||||
import asyncio, json, sys, time, datetime, base64, re
|
||||
from pathlib import Path
|
||||
|
||||
ROOT = Path(__file__).parent.parent
|
||||
sys.path.insert(0, str(ROOT))
|
||||
|
||||
|
||||
async def main():
|
||||
from src.slide_measurer import measure_rendered_heights, capture_slide_screenshot
|
||||
from src.config import settings
|
||||
import anthropic
|
||||
|
||||
out_dir = ROOT / "data" / "runs" / f"verify_claude_{datetime.datetime.now().strftime('%Y%m%d_%H%M%S')}"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
print(f"출력: {out_dir}\n")
|
||||
|
||||
client = anthropic.AsyncAnthropic(api_key=settings.anthropic_api_key)
|
||||
t0 = time.time()
|
||||
|
||||
# ═══════════════════════════════════════
|
||||
# 검증 1: 배경 사례 박스
|
||||
# ═══════════════════════════════════════
|
||||
print("=== 검증 1: 배경 사례 박스 (Claude) ===")
|
||||
|
||||
prompt_1 = """다음 콘텐츠를 다크 배경 박스 HTML로 만들어라.
|
||||
|
||||
## 크기
|
||||
- width: 100%, height: 176px (고정, overflow 금지)
|
||||
|
||||
## 콘텐츠 (축약 금지, 그대로 사용)
|
||||
- 제목: "현실 — 용어의 혼용"
|
||||
- 본문: "건설산업에서 DX와 BIM이 동일 개념으로 인식되고 있다. 실질적으로 DX는 산업 전반의 프로세스를 혁신하는 상위개념이며, BIM은 3차원 모델 기반의 정보 관리 도구로서 DX의 하위 기술에 해당한다."
|
||||
- 사례 1: "스마트 건설 활성화 방안(2022.07)" / "추진과제: 건설산업 디지털화 / 실행과제: BIM 전면 도입, BIM 전문인력 양성"
|
||||
- 사례 2: "제7차 건설기술진흥 기본계획(2023.12)" / "추진방향: 디지털 전환을 통한 스마트 건설 확산 / 추진과제: BIM 도입으로 건설산업 디지털화"
|
||||
|
||||
## 디자인
|
||||
- 배경: linear-gradient(135deg, #1e293b, #0f172a), border-radius: 8px
|
||||
- width: 100%, height: 176px
|
||||
- 제목: 13px bold #93c5fd
|
||||
- 본문: 12px #e2e8f0, "DX와 BIM"을 <strong> 처리
|
||||
- 사례 2개 가로 나란히 (flex/grid)
|
||||
- 사례 카드: rgba(255,255,255,0.06), border-left: 3px solid #60a5fa
|
||||
- 사례 제목: 11px bold #fbbf24
|
||||
- 사례 내용: 10px #cbd5e1
|
||||
|
||||
HTML + inline <style>만 반환. 설명 없이 코드만."""
|
||||
|
||||
html_1 = await _call_claude(client, prompt_1)
|
||||
if html_1:
|
||||
wrapped = _wrap(html_1, 707)
|
||||
s = await asyncio.to_thread(capture_slide_screenshot, wrapped)
|
||||
_save(out_dir, "verify1.html", wrapped)
|
||||
if s:
|
||||
(out_dir / "verify1.png").write_bytes(base64.b64decode(s))
|
||||
print(f" [{time.time()-t0:.0f}s] 완료. HTML {len(html_1)}자")
|
||||
else:
|
||||
print(f" [{time.time()-t0:.0f}s] ❌ 실패")
|
||||
|
||||
# ═══════════════════════════════════════
|
||||
# 검증 2: DX 포함 관계 (카드 구조)
|
||||
# ═══════════════════════════════════════
|
||||
print("\n=== 검증 2: DX 포함 관계 (Claude) ===")
|
||||
|
||||
prompt_2 = """다음 포함 관계를 시각화하는 HTML을 만들어라.
|
||||
|
||||
## 크기
|
||||
- width: 100%, max-height: 293px
|
||||
|
||||
## 구조 (정확히 이 구조를 따르라)
|
||||
|
||||
1. 제목: "DX와 핵심기술의 올바른 관계" (14px bold #2563eb 가운데)
|
||||
|
||||
2. DX 큰 박스:
|
||||
- border: 3px solid #2563eb, border-radius: 14px
|
||||
- background: linear-gradient(180deg, #eff6ff, #dbeafe)
|
||||
- position: relative
|
||||
- 라벨 배지 (absolute top:-11px left:50% transform:translateX(-50%)):
|
||||
"DX — 디지털 전환 (상위개념)" background:#2563eb color:white font-size:12px font-weight:900 padding:3px 18px border-radius:10px
|
||||
- 설명 (11px #1e40af 가운데):
|
||||
"BIM, GIS, 디지털 트윈 등 핵심기술의 융합을 통해서만 실현 가능"
|
||||
- 카드 3개 가로 나란히 (gap:10px):
|
||||
각 카드: background:white, border:2px solid #93c5fd, border-radius:8px, padding:10px, text-align:center
|
||||
각 카드 상단 원형 아이콘: 36px, background:linear-gradient(135deg,#93c5fd,#2563eb), color:white, font-weight:900
|
||||
- G | GIS | "지리적 데이터를 공간 분석하여 시각적으로 표현, 위치기반 정보 제공"
|
||||
- B | BIM | "시설물 생애주기 정보를 3차원 모델 기반으로 통합·관리하는 도구"
|
||||
- T | 디지털 트윈 | "현실 세계의 물리적 객체를 디지털 환경에 동일하게 구현"
|
||||
카드 설명: 10px #64748b
|
||||
|
||||
3. 핵심 메시지 박스 (DX 박스 아래):
|
||||
- background:#f0f9ff, border:2px solid #bae6fd, border-radius:8px, padding:10px, text-align:center
|
||||
- "BIM ≠ DX — BIM은 DX를 실현하기 위한 핵심 기술 중 하나일 뿐이다"
|
||||
- "BIM ≠ DX" 부분: color:#dc2626 font-weight:900
|
||||
- 나머지: 13px bold #0c4a6e
|
||||
|
||||
HTML + inline <style>만 반환. 설명 없이 코드만."""
|
||||
|
||||
html_2 = await _call_claude(client, prompt_2)
|
||||
if html_2:
|
||||
wrapped = _wrap(html_2, 707)
|
||||
s = await asyncio.to_thread(capture_slide_screenshot, wrapped)
|
||||
_save(out_dir, "verify2.html", wrapped)
|
||||
if s:
|
||||
(out_dir / "verify2.png").write_bytes(base64.b64decode(s))
|
||||
print(f" [{time.time()-t0:.0f}s] 완료. HTML {len(html_2)}자")
|
||||
else:
|
||||
print(f" [{time.time()-t0:.0f}s] ❌ 실패")
|
||||
|
||||
print(f"\n총 소요: {time.time()-t0:.0f}초")
|
||||
print(f"결과: {out_dir}")
|
||||
|
||||
|
||||
async def _call_claude(client, prompt: str) -> str | None:
|
||||
try:
|
||||
response = await client.messages.create(
|
||||
model="claude-sonnet-4-20250514",
|
||||
max_tokens=8192,
|
||||
messages=[{"role": "user", "content": prompt}],
|
||||
)
|
||||
text = response.content[0].text if response.content else ""
|
||||
if not text:
|
||||
return None
|
||||
|
||||
# ```html ... ``` 추출
|
||||
match = re.search(r"```html\s*(.*?)```", text, re.DOTALL)
|
||||
if match:
|
||||
return match.group(1).strip()
|
||||
|
||||
# HTML 직접 추출
|
||||
match = re.search(r"(<(?:div|style)[^>]*>.*)", text, re.DOTALL)
|
||||
if match:
|
||||
return match.group(1).strip()
|
||||
|
||||
return text.strip()
|
||||
except Exception as e:
|
||||
print(f" Claude API 오류: {e}")
|
||||
return None
|
||||
|
||||
|
||||
def _wrap(inner_html: str, width: int) -> str:
|
||||
return f"""<!DOCTYPE html>
|
||||
<html lang="ko"><head><meta charset="UTF-8">
|
||||
<style>
|
||||
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
|
||||
* {{ margin: 0; padding: 0; box-sizing: border-box; }}
|
||||
.slide {{
|
||||
width: 1280px; height: 720px; overflow: hidden;
|
||||
background: white;
|
||||
font-family: 'Pretendard Variable', sans-serif;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
}}
|
||||
.test-container {{ width: {width}px; }}
|
||||
</style>
|
||||
</head><body>
|
||||
<div class="slide"><div class="test-container">
|
||||
{inner_html}
|
||||
</div></div>
|
||||
</body></html>"""
|
||||
|
||||
|
||||
def _save(d, n, data):
|
||||
(d / n).write_text(data if isinstance(data, str) else json.dumps(data, ensure_ascii=False, indent=2), encoding="utf-8")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
import logging
|
||||
logging.basicConfig(level=logging.INFO, format="%(asctime)s %(levelname)s %(message)s", datefmt="%H:%M:%S")
|
||||
logging.getLogger("selenium").setLevel(logging.WARNING)
|
||||
logging.getLogger("urllib3").setLevel(logging.WARNING)
|
||||
logging.getLogger("httpx").setLevel(logging.WARNING)
|
||||
asyncio.run(main())
|
||||
@@ -0,0 +1,173 @@
|
||||
"""본심 C 수정: 캡션 이미지에 가까이 + 두 번째 불릿 한 줄로."""
|
||||
from __future__ import annotations
|
||||
import asyncio, sys, datetime, base64
|
||||
from pathlib import Path
|
||||
|
||||
ROOT = Path(__file__).parent.parent
|
||||
sys.path.insert(0, str(ROOT))
|
||||
|
||||
|
||||
async def main():
|
||||
from src.slide_measurer import capture_slide_screenshot
|
||||
|
||||
out_dir = ROOT / "data" / "runs" / f"core_c_fix_{datetime.datetime.now().strftime('%Y%m%d_%H%M%S')}"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
|
||||
img_path = Path("D:/ad-hoc/cel/public/assets/images/dx1.png")
|
||||
img_b64 = base64.b64encode(img_path.read_bytes()).decode()
|
||||
img_src = f"data:image/png;base64,{img_b64}"
|
||||
|
||||
html = f"""<style>
|
||||
* {{ margin:0; padding:0; box-sizing:border-box; }}
|
||||
.core {{
|
||||
width: 767px;
|
||||
font-family: 'Pretendard Variable', sans-serif;
|
||||
background: #ffffff;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 8px;
|
||||
padding: 14px 18px;
|
||||
overflow: hidden;
|
||||
word-break: keep-all;
|
||||
}}
|
||||
.core-header {{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
}}
|
||||
.core-label {{
|
||||
background: #1e293b;
|
||||
color: #ffffff;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
padding: 3px 12px;
|
||||
border-radius: 4px;
|
||||
}}
|
||||
.popup-link {{
|
||||
font-size: 10px;
|
||||
color: #2563eb;
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
}}
|
||||
.fi {{
|
||||
float: right;
|
||||
margin: 60px 0 8px 12px;
|
||||
width: 250px;
|
||||
}}
|
||||
.fi img {{ width: 100%; }}
|
||||
.fi .cap {{
|
||||
font-size: 9px;
|
||||
color: #94a3b8;
|
||||
text-align: center;
|
||||
margin-top: 1px;
|
||||
line-height: 1.2;
|
||||
}}
|
||||
.core-text {{
|
||||
font-size: 12px;
|
||||
color: #1e293b;
|
||||
line-height: 1.75;
|
||||
}}
|
||||
.bp {{
|
||||
padding-left: 14px;
|
||||
text-indent: -14px;
|
||||
margin-bottom: 5px;
|
||||
}}
|
||||
.bp::before {{
|
||||
content: '•';
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
text-indent: 0;
|
||||
color: #1e293b;
|
||||
font-weight: 700;
|
||||
}}
|
||||
.sp {{
|
||||
padding-left: 28px;
|
||||
text-indent: -14px;
|
||||
margin-bottom: 4px;
|
||||
font-size: 11px;
|
||||
color: #475569;
|
||||
}}
|
||||
.sp::before {{
|
||||
content: '◦';
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
text-indent: 0;
|
||||
color: #64748b;
|
||||
}}
|
||||
.core-text b {{ font-weight: 700; color: #1e293b; }}
|
||||
.key-msg {{
|
||||
background: #f0f9ff;
|
||||
border: 2px solid #bae6fd;
|
||||
border-radius: 6px;
|
||||
padding: 5px 12px;
|
||||
text-align: center;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
color: #0c4a6e;
|
||||
margin-top: 8px;
|
||||
clear: both;
|
||||
}}
|
||||
.key-msg em {{
|
||||
color: #dc2626;
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
}}
|
||||
</style>
|
||||
|
||||
<div class="core">
|
||||
<div class="core-header">
|
||||
<div class="core-label">DX와 BIM의 관계</div>
|
||||
<span class="popup-link">📊 DX와 BIM의 상세 비교</span>
|
||||
</div>
|
||||
|
||||
<div class="core-text">
|
||||
<div class="fi">
|
||||
<img src="{img_src}">
|
||||
<div class="cap">건설산업의 DX</div>
|
||||
</div>
|
||||
|
||||
<div class="bp">DX는 BIM과 같은 디지털기술을 기반으로 산업 전반의 <b>프로세스를 혁신하는 상위개념</b></div>
|
||||
<div class="bp">건설산업의 DX는 GIS(공간정보), BIM, 디지털 트윈(가상환경)의 <b>기술융합을 통해서만 실현 또는 구현 가능</b></div>
|
||||
<div class="sp"><b>GIS의 역할</b> : 지리적 데이터를 공간 분석하여 시각적으로 표현, 위치기반 정보 제공</div>
|
||||
<div class="sp"><b>BIM의 역할</b> : 형상정보와 내용정보가 포함된 3D모델로, 건설 정보 기반의 Process와 Product를 제공. 시설물의 생애주기동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구</div>
|
||||
<div class="sp"><b>디지털 트윈</b> : 현실 세계의 물리적 객체나 시스템을 디지털 환경에 동일하게 구현하는 기술</div>
|
||||
<div class="bp">DX는 이들 기술을 통합하여 업무방식과 가치 창출 구조를 <b>근본적으로 전환하는 과정 및 결과</b></div>
|
||||
</div>
|
||||
|
||||
<div class="key-msg">
|
||||
<em>BIM ≠ DX</em> — BIM은 건설산업의 디지털전환(DX)을 수행하는 과정에서 가장 기초가 되는 일부분이다
|
||||
</div>
|
||||
</div>"""
|
||||
|
||||
wrapped = f"""<!DOCTYPE html>
|
||||
<html lang="ko"><head><meta charset="UTF-8">
|
||||
<style>
|
||||
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
|
||||
* {{ margin:0; padding:0; box-sizing:border-box; }}
|
||||
.slide {{
|
||||
width:1280px; height:720px; overflow:hidden; background:white;
|
||||
font-family:'Pretendard Variable',sans-serif;
|
||||
display:flex; align-items:center; justify-content:center;
|
||||
}}
|
||||
</style>
|
||||
</head><body>
|
||||
<div class="slide">
|
||||
{html}
|
||||
</div>
|
||||
</body></html>"""
|
||||
|
||||
(out_dir / "core_c_fix.html").write_text(wrapped, encoding="utf-8")
|
||||
s = await asyncio.to_thread(capture_slide_screenshot, wrapped)
|
||||
if s:
|
||||
(out_dir / "core_c_fix.png").write_bytes(base64.b64decode(s))
|
||||
|
||||
print(f"결과: {out_dir}")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
import logging
|
||||
logging.basicConfig(level=logging.INFO, format="%(asctime)s %(levelname)s %(message)s", datefmt="%H:%M:%S")
|
||||
logging.getLogger("selenium").setLevel(logging.WARNING)
|
||||
logging.getLogger("urllib3").setLevel(logging.WARNING)
|
||||
asyncio.run(main())
|
||||
@@ -0,0 +1,227 @@
|
||||
"""본심 최종 검증: 샘플 이미지 구조 정확히 반영.
|
||||
|
||||
구조: 왼쪽 텍스트(넓게) | 오른쪽 이미지(좁게) + 상단 팝업 링크
|
||||
텍스트: 원본 MDX 거의 그대로, 축약 없음
|
||||
"""
|
||||
from __future__ import annotations
|
||||
import asyncio, sys, datetime, base64
|
||||
from pathlib import Path
|
||||
|
||||
ROOT = Path(__file__).parent.parent
|
||||
sys.path.insert(0, str(ROOT))
|
||||
|
||||
|
||||
async def main():
|
||||
from src.slide_measurer import capture_slide_screenshot
|
||||
|
||||
out_dir = ROOT / "data" / "runs" / f"core_final_{datetime.datetime.now().strftime('%Y%m%d_%H%M%S')}"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
|
||||
# dx1.png base64
|
||||
img_path = Path("D:/ad-hoc/cel/public/assets/images/dx1.png")
|
||||
img_b64 = base64.b64encode(img_path.read_bytes()).decode()
|
||||
img_src = f"data:image/png;base64,{img_b64}"
|
||||
|
||||
html = f"""<style>
|
||||
* {{ margin:0; padding:0; box-sizing:border-box; }}
|
||||
.core-section {{
|
||||
width: 707px;
|
||||
height: 293px;
|
||||
font-family: 'Pretendard Variable', sans-serif;
|
||||
background: #ffffff;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 8px;
|
||||
padding: 16px 20px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}}
|
||||
.core-header {{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
margin-bottom: 10px;
|
||||
}}
|
||||
.core-title {{
|
||||
background: #1e293b;
|
||||
color: #ffffff;
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
padding: 4px 14px;
|
||||
border-radius: 4px;
|
||||
}}
|
||||
.core-detail-link {{
|
||||
font-size: 10px;
|
||||
color: #2563eb;
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
}}
|
||||
.core-body {{
|
||||
display: flex;
|
||||
gap: 16px;
|
||||
flex: 1;
|
||||
}}
|
||||
.core-text {{
|
||||
flex: 62%;
|
||||
font-size: 12px;
|
||||
color: #1e293b;
|
||||
line-height: 1.7;
|
||||
}}
|
||||
.core-text .main-point {{
|
||||
margin-bottom: 8px;
|
||||
}}
|
||||
.core-text .main-point::before {{
|
||||
content: '•';
|
||||
margin-right: 6px;
|
||||
color: #1e293b;
|
||||
font-weight: 700;
|
||||
}}
|
||||
.core-text .sub-point {{
|
||||
padding-left: 16px;
|
||||
font-size: 11px;
|
||||
color: #475569;
|
||||
margin-bottom: 4px;
|
||||
}}
|
||||
.core-text .sub-point::before {{
|
||||
content: '◦';
|
||||
margin-right: 6px;
|
||||
color: #64748b;
|
||||
}}
|
||||
.core-text b {{
|
||||
font-weight: 700;
|
||||
color: #1e293b;
|
||||
}}
|
||||
.core-image {{
|
||||
flex: 38%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}}
|
||||
.core-image img {{
|
||||
width: 100%;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #e2e8f0;
|
||||
object-fit: contain;
|
||||
}}
|
||||
.core-image .caption {{
|
||||
font-size: 9px;
|
||||
color: #94a3b8;
|
||||
margin-top: 4px;
|
||||
text-align: center;
|
||||
}}
|
||||
|
||||
/* 팝업 테이블 */
|
||||
.core-detail-link details {{
|
||||
position: relative;
|
||||
}}
|
||||
.core-detail-link summary {{
|
||||
font-size: 10px;
|
||||
color: #2563eb;
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
list-style: none;
|
||||
}}
|
||||
.core-detail-link summary::-webkit-details-marker {{
|
||||
display: none;
|
||||
}}
|
||||
.popup-table {{
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 20px;
|
||||
background: white;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
|
||||
padding: 8px;
|
||||
z-index: 10;
|
||||
width: 500px;
|
||||
}}
|
||||
.popup-table table {{
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
font-size: 10px;
|
||||
}}
|
||||
.popup-table th {{
|
||||
background: #1e293b;
|
||||
color: white;
|
||||
padding: 5px 8px;
|
||||
text-align: left;
|
||||
font-weight: 700;
|
||||
}}
|
||||
.popup-table td {{
|
||||
padding: 4px 8px;
|
||||
border-bottom: 1px solid #e2e8f0;
|
||||
color: #334155;
|
||||
}}
|
||||
.popup-table tr:nth-child(even) {{
|
||||
background: #f8fafc;
|
||||
}}
|
||||
</style>
|
||||
|
||||
<div class="core-section">
|
||||
<div class="core-header">
|
||||
<div class="core-title">DX와 BIM의 관계</div>
|
||||
<div class="core-detail-link">
|
||||
<details>
|
||||
<summary>📊 DX와 BIM의 상세 비교</summary>
|
||||
<div class="popup-table">
|
||||
<table>
|
||||
<tr><th>기준</th><th>DX</th><th>BIM</th></tr>
|
||||
<tr><td>범위</td><td>BIM << DX (Engineering + Management 통합)</td><td>Only 3D (형상 구현 중심)</td></tr>
|
||||
<tr><td>프로세스</td><td>근본적 문제의식을 통한 개선</td><td>기존 2D 설계 방식 유지</td></tr>
|
||||
<tr><td>성과품</td><td>공학 정보 및 콘텐츠 연계에 집중</td><td>3D 모델 중심</td></tr>
|
||||
<tr><td>활용</td><td>설계/시공 생산성 혁신</td><td>3D 모델에 의한 일반적 이해 향상</td></tr>
|
||||
<tr><td>확장성</td><td>전 생애주기 활용 시스템</td><td>(설계/시공/운영) 분야별 단절</td></tr>
|
||||
<tr><td>주체</td><td>자체 수행 능력 — 지속가능성 확보</td><td>S/W 제작사 판매 정책에 의존</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
</div>
|
||||
<div class="core-body">
|
||||
<div class="core-text">
|
||||
<div class="main-point">DX는 BIM과 같은 기술을 기반으로 산업 전반의 <b>프로세스를 혁신하는 상위개념</b></div>
|
||||
<div class="main-point">건설산업의 DX는 GIS(공간정보), BIM, 디지털 트윈(가상환경)의 <b>기술융합을 통해서만 실현 또는 구현 가능</b></div>
|
||||
<div class="sub-point"><b>GIS의 역할</b> : 지리적 데이터를 공간 분석하여 시각적으로 표현, 위치기반 정보 제공</div>
|
||||
<div class="sub-point"><b>BIM의 역할</b> : 형상정보와 내용정보가 포함된 3D모델로, 건설 정보 기반의 <b>Process와 Product를 제공</b></div>
|
||||
</div>
|
||||
<div class="core-image">
|
||||
<img src="{img_src}" alt="건설산업의 DX">
|
||||
<div class="caption">건설산업의 DX</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>"""
|
||||
|
||||
wrapped = f"""<!DOCTYPE html>
|
||||
<html lang="ko"><head><meta charset="UTF-8">
|
||||
<style>
|
||||
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
|
||||
* {{ margin:0; padding:0; box-sizing:border-box; }}
|
||||
.slide {{
|
||||
width:1280px; height:720px; overflow:hidden; background:white;
|
||||
font-family:'Pretendard Variable',sans-serif;
|
||||
display:flex; align-items:center; justify-content:center;
|
||||
}}
|
||||
</style>
|
||||
</head><body>
|
||||
<div class="slide">
|
||||
{html}
|
||||
</div>
|
||||
</body></html>"""
|
||||
|
||||
(out_dir / "core_final.html").write_text(wrapped, encoding="utf-8")
|
||||
s = await asyncio.to_thread(capture_slide_screenshot, wrapped)
|
||||
if s:
|
||||
(out_dir / "core_final.png").write_bytes(base64.b64decode(s))
|
||||
|
||||
print(f"결과: {out_dir}")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
import logging
|
||||
logging.basicConfig(level=logging.INFO, format="%(asctime)s %(levelname)s %(message)s", datefmt="%H:%M:%S")
|
||||
logging.getLogger("selenium").setLevel(logging.WARNING)
|
||||
logging.getLogger("urllib3").setLevel(logging.WARNING)
|
||||
asyncio.run(main())
|
||||
@@ -0,0 +1,216 @@
|
||||
"""본심 최종 v2: 원본 MDX 85-95% 보존 + 들여쓰기 + 여백 최소화."""
|
||||
from __future__ import annotations
|
||||
import asyncio, sys, datetime, base64
|
||||
from pathlib import Path
|
||||
|
||||
ROOT = Path(__file__).parent.parent
|
||||
sys.path.insert(0, str(ROOT))
|
||||
|
||||
|
||||
async def main():
|
||||
from src.slide_measurer import capture_slide_screenshot
|
||||
|
||||
out_dir = ROOT / "data" / "runs" / f"core_final2_{datetime.datetime.now().strftime('%Y%m%d_%H%M%S')}"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
|
||||
img_path = Path("D:/ad-hoc/cel/public/assets/images/dx1.png")
|
||||
img_b64 = base64.b64encode(img_path.read_bytes()).decode()
|
||||
img_src = f"data:image/png;base64,{img_b64}"
|
||||
|
||||
html = f"""<style>
|
||||
* {{ margin:0; padding:0; box-sizing:border-box; }}
|
||||
.core {{
|
||||
width: 707px;
|
||||
height: 293px;
|
||||
font-family: 'Pretendard Variable', sans-serif;
|
||||
background: #ffffff;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 8px;
|
||||
padding: 14px 18px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}}
|
||||
.core-header {{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 8px;
|
||||
}}
|
||||
.core-label {{
|
||||
background: #1e293b;
|
||||
color: #ffffff;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
padding: 3px 12px;
|
||||
border-radius: 4px;
|
||||
}}
|
||||
.detail-link {{
|
||||
font-size: 10px;
|
||||
color: #2563eb;
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
}}
|
||||
.detail-link details {{ position: relative; }}
|
||||
.detail-link summary {{
|
||||
font-size: 10px; color: #2563eb; font-weight: 700;
|
||||
cursor: pointer; list-style: none;
|
||||
}}
|
||||
.detail-link summary::-webkit-details-marker {{ display: none; }}
|
||||
.popup {{
|
||||
position: absolute; right: 0; top: 18px;
|
||||
background: white; border: 1px solid #e2e8f0;
|
||||
border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);
|
||||
padding: 8px; z-index: 10; width: 480px;
|
||||
}}
|
||||
.popup table {{ width: 100%; border-collapse: collapse; font-size: 10px; }}
|
||||
.popup th {{ background: #1e293b; color: white; padding: 4px 6px; text-align: left; }}
|
||||
.popup td {{ padding: 3px 6px; border-bottom: 1px solid #e2e8f0; color: #334155; }}
|
||||
.popup tr:nth-child(even) {{ background: #f8fafc; }}
|
||||
|
||||
.core-body {{
|
||||
display: flex;
|
||||
gap: 14px;
|
||||
flex: 1;
|
||||
}}
|
||||
.text-area {{
|
||||
flex: 60%;
|
||||
font-size: 12px;
|
||||
color: #1e293b;
|
||||
line-height: 1.7;
|
||||
word-break: keep-all;
|
||||
}}
|
||||
/* 불릿 들여쓰기: 점 다음 줄이 점 옆 글자 시작 위치에 맞춤 */
|
||||
.bp {{
|
||||
padding-left: 14px;
|
||||
text-indent: -14px;
|
||||
margin-bottom: 5px;
|
||||
}}
|
||||
.bp::before {{
|
||||
content: '•';
|
||||
margin-right: 6px;
|
||||
color: #1e293b;
|
||||
font-weight: 700;
|
||||
}}
|
||||
.sp {{
|
||||
padding-left: 28px;
|
||||
text-indent: -14px;
|
||||
margin-bottom: 3px;
|
||||
font-size: 11px;
|
||||
color: #475569;
|
||||
}}
|
||||
.sp::before {{
|
||||
content: '◦';
|
||||
margin-right: 6px;
|
||||
color: #64748b;
|
||||
}}
|
||||
.text-area b {{ font-weight: 700; color: #1e293b; }}
|
||||
|
||||
.img-area {{
|
||||
flex: 40%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}}
|
||||
.img-area img {{
|
||||
width: 100%;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #e2e8f0;
|
||||
object-fit: contain;
|
||||
}}
|
||||
.img-caption {{
|
||||
font-size: 9px;
|
||||
color: #94a3b8;
|
||||
margin-top: 3px;
|
||||
}}
|
||||
|
||||
.key-msg {{
|
||||
background: #f0f9ff;
|
||||
border: 2px solid #bae6fd;
|
||||
border-radius: 6px;
|
||||
padding: 5px 12px;
|
||||
text-align: center;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
color: #0c4a6e;
|
||||
margin-top: 6px;
|
||||
}}
|
||||
.key-msg em {{
|
||||
color: #dc2626;
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
}}
|
||||
</style>
|
||||
|
||||
<div class="core">
|
||||
<div class="core-header">
|
||||
<div class="core-label">DX와 BIM의 관계</div>
|
||||
<div class="detail-link">
|
||||
<details>
|
||||
<summary>📊 DX와 BIM의 상세 비교</summary>
|
||||
<div class="popup">
|
||||
<table>
|
||||
<tr><th>기준</th><th>DX</th><th>BIM</th></tr>
|
||||
<tr><td>범위</td><td>BIM << DX (Engineering + Management 통합)</td><td>Only 3D (형상 구현 중심)</td></tr>
|
||||
<tr><td>프로세스</td><td>근본적 문제의식을 통한 개선</td><td>기존 2D 설계 방식 유지</td></tr>
|
||||
<tr><td>성과품</td><td>공학 정보 및 콘텐츠 연계에 집중</td><td>3D 모델 중심</td></tr>
|
||||
<tr><td>활용</td><td>설계/시공 생산성 혁신(개념의 재정립)</td><td>3D 모델에 의한 일반적 이해 향상</td></tr>
|
||||
<tr><td>확장성</td><td>전 생애주기 활용 시스템</td><td>(설계/시공/운영) 분야별 단절</td></tr>
|
||||
<tr><td>주체</td><td>적극적, 주체적인 기술 접목/융합<br>자체 수행 능력 — 지속가능성 확보</td><td>소극적, 상용 기술에 의존<br>S/W 제작사 판매 정책에 의존</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
</div>
|
||||
<div class="core-body">
|
||||
<div class="text-area">
|
||||
<div class="bp">DX는 BIM과 같은 디지털기술을 기반으로 산업 전반의 <b>프로세스를 혁신하는 상위개념</b></div>
|
||||
<div class="bp">건설산업의 DX는 GIS(공간정보), BIM, 디지털 트윈(가상환경)의 <b>기술융합을 통해서만 실현 또는 구현 가능</b></div>
|
||||
<div class="sp"><b>GIS의 역할</b> : 지리적 데이터를 공간 분석하여 시각적으로 표현, 위치기반 정보 제공</div>
|
||||
<div class="sp"><b>BIM의 역할</b> : 형상정보와 내용정보가 포함된 3D모델로, 건설 정보 기반의 Process와 Product를 제공. 시설물의 생애주기동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구</div>
|
||||
<div class="sp"><b>디지털 트윈</b> : 현실 세계의 물리적 객체나 시스템을 디지털 환경에 동일하게 구현하는 기술</div>
|
||||
<div class="bp">DX는 이들 기술을 통합하여 업무방식과 가치 창출 구조를 <b>근본적으로 전환하는 과정 및 결과</b></div>
|
||||
</div>
|
||||
<div class="img-area">
|
||||
<img src="{img_src}" alt="건설산업의 DX">
|
||||
<div class="img-caption">건설산업의 DX</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="key-msg">
|
||||
<em>BIM ≠ DX</em> — BIM은 건설산업의 디지털전환(DX)을 수행하는 과정에서 가장 기초가 되는 일부분이다
|
||||
</div>
|
||||
</div>"""
|
||||
|
||||
wrapped = f"""<!DOCTYPE html>
|
||||
<html lang="ko"><head><meta charset="UTF-8">
|
||||
<style>
|
||||
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
|
||||
* {{ margin:0; padding:0; box-sizing:border-box; }}
|
||||
.slide {{
|
||||
width:1280px; height:720px; overflow:hidden; background:white;
|
||||
font-family:'Pretendard Variable',sans-serif;
|
||||
display:flex; align-items:center; justify-content:center;
|
||||
}}
|
||||
</style>
|
||||
</head><body>
|
||||
<div class="slide">
|
||||
{html}
|
||||
</div>
|
||||
</body></html>"""
|
||||
|
||||
(out_dir / "core_final2.html").write_text(wrapped, encoding="utf-8")
|
||||
s = await asyncio.to_thread(capture_slide_screenshot, wrapped)
|
||||
if s:
|
||||
(out_dir / "core_final2.png").write_bytes(base64.b64decode(s))
|
||||
|
||||
print(f"결과: {out_dir}")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
import logging
|
||||
logging.basicConfig(level=logging.INFO, format="%(asctime)s %(levelname)s %(message)s", datefmt="%H:%M:%S")
|
||||
logging.getLogger("selenium").setLevel(logging.WARNING)
|
||||
logging.getLogger("urllib3").setLevel(logging.WARNING)
|
||||
asyncio.run(main())
|
||||
@@ -0,0 +1,211 @@
|
||||
"""본심: 텍스트 감싸기(float) — 워드/HWP 스타일.
|
||||
|
||||
이미지를 오른쪽에 float, 텍스트가 이미지를 감싸며 흐름.
|
||||
이미지 아래에도 텍스트가 이어짐. 빈 공간 없음.
|
||||
"""
|
||||
from __future__ import annotations
|
||||
import asyncio, sys, datetime, base64
|
||||
from pathlib import Path
|
||||
|
||||
ROOT = Path(__file__).parent.parent
|
||||
sys.path.insert(0, str(ROOT))
|
||||
|
||||
|
||||
async def main():
|
||||
from src.slide_measurer import capture_slide_screenshot
|
||||
|
||||
out_dir = ROOT / "data" / "runs" / f"core_float_{datetime.datetime.now().strftime('%Y%m%d_%H%M%S')}"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
|
||||
img_path = Path("D:/ad-hoc/cel/public/assets/images/dx1.png")
|
||||
img_b64 = base64.b64encode(img_path.read_bytes()).decode()
|
||||
img_src = f"data:image/png;base64,{img_b64}"
|
||||
|
||||
html = f"""<style>
|
||||
* {{ margin:0; padding:0; box-sizing:border-box; }}
|
||||
.core {{
|
||||
width: 767px;
|
||||
font-family: 'Pretendard Variable', sans-serif;
|
||||
background: #ffffff;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 8px;
|
||||
padding: 14px 18px;
|
||||
overflow: hidden;
|
||||
word-break: keep-all;
|
||||
}}
|
||||
.core-header {{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
}}
|
||||
.core-label {{
|
||||
background: #1e293b;
|
||||
color: #ffffff;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
padding: 3px 12px;
|
||||
border-radius: 4px;
|
||||
}}
|
||||
.detail-link details {{ position: relative; }}
|
||||
.detail-link summary {{
|
||||
font-size: 10px; color: #2563eb; font-weight: 700;
|
||||
cursor: pointer; list-style: none;
|
||||
}}
|
||||
.detail-link summary::-webkit-details-marker {{ display: none; }}
|
||||
.popup {{
|
||||
position: absolute; right: 0; top: 18px;
|
||||
background: white; border: 1px solid #e2e8f0;
|
||||
border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.12);
|
||||
padding: 8px; z-index: 10; width: 500px;
|
||||
}}
|
||||
.popup table {{ width: 100%; border-collapse: collapse; font-size: 10px; }}
|
||||
.popup th {{ background: #1e293b; color: white; padding: 4px 6px; text-align: left; }}
|
||||
.popup td {{ padding: 3px 6px; border-bottom: 1px solid #e2e8f0; color: #334155; }}
|
||||
.popup tr:nth-child(even) {{ background: #f8fafc; }}
|
||||
|
||||
/* 이미지 float: 텍스트가 이미지를 감싸며 흐름 */
|
||||
.float-img {{
|
||||
float: right;
|
||||
margin: 0 0 10px 14px;
|
||||
width: 280px;
|
||||
}}
|
||||
.float-img img {{
|
||||
width: 100%;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #e2e8f0;
|
||||
object-fit: contain;
|
||||
}}
|
||||
.float-img .caption {{
|
||||
font-size: 9px;
|
||||
color: #94a3b8;
|
||||
text-align: center;
|
||||
margin-top: 3px;
|
||||
}}
|
||||
|
||||
.core-text {{
|
||||
font-size: 12px;
|
||||
color: #1e293b;
|
||||
line-height: 1.75;
|
||||
}}
|
||||
/* 불릿 들여쓰기: 점 다음 줄은 점 옆 글자 시작 위치에 맞춤 */
|
||||
.bp {{
|
||||
padding-left: 14px;
|
||||
text-indent: -14px;
|
||||
margin-bottom: 5px;
|
||||
}}
|
||||
.bp::before {{
|
||||
content: '•';
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
text-indent: 0;
|
||||
color: #1e293b;
|
||||
font-weight: 700;
|
||||
}}
|
||||
.sp {{
|
||||
padding-left: 28px;
|
||||
text-indent: -14px;
|
||||
margin-bottom: 4px;
|
||||
font-size: 11px;
|
||||
color: #475569;
|
||||
}}
|
||||
.sp::before {{
|
||||
content: '◦';
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
text-indent: 0;
|
||||
color: #64748b;
|
||||
}}
|
||||
.core-text b {{ font-weight: 700; color: #1e293b; }}
|
||||
|
||||
.key-msg {{
|
||||
background: #f0f9ff;
|
||||
border: 2px solid #bae6fd;
|
||||
border-radius: 6px;
|
||||
padding: 5px 12px;
|
||||
text-align: center;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
color: #0c4a6e;
|
||||
margin-top: 8px;
|
||||
clear: both;
|
||||
}}
|
||||
.key-msg em {{
|
||||
color: #dc2626;
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
}}
|
||||
</style>
|
||||
|
||||
<div class="core">
|
||||
<div class="core-header">
|
||||
<div class="core-label">DX와 BIM의 관계</div>
|
||||
<div class="detail-link">
|
||||
<details>
|
||||
<summary>📊 DX와 BIM의 상세 비교</summary>
|
||||
<div class="popup">
|
||||
<table>
|
||||
<tr><th>기준</th><th>DX</th><th>BIM</th></tr>
|
||||
<tr><td>범위</td><td>BIM << DX (Engineering + Management 통합)</td><td>Only 3D (형상 구현 중심)</td></tr>
|
||||
<tr><td>프로세스</td><td>근본적 문제의식을 통한 개선</td><td>기존 2D 설계 방식 유지</td></tr>
|
||||
<tr><td>성과품</td><td>공학 정보 및 콘텐츠 연계에 집중</td><td>3D 모델 중심</td></tr>
|
||||
<tr><td>활용</td><td>설계/시공 생산성 혁신(개념의 재정립)</td><td>3D 모델에 의한 일반적 이해 향상</td></tr>
|
||||
<tr><td>확장성</td><td>전 생애주기 활용 시스템</td><td>(설계/시공/운영) 분야별 단절</td></tr>
|
||||
<tr><td>주체</td><td>적극적, 주체적인 기술 접목/융합<br>자체 수행 능력 — 지속가능성 확보</td><td>소극적, 상용 기술에 의존<br>S/W 제작사 판매 정책에 의존</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="core-text">
|
||||
<!-- 이미지를 오른쪽에 float -->
|
||||
<div class="float-img">
|
||||
<img src="{img_src}" alt="건설산업의 DX">
|
||||
<div class="caption">건설산업의 DX</div>
|
||||
</div>
|
||||
|
||||
<div class="bp">DX는 BIM과 같은 디지털기술을 기반으로 산업 전반의 <b>프로세스를 혁신하는 상위개념</b></div>
|
||||
<div class="bp">건설산업의 DX는 GIS(공간정보), BIM, 디지털 트윈(가상환경)의 <b>기술융합을 통해서만 실현 또는 구현 가능</b></div>
|
||||
<div class="sp"><b>GIS의 역할</b> : 지리적 데이터를 공간 분석하여 시각적으로 표현, 위치기반 정보 제공</div>
|
||||
<div class="sp"><b>BIM의 역할</b> : 형상정보와 내용정보가 포함된 3D모델로, 건설 정보 기반의 Process와 Product를 제공. 시설물의 생애주기동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구</div>
|
||||
<div class="sp"><b>디지털 트윈</b> : 현실 세계의 물리적 객체나 시스템을 디지털 환경에 동일하게 구현하는 기술</div>
|
||||
<div class="bp">DX는 이들 기술을 통합하여 업무방식과 가치 창출 구조를 <b>근본적으로 전환하는 과정 및 결과</b></div>
|
||||
</div>
|
||||
|
||||
<div class="key-msg">
|
||||
<em>BIM ≠ DX</em> — BIM은 건설산업의 디지털전환(DX)을 수행하는 과정에서 가장 기초가 되는 일부분이다
|
||||
</div>
|
||||
</div>"""
|
||||
|
||||
wrapped = f"""<!DOCTYPE html>
|
||||
<html lang="ko"><head><meta charset="UTF-8">
|
||||
<style>
|
||||
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
|
||||
* {{ margin:0; padding:0; box-sizing:border-box; }}
|
||||
.slide {{
|
||||
width:1280px; height:720px; overflow:hidden; background:white;
|
||||
font-family:'Pretendard Variable',sans-serif;
|
||||
display:flex; align-items:center; justify-content:center;
|
||||
}}
|
||||
</style>
|
||||
</head><body>
|
||||
<div class="slide">
|
||||
{html}
|
||||
</div>
|
||||
</body></html>"""
|
||||
|
||||
(out_dir / "core_float.html").write_text(wrapped, encoding="utf-8")
|
||||
s = await asyncio.to_thread(capture_slide_screenshot, wrapped)
|
||||
if s:
|
||||
(out_dir / "core_float.png").write_bytes(base64.b64decode(s))
|
||||
|
||||
print(f"결과: {out_dir}")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
import logging
|
||||
logging.basicConfig(level=logging.INFO, format="%(asctime)s %(levelname)s %(message)s", datefmt="%H:%M:%S")
|
||||
logging.getLogger("selenium").setLevel(logging.WARNING)
|
||||
logging.getLogger("urllib3").setLevel(logging.WARNING)
|
||||
asyncio.run(main())
|
||||
@@ -0,0 +1,231 @@
|
||||
"""본심 float v2: 이미지 아래 빈 공간에 팝업 배치."""
|
||||
from __future__ import annotations
|
||||
import asyncio, sys, datetime, base64
|
||||
from pathlib import Path
|
||||
|
||||
ROOT = Path(__file__).parent.parent
|
||||
sys.path.insert(0, str(ROOT))
|
||||
|
||||
|
||||
async def main():
|
||||
from src.slide_measurer import capture_slide_screenshot
|
||||
|
||||
out_dir = ROOT / "data" / "runs" / f"core_float2_{datetime.datetime.now().strftime('%Y%m%d_%H%M%S')}"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
|
||||
img_path = Path("D:/ad-hoc/cel/public/assets/images/dx1.png")
|
||||
img_b64 = base64.b64encode(img_path.read_bytes()).decode()
|
||||
img_src = f"data:image/png;base64,{img_b64}"
|
||||
|
||||
html = f"""<style>
|
||||
* {{ margin:0; padding:0; box-sizing:border-box; }}
|
||||
.core {{
|
||||
width: 767px;
|
||||
font-family: 'Pretendard Variable', sans-serif;
|
||||
background: #ffffff;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 8px;
|
||||
padding: 14px 18px;
|
||||
overflow: hidden;
|
||||
word-break: keep-all;
|
||||
}}
|
||||
.core-header {{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
}}
|
||||
.core-label {{
|
||||
background: #1e293b;
|
||||
color: #ffffff;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
padding: 3px 12px;
|
||||
border-radius: 4px;
|
||||
}}
|
||||
|
||||
/* 이미지 + 팝업을 하나의 float 블록으로 묶음 */
|
||||
.float-block {{
|
||||
float: right;
|
||||
margin: 0 0 8px 14px;
|
||||
width: 280px;
|
||||
}}
|
||||
.float-block img {{
|
||||
width: 100%;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #e2e8f0;
|
||||
object-fit: contain;
|
||||
}}
|
||||
.float-block .caption {{
|
||||
font-size: 9px;
|
||||
color: #94a3b8;
|
||||
text-align: center;
|
||||
margin-top: 3px;
|
||||
margin-bottom: 6px;
|
||||
}}
|
||||
/* 팝업이 이미지 바로 아래에 위치 */
|
||||
.float-block .detail-trigger {{
|
||||
background: #f8fafc;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 6px;
|
||||
padding: 6px 10px;
|
||||
font-size: 10px;
|
||||
color: #2563eb;
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
}}
|
||||
.float-block details {{ position: relative; }}
|
||||
.float-block summary {{
|
||||
font-size: 10px;
|
||||
color: #2563eb;
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
background: #f8fafc;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 6px;
|
||||
padding: 6px 10px;
|
||||
}}
|
||||
.float-block summary::-webkit-details-marker {{ display: none; }}
|
||||
.popup {{
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 32px;
|
||||
background: white;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 4px 12px rgba(0,0,0,0.12);
|
||||
padding: 8px;
|
||||
z-index: 10;
|
||||
width: 500px;
|
||||
}}
|
||||
.popup table {{ width: 100%; border-collapse: collapse; font-size: 10px; }}
|
||||
.popup th {{ background: #1e293b; color: white; padding: 4px 6px; text-align: left; }}
|
||||
.popup td {{ padding: 3px 6px; border-bottom: 1px solid #e2e8f0; color: #334155; }}
|
||||
.popup tr:nth-child(even) {{ background: #f8fafc; }}
|
||||
|
||||
.core-text {{
|
||||
font-size: 12px;
|
||||
color: #1e293b;
|
||||
line-height: 1.75;
|
||||
}}
|
||||
.bp {{
|
||||
padding-left: 14px;
|
||||
text-indent: -14px;
|
||||
margin-bottom: 5px;
|
||||
}}
|
||||
.bp::before {{
|
||||
content: '•';
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
text-indent: 0;
|
||||
color: #1e293b;
|
||||
font-weight: 700;
|
||||
}}
|
||||
.sp {{
|
||||
padding-left: 28px;
|
||||
text-indent: -14px;
|
||||
margin-bottom: 4px;
|
||||
font-size: 11px;
|
||||
color: #475569;
|
||||
}}
|
||||
.sp::before {{
|
||||
content: '◦';
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
text-indent: 0;
|
||||
color: #64748b;
|
||||
}}
|
||||
.core-text b {{ font-weight: 700; color: #1e293b; }}
|
||||
|
||||
.key-msg {{
|
||||
background: #f0f9ff;
|
||||
border: 2px solid #bae6fd;
|
||||
border-radius: 6px;
|
||||
padding: 5px 12px;
|
||||
text-align: center;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
color: #0c4a6e;
|
||||
margin-top: 8px;
|
||||
clear: both;
|
||||
}}
|
||||
.key-msg em {{
|
||||
color: #dc2626;
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
}}
|
||||
</style>
|
||||
|
||||
<div class="core">
|
||||
<div class="core-header">
|
||||
<div class="core-label">DX와 BIM의 관계</div>
|
||||
</div>
|
||||
|
||||
<div class="core-text">
|
||||
<!-- 이미지 + 팝업을 하나의 float 블록으로 -->
|
||||
<div class="float-block">
|
||||
<img src="{img_src}" alt="건설산업의 DX">
|
||||
<div class="caption">건설산업의 DX</div>
|
||||
<details>
|
||||
<summary>📊 DX와 BIM의 상세 비교</summary>
|
||||
<div class="popup">
|
||||
<table>
|
||||
<tr><th>기준</th><th>DX</th><th>BIM</th></tr>
|
||||
<tr><td>범위</td><td>BIM << DX (Engineering + Management 통합)</td><td>Only 3D (형상 구현 중심)</td></tr>
|
||||
<tr><td>프로세스</td><td>근본적 문제의식을 통한 개선</td><td>기존 2D 설계 방식 유지</td></tr>
|
||||
<tr><td>성과품</td><td>공학 정보 및 콘텐츠 연계에 집중</td><td>3D 모델 중심</td></tr>
|
||||
<tr><td>활용</td><td>설계/시공 생산성 혁신(개념의 재정립)</td><td>3D 모델에 의한 일반적 이해 향상</td></tr>
|
||||
<tr><td>확장성</td><td>전 생애주기 활용 시스템</td><td>(설계/시공/운영) 분야별 단절</td></tr>
|
||||
<tr><td>주체</td><td>적극적, 주체적인 기술 접목/융합<br>자체 수행 능력 — 지속가능성 확보</td><td>소극적, 상용 기술에 의존<br>S/W 제작사 판매 정책에 의존</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
|
||||
<div class="bp">DX는 BIM과 같은 디지털기술을 기반으로 산업 전반의 <b>프로세스를 혁신하는 상위개념</b></div>
|
||||
<div class="bp">건설산업의 DX는 GIS(공간정보), BIM, 디지털 트윈(가상환경)의 <b>기술융합을 통해서만 실현 또는 구현 가능</b></div>
|
||||
<div class="sp"><b>GIS의 역할</b> : 지리적 데이터를 공간 분석하여 시각적으로 표현, 위치기반 정보 제공</div>
|
||||
<div class="sp"><b>BIM의 역할</b> : 형상정보와 내용정보가 포함된 3D모델로, 건설 정보 기반의 Process와 Product를 제공. 시설물의 생애주기동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구</div>
|
||||
<div class="sp"><b>디지털 트윈</b> : 현실 세계의 물리적 객체나 시스템을 디지털 환경에 동일하게 구현하는 기술</div>
|
||||
<div class="bp">DX는 이들 기술을 통합하여 업무방식과 가치 창출 구조를 <b>근본적으로 전환하는 과정 및 결과</b></div>
|
||||
</div>
|
||||
|
||||
<div class="key-msg">
|
||||
<em>BIM ≠ DX</em> — BIM은 건설산업의 디지털전환(DX)을 수행하는 과정에서 가장 기초가 되는 일부분이다
|
||||
</div>
|
||||
</div>"""
|
||||
|
||||
wrapped = f"""<!DOCTYPE html>
|
||||
<html lang="ko"><head><meta charset="UTF-8">
|
||||
<style>
|
||||
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
|
||||
* {{ margin:0; padding:0; box-sizing:border-box; }}
|
||||
.slide {{
|
||||
width:1280px; height:720px; overflow:hidden; background:white;
|
||||
font-family:'Pretendard Variable',sans-serif;
|
||||
display:flex; align-items:center; justify-content:center;
|
||||
}}
|
||||
</style>
|
||||
</head><body>
|
||||
<div class="slide">
|
||||
{html}
|
||||
</div>
|
||||
</body></html>"""
|
||||
|
||||
(out_dir / "core_float2.html").write_text(wrapped, encoding="utf-8")
|
||||
s = await asyncio.to_thread(capture_slide_screenshot, wrapped)
|
||||
if s:
|
||||
(out_dir / "core_float2.png").write_bytes(base64.b64decode(s))
|
||||
|
||||
print(f"결과: {out_dir}")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
import logging
|
||||
logging.basicConfig(level=logging.INFO, format="%(asctime)s %(levelname)s %(message)s", datefmt="%H:%M:%S")
|
||||
logging.getLogger("selenium").setLevel(logging.WARNING)
|
||||
logging.getLogger("urllib3").setLevel(logging.WARNING)
|
||||
asyncio.run(main())
|
||||
@@ -0,0 +1,218 @@
|
||||
"""본심 float v3: 이미지를 아래로 내려서 GIS 역할 줄과 상단 맞춤. 팝업은 상단 오른쪽."""
|
||||
from __future__ import annotations
|
||||
import asyncio, sys, datetime, base64
|
||||
from pathlib import Path
|
||||
|
||||
ROOT = Path(__file__).parent.parent
|
||||
sys.path.insert(0, str(ROOT))
|
||||
|
||||
|
||||
async def main():
|
||||
from src.slide_measurer import capture_slide_screenshot
|
||||
|
||||
out_dir = ROOT / "data" / "runs" / f"core_float3_{datetime.datetime.now().strftime('%Y%m%d_%H%M%S')}"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
|
||||
img_path = Path("D:/ad-hoc/cel/public/assets/images/dx1.png")
|
||||
img_b64 = base64.b64encode(img_path.read_bytes()).decode()
|
||||
img_src = f"data:image/png;base64,{img_b64}"
|
||||
|
||||
# 상단 불릿 2줄(메인 포인트)의 대략적 높이를 계산
|
||||
# 줄 높이 12px * 1.75 = 21px, 불릿 2개 + margin = ~52px
|
||||
# GIS 역할 줄이 시작하는 위치와 이미지 상단을 맞춤
|
||||
# margin-top으로 이미지를 아래로 내림
|
||||
|
||||
html = f"""<style>
|
||||
* {{ margin:0; padding:0; box-sizing:border-box; }}
|
||||
.core {{
|
||||
width: 767px;
|
||||
font-family: 'Pretendard Variable', sans-serif;
|
||||
background: #ffffff;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 8px;
|
||||
padding: 14px 18px;
|
||||
overflow: hidden;
|
||||
word-break: keep-all;
|
||||
}}
|
||||
.core-header {{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
}}
|
||||
.core-label {{
|
||||
background: #1e293b;
|
||||
color: #ffffff;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
padding: 3px 12px;
|
||||
border-radius: 4px;
|
||||
}}
|
||||
.detail-link {{
|
||||
font-size: 10px;
|
||||
color: #2563eb;
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
}}
|
||||
.detail-link details {{ position: relative; }}
|
||||
.detail-link summary {{
|
||||
font-size: 10px; color: #2563eb; font-weight: 700;
|
||||
cursor: pointer; list-style: none;
|
||||
}}
|
||||
.detail-link summary::-webkit-details-marker {{ display: none; }}
|
||||
.popup {{
|
||||
position: absolute; right: 0; top: 18px;
|
||||
background: white; border: 1px solid #e2e8f0;
|
||||
border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.12);
|
||||
padding: 8px; z-index: 10; width: 500px;
|
||||
}}
|
||||
.popup table {{ width: 100%; border-collapse: collapse; font-size: 10px; }}
|
||||
.popup th {{ background: #1e293b; color: white; padding: 4px 6px; text-align: left; }}
|
||||
.popup td {{ padding: 3px 6px; border-bottom: 1px solid #e2e8f0; color: #334155; }}
|
||||
.popup tr:nth-child(even) {{ background: #f8fafc; }}
|
||||
|
||||
/* 이미지를 아래로 내림: 상단 불릿 2줄 후 GIS 역할과 상단 맞춤 */
|
||||
.float-img {{
|
||||
float: right;
|
||||
margin: 50px 0 8px 14px;
|
||||
width: 280px;
|
||||
}}
|
||||
.float-img img {{
|
||||
width: 100%;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #e2e8f0;
|
||||
object-fit: contain;
|
||||
}}
|
||||
.float-img .caption {{
|
||||
font-size: 9px;
|
||||
color: #94a3b8;
|
||||
text-align: center;
|
||||
margin-top: 3px;
|
||||
}}
|
||||
|
||||
.core-text {{
|
||||
font-size: 12px;
|
||||
color: #1e293b;
|
||||
line-height: 1.75;
|
||||
}}
|
||||
.bp {{
|
||||
padding-left: 14px;
|
||||
text-indent: -14px;
|
||||
margin-bottom: 5px;
|
||||
}}
|
||||
.bp::before {{
|
||||
content: '•';
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
text-indent: 0;
|
||||
color: #1e293b;
|
||||
font-weight: 700;
|
||||
}}
|
||||
.sp {{
|
||||
padding-left: 28px;
|
||||
text-indent: -14px;
|
||||
margin-bottom: 4px;
|
||||
font-size: 11px;
|
||||
color: #475569;
|
||||
}}
|
||||
.sp::before {{
|
||||
content: '◦';
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
text-indent: 0;
|
||||
color: #64748b;
|
||||
}}
|
||||
.core-text b {{ font-weight: 700; color: #1e293b; }}
|
||||
|
||||
.key-msg {{
|
||||
background: #f0f9ff;
|
||||
border: 2px solid #bae6fd;
|
||||
border-radius: 6px;
|
||||
padding: 5px 12px;
|
||||
text-align: center;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
color: #0c4a6e;
|
||||
margin-top: 8px;
|
||||
clear: both;
|
||||
}}
|
||||
.key-msg em {{
|
||||
color: #dc2626;
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
}}
|
||||
</style>
|
||||
|
||||
<div class="core">
|
||||
<div class="core-header">
|
||||
<div class="core-label">DX와 BIM의 관계</div>
|
||||
<div class="detail-link">
|
||||
<details>
|
||||
<summary>📊 DX와 BIM의 상세 비교</summary>
|
||||
<div class="popup">
|
||||
<table>
|
||||
<tr><th>기준</th><th>DX</th><th>BIM</th></tr>
|
||||
<tr><td>범위</td><td>BIM << DX (Engineering + Management 통합)</td><td>Only 3D (형상 구현 중심)</td></tr>
|
||||
<tr><td>프로세스</td><td>근본적 문제의식을 통한 개선</td><td>기존 2D 설계 방식 유지</td></tr>
|
||||
<tr><td>성과품</td><td>공학 정보 및 콘텐츠 연계에 집중</td><td>3D 모델 중심</td></tr>
|
||||
<tr><td>활용</td><td>설계/시공 생산성 혁신(개념의 재정립)</td><td>3D 모델에 의한 일반적 이해 향상</td></tr>
|
||||
<tr><td>확장성</td><td>전 생애주기 활용 시스템</td><td>(설계/시공/운영) 분야별 단절</td></tr>
|
||||
<tr><td>주체</td><td>적극적, 주체적인 기술 접목/융합<br>자체 수행 능력 — 지속가능성 확보</td><td>소극적, 상용 기술에 의존<br>S/W 제작사 판매 정책에 의존</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="core-text">
|
||||
<!-- 이미지: margin-top으로 아래로 내려서 GIS 역할 줄과 상단 맞춤 -->
|
||||
<div class="float-img">
|
||||
<img src="{img_src}" alt="건설산업의 DX">
|
||||
<div class="caption">건설산업의 DX</div>
|
||||
</div>
|
||||
|
||||
<div class="bp">DX는 BIM과 같은 디지털기술을 기반으로 산업 전반의 <b>프로세스를 혁신하는 상위개념</b></div>
|
||||
<div class="bp">건설산업의 DX는 GIS(공간정보), BIM, 디지털 트윈(가상환경)의 <b>기술융합을 통해서만 실현 또는 구현 가능</b></div>
|
||||
<div class="sp"><b>GIS의 역할</b> : 지리적 데이터를 공간 분석하여 시각적으로 표현, 위치기반 정보 제공</div>
|
||||
<div class="sp"><b>BIM의 역할</b> : 형상정보와 내용정보가 포함된 3D모델로, 건설 정보 기반의 Process와 Product를 제공. 시설물의 생애주기동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구</div>
|
||||
<div class="sp"><b>디지털 트윈</b> : 현실 세계의 물리적 객체나 시스템을 디지털 환경에 동일하게 구현하는 기술</div>
|
||||
<div class="bp">DX는 이들 기술을 통합하여 업무방식과 가치 창출 구조를 <b>근본적으로 전환하는 과정 및 결과</b></div>
|
||||
</div>
|
||||
|
||||
<div class="key-msg">
|
||||
<em>BIM ≠ DX</em> — BIM은 건설산업의 디지털전환(DX)을 수행하는 과정에서 가장 기초가 되는 일부분이다
|
||||
</div>
|
||||
</div>"""
|
||||
|
||||
wrapped = f"""<!DOCTYPE html>
|
||||
<html lang="ko"><head><meta charset="UTF-8">
|
||||
<style>
|
||||
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
|
||||
* {{ margin:0; padding:0; box-sizing:border-box; }}
|
||||
.slide {{
|
||||
width:1280px; height:720px; overflow:hidden; background:white;
|
||||
font-family:'Pretendard Variable',sans-serif;
|
||||
display:flex; align-items:center; justify-content:center;
|
||||
}}
|
||||
</style>
|
||||
</head><body>
|
||||
<div class="slide">
|
||||
{html}
|
||||
</div>
|
||||
</body></html>"""
|
||||
|
||||
(out_dir / "core_float3.html").write_text(wrapped, encoding="utf-8")
|
||||
s = await asyncio.to_thread(capture_slide_screenshot, wrapped)
|
||||
if s:
|
||||
(out_dir / "core_float3.png").write_bytes(base64.b64decode(s))
|
||||
|
||||
print(f"결과: {out_dir}")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
import logging
|
||||
logging.basicConfig(level=logging.INFO, format="%(asctime)s %(levelname)s %(message)s", datefmt="%H:%M:%S")
|
||||
logging.getLogger("selenium").setLevel(logging.WARNING)
|
||||
logging.getLogger("urllib3").setLevel(logging.WARNING)
|
||||
asyncio.run(main())
|
||||
@@ -0,0 +1,220 @@
|
||||
"""본심 4가지 샘플: 이미지와 텍스트가 어우러지는 방식."""
|
||||
from __future__ import annotations
|
||||
import asyncio, sys, datetime, base64
|
||||
from pathlib import Path
|
||||
|
||||
ROOT = Path(__file__).parent.parent
|
||||
sys.path.insert(0, str(ROOT))
|
||||
|
||||
|
||||
async def main():
|
||||
from src.slide_measurer import capture_slide_screenshot
|
||||
|
||||
out_dir = ROOT / "data" / "runs" / f"core_samples_{datetime.datetime.now().strftime('%Y%m%d_%H%M%S')}"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
|
||||
img_path = Path("D:/ad-hoc/cel/public/assets/images/dx1.png")
|
||||
img_b64 = base64.b64encode(img_path.read_bytes()).decode()
|
||||
img_src = f"data:image/png;base64,{img_b64}"
|
||||
|
||||
common_css = """
|
||||
* { margin:0; padding:0; box-sizing:border-box; }
|
||||
.core {
|
||||
width: 767px;
|
||||
font-family: 'Pretendard Variable', sans-serif;
|
||||
background: #ffffff;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 8px;
|
||||
padding: 14px 18px;
|
||||
overflow: hidden;
|
||||
word-break: keep-all;
|
||||
}
|
||||
.core-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.core-label {
|
||||
background: #1e293b;
|
||||
color: #ffffff;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
padding: 3px 12px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.popup-link {
|
||||
font-size: 10px;
|
||||
color: #2563eb;
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.core-text {
|
||||
font-size: 12px;
|
||||
color: #1e293b;
|
||||
line-height: 1.75;
|
||||
}
|
||||
.bp {
|
||||
padding-left: 14px;
|
||||
text-indent: -14px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.bp::before {
|
||||
content: '•';
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
text-indent: 0;
|
||||
color: #1e293b;
|
||||
font-weight: 700;
|
||||
}
|
||||
.sp {
|
||||
padding-left: 28px;
|
||||
text-indent: -14px;
|
||||
margin-bottom: 4px;
|
||||
font-size: 11px;
|
||||
color: #475569;
|
||||
}
|
||||
.sp::before {
|
||||
content: '◦';
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
text-indent: 0;
|
||||
color: #64748b;
|
||||
}
|
||||
.core-text b { font-weight: 700; color: #1e293b; }
|
||||
.key-msg {
|
||||
background: #f0f9ff;
|
||||
border: 2px solid #bae6fd;
|
||||
border-radius: 6px;
|
||||
padding: 5px 12px;
|
||||
text-align: center;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
color: #0c4a6e;
|
||||
margin-top: 8px;
|
||||
clear: both;
|
||||
}
|
||||
.key-msg em {
|
||||
color: #dc2626;
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
}
|
||||
"""
|
||||
|
||||
text_content = """
|
||||
<div class="bp">DX는 BIM과 같은 디지털기술을 기반으로 산업 전반의 <b>프로세스를 혁신하는 상위개념</b></div>
|
||||
<div class="bp">건설산업의 DX는 GIS(공간정보), BIM, 디지털 트윈(가상환경)의 <b>기술융합을 통해서만 실현 또는 구현 가능</b></div>
|
||||
<div class="sp"><b>GIS의 역할</b> : 지리적 데이터를 공간 분석하여 시각적으로 표현, 위치기반 정보 제공</div>
|
||||
<div class="sp"><b>BIM의 역할</b> : 형상정보와 내용정보가 포함된 3D모델로, 건설 정보 기반의 Process와 Product를 제공. 시설물의 생애주기동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구</div>
|
||||
<div class="sp"><b>디지털 트윈</b> : 현실 세계의 물리적 객체나 시스템을 디지털 환경에 동일하게 구현하는 기술</div>
|
||||
<div class="bp">DX는 이들 기술을 통합하여 업무방식과 가치 창출 구조를 <b>근본적으로 전환하는 과정 및 결과</b></div>
|
||||
"""
|
||||
|
||||
key_msg = """
|
||||
<div class="key-msg">
|
||||
<em>BIM ≠ DX</em> — BIM은 건설산업의 디지털전환(DX)을 수행하는 과정에서 가장 기초가 되는 일부분이다
|
||||
</div>
|
||||
"""
|
||||
|
||||
header = """
|
||||
<div class="core-header">
|
||||
<div class="core-label">DX와 BIM의 관계</div>
|
||||
<span class="popup-link">📊 DX와 BIM의 상세 비교</span>
|
||||
</div>
|
||||
"""
|
||||
|
||||
# 샘플 A: float right, 이미지 border/shadow 없이 자연스럽게
|
||||
sample_a = f"""<style>{common_css}
|
||||
.s-a .fi {{ float: right; margin: 45px 0 8px 12px; width: 260px; }}
|
||||
.s-a .fi img {{ width: 100%; }}
|
||||
.s-a .fi .cap {{ font-size: 9px; color: #94a3b8; text-align: center; margin-top: 2px; }}
|
||||
</style>
|
||||
<div class="core s-a">
|
||||
{header}
|
||||
<div class="core-text">
|
||||
<div class="fi"><img src="{img_src}"><div class="cap">건설산업의 DX</div></div>
|
||||
{text_content}
|
||||
</div>
|
||||
{key_msg}
|
||||
</div>"""
|
||||
|
||||
# 샘플 B: float right, 살짝 큰 이미지, 연한 배경
|
||||
sample_b = f"""<style>{common_css}
|
||||
.s-b .fi {{ float: right; margin: 40px 0 8px 16px; width: 300px; background: #f8fafc; border-radius: 8px; padding: 8px; }}
|
||||
.s-b .fi img {{ width: 100%; }}
|
||||
.s-b .fi .cap {{ font-size: 9px; color: #94a3b8; text-align: center; margin-top: 3px; }}
|
||||
</style>
|
||||
<div class="core s-b">
|
||||
{header}
|
||||
<div class="core-text">
|
||||
<div class="fi"><img src="{img_src}"><div class="cap">건설산업의 DX</div></div>
|
||||
{text_content}
|
||||
</div>
|
||||
{key_msg}
|
||||
</div>"""
|
||||
|
||||
# 샘플 C: float right, 이미지 더 아래로 (BIM 역할과 맞춤)
|
||||
sample_c = f"""<style>{common_css}
|
||||
.s-c .fi {{ float: right; margin: 65px 0 8px 12px; width: 250px; }}
|
||||
.s-c .fi img {{ width: 100%; }}
|
||||
.s-c .fi .cap {{ font-size: 9px; color: #94a3b8; text-align: center; margin-top: 2px; }}
|
||||
</style>
|
||||
<div class="core s-c">
|
||||
{header}
|
||||
<div class="core-text">
|
||||
<div class="fi"><img src="{img_src}"><div class="cap">건설산업의 DX</div></div>
|
||||
{text_content}
|
||||
</div>
|
||||
{key_msg}
|
||||
</div>"""
|
||||
|
||||
# 샘플 D: float left (이미지가 왼쪽)
|
||||
sample_d = f"""<style>{common_css}
|
||||
.s-d .fi {{ float: left; margin: 45px 14px 8px 0; width: 260px; }}
|
||||
.s-d .fi img {{ width: 100%; }}
|
||||
.s-d .fi .cap {{ font-size: 9px; color: #94a3b8; text-align: center; margin-top: 2px; }}
|
||||
</style>
|
||||
<div class="core s-d">
|
||||
{header}
|
||||
<div class="core-text">
|
||||
<div class="fi"><img src="{img_src}"><div class="cap">건설산업의 DX</div></div>
|
||||
{text_content}
|
||||
</div>
|
||||
{key_msg}
|
||||
</div>"""
|
||||
|
||||
samples = {"A_float_clean": sample_a, "B_float_bg": sample_b, "C_float_lower": sample_c, "D_float_left": sample_d}
|
||||
|
||||
for name, html in samples.items():
|
||||
wrapped = f"""<!DOCTYPE html>
|
||||
<html lang="ko"><head><meta charset="UTF-8">
|
||||
<style>
|
||||
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
|
||||
* {{ margin:0; padding:0; box-sizing:border-box; }}
|
||||
.slide {{
|
||||
width:1280px; height:720px; overflow:hidden; background:white;
|
||||
font-family:'Pretendard Variable',sans-serif;
|
||||
display:flex; align-items:center; justify-content:center;
|
||||
}}
|
||||
</style>
|
||||
</head><body>
|
||||
<div class="slide">
|
||||
{html}
|
||||
</div>
|
||||
</body></html>"""
|
||||
(out_dir / f"{name}.html").write_text(wrapped, encoding="utf-8")
|
||||
s = await asyncio.to_thread(capture_slide_screenshot, wrapped)
|
||||
if s:
|
||||
(out_dir / f"{name}.png").write_bytes(base64.b64decode(s))
|
||||
print(f" {name} 완료")
|
||||
|
||||
print(f"\n결과: {out_dir}")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
import logging
|
||||
logging.basicConfig(level=logging.INFO, format="%(asctime)s %(levelname)s %(message)s", datefmt="%H:%M:%S")
|
||||
logging.getLogger("selenium").setLevel(logging.WARNING)
|
||||
logging.getLogger("urllib3").setLevel(logging.WARNING)
|
||||
asyncio.run(main())
|
||||
@@ -0,0 +1,135 @@
|
||||
"""검증 B 재시도: 본심 — 참고 이미지 구조 반영.
|
||||
|
||||
참고 이미지 구조:
|
||||
- DX 박스(이미지+텍스트) | BIM 박스(이미지+텍스트) 좌우 나란히
|
||||
- 각 박스 안에 관련 이미지 + 설명
|
||||
- 비교표는 팝업(details)으로 오른쪽 상단
|
||||
"""
|
||||
from __future__ import annotations
|
||||
import asyncio, sys, time, datetime, base64, re
|
||||
from pathlib import Path
|
||||
|
||||
ROOT = Path(__file__).parent.parent
|
||||
sys.path.insert(0, str(ROOT))
|
||||
|
||||
|
||||
async def main():
|
||||
from src.slide_measurer import capture_slide_screenshot
|
||||
from src.config import settings
|
||||
import anthropic
|
||||
|
||||
out_dir = ROOT / "data" / "runs" / f"verify_core_v3_{datetime.datetime.now().strftime('%Y%m%d_%H%M%S')}"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
|
||||
client = anthropic.AsyncAnthropic(api_key=settings.anthropic_api_key)
|
||||
t0 = time.time()
|
||||
|
||||
prompt = """다음 콘텐츠를 본심 영역 HTML로 만들어라. 707px × 293px.
|
||||
|
||||
## 참고 레이아웃 (이 구조를 따르라)
|
||||
실제 기획서 슬라이드의 본심 영역 레이아웃:
|
||||
- 좌우 2단으로 DX 영역과 BIM 영역이 나란히 배치
|
||||
- 각 영역 안에 관련 이미지/다이어그램 + 핵심 설명 텍스트
|
||||
- 상단 오른쪽에 "📊 상세 비교표 보기" 팝업 링크
|
||||
- 하단에 핵심 메시지 강조
|
||||
|
||||
## 구조
|
||||
|
||||
1. 상단 바: 좌측에 섹션 소제목, 우측에 팝업 링크
|
||||
- 좌: 빈 공간 또는 소제목
|
||||
- 우: <details><summary>📊 DX vs BIM 상세 비교표</summary>
|
||||
표 내용:
|
||||
| 기준 | DX | BIM |
|
||||
| 범위 | BIM << DX (Engineering + Management 통합) | Only 3D (형상 구현 중심) |
|
||||
| 프로세스 | 근본적 문제의식을 통한 개선 | 기존 2D 설계 방식 유지 |
|
||||
| 활용 | 설계/시공 생산성 혁신 | 3D 모델에 의한 일반적 이해 향상 |
|
||||
| 확장성 | 전 생애주기 활용 시스템 | (설계/시공/운영) 분야별 단절 |
|
||||
| 주체 | 자체 수행 능력 | S/W 제작사 판매 정책에 의존 |
|
||||
</details>
|
||||
|
||||
2. 본문: 좌우 2단 (각 50%)
|
||||
|
||||
왼쪽 — DX (디지털 전환):
|
||||
- 상단: 이미지 <img src="/assets/images/dx1.png" style="width:100%; border-radius:6px;">
|
||||
(이미지가 없으면 placeholder: 연한 파란 배경 + "DX 기술융합 관계도" 텍스트)
|
||||
- 하단 텍스트:
|
||||
"DX (Digital Transformation) : 상위개념"
|
||||
• BIM, GIS, 디지털 트윈 등 핵심기술의 융합을 통해서만 실현 가능
|
||||
• Engineering + Management 통합
|
||||
• 전 생애주기 활용 시스템
|
||||
|
||||
오른쪽 — BIM:
|
||||
- 상단: placeholder 이미지 (연한 초록 배경 + "BIM 3D 모델 기반" 텍스트, border-radius:6px)
|
||||
- 하단 텍스트:
|
||||
"BIM (Building Information Modeling) : 하위기술"
|
||||
• Only 3D (형상 구현 중심)
|
||||
• 기존 2D 설계 방식 유지
|
||||
• (설계/시공/운영) 분야별 단절
|
||||
|
||||
3. 하단: 핵심 메시지
|
||||
- background: #f0f9ff, border: 2px solid #bae6fd, border-radius: 8px
|
||||
- "BIM ≠ DX — BIM은 DX를 실현하기 위한 핵심 기술 중 하나일 뿐이다"
|
||||
- "BIM ≠ DX": color: #dc2626, font-weight: 900
|
||||
|
||||
## 디자인
|
||||
- DX 영역: border-left: 3px solid #2563eb
|
||||
- BIM 영역: border-left: 3px solid #10b981
|
||||
- 이미지 placeholder: height: 100px, border-radius: 6px, display:flex, align-items:center, justify-content:center
|
||||
- DX placeholder: background: #eff6ff, color: #2563eb
|
||||
- BIM placeholder: background: #f0fdf4, color: #10b981
|
||||
- 제목: 12px bold
|
||||
- 불릿: 11px #475569, line-height: 1.5
|
||||
- <summary>: 11px bold #2563eb, cursor: pointer, float: right 또는 text-align: right
|
||||
- 표: font-size: 10px, 헤더 #1e293b/white
|
||||
- 전체 293px 안에 맞출 것
|
||||
|
||||
HTML + inline <style>만 반환. 설명 없이 코드만."""
|
||||
|
||||
print("=== 검증 B v3: 본심 (참고 이미지 구조) ===")
|
||||
|
||||
try:
|
||||
response = await client.messages.create(
|
||||
model="claude-sonnet-4-20250514",
|
||||
max_tokens=8192,
|
||||
messages=[{"role": "user", "content": prompt}],
|
||||
)
|
||||
text = response.content[0].text if response.content else ""
|
||||
match = re.search(r"```html\s*(.*?)```", text, re.DOTALL)
|
||||
html = match.group(1).strip() if match else text.strip()
|
||||
|
||||
wrapped = f"""<!DOCTYPE html>
|
||||
<html lang="ko"><head><meta charset="UTF-8">
|
||||
<style>
|
||||
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
|
||||
* {{ margin: 0; padding: 0; box-sizing: border-box; }}
|
||||
.slide {{
|
||||
width: 1280px; height: 720px; overflow: hidden; background: white;
|
||||
font-family: 'Pretendard Variable', sans-serif;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
}}
|
||||
.test-container {{ width: 707px; }}
|
||||
</style>
|
||||
</head><body>
|
||||
<div class="slide"><div class="test-container">
|
||||
{html}
|
||||
</div></div>
|
||||
</body></html>"""
|
||||
|
||||
(out_dir / "B_core_v3.html").write_text(wrapped, encoding="utf-8")
|
||||
s = await asyncio.to_thread(capture_slide_screenshot, wrapped)
|
||||
if s:
|
||||
(out_dir / "B_core_v3.png").write_bytes(base64.b64decode(s))
|
||||
print(f" [{time.time()-t0:.0f}s] 완료")
|
||||
print(f" 결과: {out_dir}")
|
||||
|
||||
except Exception as e:
|
||||
print(f" 오류: {e}")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
import logging
|
||||
logging.basicConfig(level=logging.INFO, format="%(asctime)s %(levelname)s %(message)s", datefmt="%H:%M:%S")
|
||||
logging.getLogger("selenium").setLevel(logging.WARNING)
|
||||
logging.getLogger("urllib3").setLevel(logging.WARNING)
|
||||
logging.getLogger("httpx").setLevel(logging.WARNING)
|
||||
asyncio.run(main())
|
||||
@@ -0,0 +1,116 @@
|
||||
"""검증 B v4: dx1.png 중심 + 주변 텍스트 배치.
|
||||
|
||||
dx1.png가 DX/GIS/BIM/디지털트윈 전체 관계를 보여주는 중심 이미지.
|
||||
이미지 주변에 원본 텍스트로 관계를 설명.
|
||||
"""
|
||||
from __future__ import annotations
|
||||
import asyncio, sys, time, datetime, base64, re
|
||||
from pathlib import Path
|
||||
|
||||
ROOT = Path(__file__).parent.parent
|
||||
sys.path.insert(0, str(ROOT))
|
||||
|
||||
|
||||
async def main():
|
||||
from src.slide_measurer import capture_slide_screenshot
|
||||
from src.config import settings
|
||||
import anthropic
|
||||
|
||||
out_dir = ROOT / "data" / "runs" / f"verify_core_v4_{datetime.datetime.now().strftime('%Y%m%d_%H%M%S')}"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
|
||||
client = anthropic.AsyncAnthropic(api_key=settings.anthropic_api_key)
|
||||
t0 = time.time()
|
||||
|
||||
prompt = """다음 콘텐츠를 본심 영역 HTML로 만들어라. 707px × 293px.
|
||||
|
||||
## 핵심: dx1.png 이미지가 중심
|
||||
|
||||
이 이미지는 Digital Transformation, GIS, BIM, Metaverse(Digital Twin)의 관계를 보여주는 다이어그램이다.
|
||||
이 이미지 하나가 전체 관계를 시각적으로 보여주므로, 이미지를 중심에 크게 배치하고 주변에 텍스트로 보충한다.
|
||||
|
||||
## 구조
|
||||
|
||||
1. 이미지를 중앙 또는 좌측에 크게 배치:
|
||||
<img src="D:/ad-hoc/cel/public/assets/images/dx1.png" style="max-width:320px; border-radius:8px; border:1px solid #e2e8f0;">
|
||||
|
||||
2. 이미지 오른쪽 또는 아래에 텍스트 배치 (원본 그대로 사용):
|
||||
"DX는 BIM, GIS, 디지털 트윈 등 핵심기술의 융합을 통해서만 실현 가능한 상위개념이다."
|
||||
|
||||
• GIS: 지리적 데이터를 공간 분석하여 시각적으로 표현, 위치기반 정보 제공
|
||||
• BIM: 시설물의 생애주기 동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구
|
||||
• 디지털 트윈: 현실 세계의 물리적 객체나 시스템을 디지털 환경에 동일하게 구현하는 기술
|
||||
|
||||
3. 오른쪽 상단에 팝업:
|
||||
<details><summary style="font-size:11px; color:#2563eb; cursor:pointer; font-weight:bold;">📊 DX vs BIM 상세 비교표</summary>
|
||||
표:
|
||||
| 기준 | DX | BIM |
|
||||
| 범위 | BIM << DX (Engineering + Management 통합) | Only 3D (형상 구현 중심) |
|
||||
| 프로세스 | 근본적 문제의식을 통한 개선 | 기존 2D 설계 방식 유지 |
|
||||
| 활용 | 설계/시공 생산성 혁신 | 3D 모델에 의한 일반적 이해 향상 |
|
||||
| 확장성 | 전 생애주기 활용 시스템 | (설계/시공/운영) 분야별 단절 |
|
||||
| 주체 | 자체 수행 능력 — 지속가능성 확보 | S/W 제작사 판매 정책에 의존 |
|
||||
</details>
|
||||
|
||||
4. 하단에 핵심 메시지:
|
||||
background: #f0f9ff, border: 2px solid #bae6fd, border-radius: 8px, padding: 8px
|
||||
"BIM ≠ DX — BIM은 DX를 실현하기 위한 핵심 기술 중 하나일 뿐이다"
|
||||
"BIM ≠ DX": color: #dc2626, font-weight: 900
|
||||
|
||||
## 디자인
|
||||
- 이미지+텍스트를 flex로 가로 배치 (이미지 왼쪽, 텍스트 오른쪽)
|
||||
- 텍스트: 11px #475569, line-height: 1.6
|
||||
- 각 기술명(GIS, BIM, 디지털 트윈): bold #1e293b
|
||||
- 전체 293px 안에 맞출 것
|
||||
- "상위개념", "하위기술" 같은 단어 사용 금지
|
||||
|
||||
HTML + inline <style>만 반환. 설명 없이 코드만."""
|
||||
|
||||
print("=== 검증 B v4: dx1.png 중심 ===")
|
||||
|
||||
try:
|
||||
response = await client.messages.create(
|
||||
model="claude-sonnet-4-20250514",
|
||||
max_tokens=8192,
|
||||
messages=[{"role": "user", "content": prompt}],
|
||||
)
|
||||
text = response.content[0].text if response.content else ""
|
||||
match = re.search(r"```html\s*(.*?)```", text, re.DOTALL)
|
||||
html = match.group(1).strip() if match else text.strip()
|
||||
|
||||
wrapped = f"""<!DOCTYPE html>
|
||||
<html lang="ko"><head><meta charset="UTF-8">
|
||||
<style>
|
||||
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
|
||||
* {{ margin: 0; padding: 0; box-sizing: border-box; }}
|
||||
.slide {{
|
||||
width: 1280px; height: 720px; overflow: hidden; background: white;
|
||||
font-family: 'Pretendard Variable', sans-serif;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
}}
|
||||
.test-container {{ width: 707px; }}
|
||||
</style>
|
||||
</head><body>
|
||||
<div class="slide"><div class="test-container">
|
||||
{html}
|
||||
</div></div>
|
||||
</body></html>"""
|
||||
|
||||
(out_dir / "B_core_v4.html").write_text(wrapped, encoding="utf-8")
|
||||
s = await asyncio.to_thread(capture_slide_screenshot, wrapped)
|
||||
if s:
|
||||
(out_dir / "B_core_v4.png").write_bytes(base64.b64decode(s))
|
||||
print(f" [{time.time()-t0:.0f}s] 완료")
|
||||
print(f" 결과: {out_dir}")
|
||||
|
||||
except Exception as e:
|
||||
print(f" 오류: {e}")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
import logging
|
||||
logging.basicConfig(level=logging.INFO, format="%(asctime)s %(levelname)s %(message)s", datefmt="%H:%M:%S")
|
||||
logging.getLogger("selenium").setLevel(logging.WARNING)
|
||||
logging.getLogger("urllib3").setLevel(logging.WARNING)
|
||||
logging.getLogger("httpx").setLevel(logging.WARNING)
|
||||
asyncio.run(main())
|
||||
@@ -0,0 +1,129 @@
|
||||
"""검증 B v5: 텍스트 왼쪽 | dx1.png 이미지 오른쪽.
|
||||
|
||||
참고 이미지(스크린샷) 구조 정확히 반영.
|
||||
dx1.png를 base64로 인라인 삽입하여 확실히 표시.
|
||||
"""
|
||||
from __future__ import annotations
|
||||
import asyncio, sys, time, datetime, base64, re
|
||||
from pathlib import Path
|
||||
|
||||
ROOT = Path(__file__).parent.parent
|
||||
sys.path.insert(0, str(ROOT))
|
||||
|
||||
|
||||
async def main():
|
||||
from src.slide_measurer import capture_slide_screenshot
|
||||
from src.config import settings
|
||||
import anthropic
|
||||
|
||||
out_dir = ROOT / "data" / "runs" / f"verify_core_v5_{datetime.datetime.now().strftime('%Y%m%d_%H%M%S')}"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
|
||||
# dx1.png를 base64로 변환
|
||||
dx1_path = Path("D:/ad-hoc/cel/public/assets/images/dx1.png")
|
||||
dx1_b64 = ""
|
||||
if dx1_path.exists():
|
||||
dx1_b64 = base64.b64encode(dx1_path.read_bytes()).decode()
|
||||
|
||||
client = anthropic.AsyncAnthropic(api_key=settings.anthropic_api_key)
|
||||
t0 = time.time()
|
||||
|
||||
prompt = f"""다음 콘텐츠를 본심 영역 HTML로 만들어라. 707px × 293px.
|
||||
|
||||
## 레이아웃 (정확히 이 구조를 따르라)
|
||||
|
||||
왼쪽(55%): 텍스트 | 오른쪽(45%): 이미지
|
||||
|
||||
텍스트가 왼쪽, 이미지가 오른쪽이다. 반대로 하지 마라.
|
||||
|
||||
## 왼쪽 영역 (텍스트)
|
||||
|
||||
원본 텍스트를 그대로 사용:
|
||||
|
||||
"DX는 BIM, GIS, 디지털 트윈 등 핵심기술의 융합을 통해서만 실현 가능한 상위개념이다."
|
||||
|
||||
• GIS: 지리적 데이터를 공간 분석하여 시각적으로 표현, 위치기반 정보 제공
|
||||
• BIM: 시설물의 생애주기 동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구
|
||||
• 디지털 트윈: 현실 세계의 물리적 객체나 시스템을 디지털 환경에 동일하게 구현하는 기술
|
||||
|
||||
"DX는 이들 기술을 통합하여 업무방식과 가치 창출 구조를 근본적으로 전환하는 과정 및 결과이다."
|
||||
|
||||
## 오른쪽 영역 (이미지)
|
||||
|
||||
이미지를 아래 태그로 삽입 (base64 인라인):
|
||||
<img src="data:image/png;base64,{dx1_b64}" style="width:100%; border-radius:8px; border:1px solid #e2e8f0;">
|
||||
|
||||
## 하단
|
||||
|
||||
오른쪽 상단에:
|
||||
<details><summary style="font-size:11px; color:#2563eb; cursor:pointer; font-weight:bold; text-align:right;">📊 DX vs BIM 상세 비교표</summary>
|
||||
표:
|
||||
| 기준 | DX | BIM |
|
||||
| 범위 | Engineering + Management 통합 | Only 3D (형상 구현 중심) |
|
||||
| 프로세스 | 근본적 문제의식을 통한 개선 | 기존 2D 설계 방식 유지 |
|
||||
| 활용 | 설계/시공 생산성 혁신 | 3D 모델에 의한 일반적 이해 향상 |
|
||||
| 확장성 | 전 생애주기 활용 시스템 | (설계/시공/운영) 분야별 단절 |
|
||||
</details>
|
||||
|
||||
맨 아래에 핵심 메시지:
|
||||
background: #f0f9ff, border: 2px solid #bae6fd, border-radius: 8px, padding: 8px, text-align: center
|
||||
"BIM ≠ DX — BIM은 DX를 실현하기 위한 핵심 기술 중 하나일 뿐이다"
|
||||
"BIM ≠ DX": color: #dc2626, font-weight: 900
|
||||
|
||||
## 디자인
|
||||
- flex로 가로 배치 (왼쪽 텍스트 55%, 오른쪽 이미지 45%)
|
||||
- 왼쪽 텍스트: 12px #1e293b, 불릿 11px #475569
|
||||
- 기술명(GIS, BIM, 디지털 트윈): bold
|
||||
- 전체 293px 안에 맞출 것
|
||||
- "상위개념", "하위기술" 단어 사용 금지
|
||||
|
||||
HTML + inline <style>만 반환. 설명 없이 코드만."""
|
||||
|
||||
print("=== 검증 B v5: 텍스트 왼쪽 | 이미지 오른쪽 ===")
|
||||
|
||||
try:
|
||||
response = await client.messages.create(
|
||||
model="claude-sonnet-4-20250514",
|
||||
max_tokens=16384,
|
||||
messages=[{"role": "user", "content": prompt}],
|
||||
)
|
||||
text = response.content[0].text if response.content else ""
|
||||
match = re.search(r"```html\s*(.*?)```", text, re.DOTALL)
|
||||
html = match.group(1).strip() if match else text.strip()
|
||||
|
||||
wrapped = f"""<!DOCTYPE html>
|
||||
<html lang="ko"><head><meta charset="UTF-8">
|
||||
<style>
|
||||
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
|
||||
* {{ margin: 0; padding: 0; box-sizing: border-box; }}
|
||||
.slide {{
|
||||
width: 1280px; height: 720px; overflow: hidden; background: white;
|
||||
font-family: 'Pretendard Variable', sans-serif;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
}}
|
||||
.test-container {{ width: 707px; }}
|
||||
</style>
|
||||
</head><body>
|
||||
<div class="slide"><div class="test-container">
|
||||
{html}
|
||||
</div></div>
|
||||
</body></html>"""
|
||||
|
||||
(out_dir / "B_core_v5.html").write_text(wrapped, encoding="utf-8")
|
||||
s = await asyncio.to_thread(capture_slide_screenshot, wrapped)
|
||||
if s:
|
||||
(out_dir / "B_core_v5.png").write_bytes(base64.b64decode(s))
|
||||
print(f" [{time.time()-t0:.0f}s] 완료")
|
||||
print(f" 결과: {out_dir}")
|
||||
|
||||
except Exception as e:
|
||||
print(f" 오류: {e}")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
import logging
|
||||
logging.basicConfig(level=logging.INFO, format="%(asctime)s %(levelname)s %(message)s", datefmt="%H:%M:%S")
|
||||
logging.getLogger("selenium").setLevel(logging.WARNING)
|
||||
logging.getLogger("urllib3").setLevel(logging.WARNING)
|
||||
logging.getLogger("httpx").setLevel(logging.WARNING)
|
||||
asyncio.run(main())
|
||||
@@ -0,0 +1,175 @@
|
||||
"""검증 A: 용어 정의 재검증 + 검증 B: 본심 (이미지+텍스트+팝업 표)
|
||||
|
||||
용어 정의: 참고 이미지 수준 — 부제 + 불릿 2개 + 원본 텍스트 거의 그대로
|
||||
본심: dx1.png 이미지 + DX vs BIM 관계 텍스트 + 비교표는 details/summary 팝업
|
||||
"""
|
||||
from __future__ import annotations
|
||||
import asyncio, sys, time, datetime, base64, re
|
||||
from pathlib import Path
|
||||
|
||||
ROOT = Path(__file__).parent.parent
|
||||
sys.path.insert(0, str(ROOT))
|
||||
|
||||
|
||||
async def main():
|
||||
from src.slide_measurer import capture_slide_screenshot
|
||||
from src.config import settings
|
||||
import anthropic
|
||||
|
||||
out_dir = ROOT / "data" / "runs" / f"verify_v2_{datetime.datetime.now().strftime('%Y%m%d_%H%M%S')}"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
|
||||
client = anthropic.AsyncAnthropic(api_key=settings.anthropic_api_key)
|
||||
t0 = time.time()
|
||||
|
||||
# ═══════════════════════════════════════
|
||||
# 검증 A: 용어 정의 (참고 이미지 수준)
|
||||
# ═══════════════════════════════════════
|
||||
print("=== 검증 A: 용어 정의 (참고 이미지 수준) ===")
|
||||
|
||||
prompt_a = """다음 3개 용어 정의를 sidebar 카드로 만들어라. 380px × 490px.
|
||||
|
||||
## 용어 (원본 텍스트를 한 글자도 바꾸지 말고 그대로 사용)
|
||||
|
||||
### BIM (Building Information Modeling) : 디지털 전환을 위한 핵심 기술
|
||||
- 시설물의 생애주기동안 발생한 모든 정보를 3차원 모델 기반으로 통합·관리하는 정보 관리 도구
|
||||
- 건설 정보와 절차를 표준화된 방식으로 연계하고 디지털 협업이 가능하도록 하는 핵심 인프라 기술
|
||||
|
||||
### 건설산업
|
||||
- 다양한 시설물을 각 산업마다의 광범위한 기술을 통합 및 융합하여 만들어내는 종합산업
|
||||
- 목적 시설물의 품질 욕구를 충족시키면서 최단기간 내에 최소 비용으로 편리하고 안전하며 우수한 성능의 시설물 완성을 목표로 함
|
||||
|
||||
### 디지털전환 (DX, Digital Transformation) : 산업 패러다임의 변화
|
||||
- 디지털 기술을 기반으로 산업 전반의 업무 방식과 가치 창출 구조를 전환하는 과정 및 결과
|
||||
- 단순한 기술 도입이 아닌, 고객 가치와 의사결정 방식의 근본적인 변화로 산업의 새로운 방향을 정립하는 것을 의미
|
||||
|
||||
## 디자인 요구사항
|
||||
1. 상단에 "용어 정의" 구분선 라벨 (좌우 선 + 중앙 텍스트, 13px #64748b)
|
||||
2. 각 용어를 카드로:
|
||||
- 배경: #f8fafc, 테두리: 1px solid #e2e8f0, border-radius: 8px, padding: 14px
|
||||
- 용어명: 14px bold #1e293b (예: "BIM (Building Information Modeling)")
|
||||
- 부제: 12px #2563eb (예: ": 디지털 전환을 위한 핵심 기술")
|
||||
- 불릿: 12px #475569, line-height: 1.6, 불릿 마커 "•"
|
||||
- 각 불릿은 원본 텍스트 그대로
|
||||
3. 카드 간 간격 10px
|
||||
4. 490px 안에 여유 있게 배치
|
||||
|
||||
HTML + inline <style>만 반환. 설명 없이 코드만."""
|
||||
|
||||
html_a = await _call(client, prompt_a)
|
||||
if html_a:
|
||||
wrapped = _wrap(html_a, 380)
|
||||
(out_dir / "A_definitions.html").write_text(wrapped, encoding="utf-8")
|
||||
s = await asyncio.to_thread(capture_slide_screenshot, wrapped)
|
||||
if s:
|
||||
(out_dir / "A_definitions.png").write_bytes(base64.b64decode(s))
|
||||
print(f" [{time.time()-t0:.0f}s] 완료")
|
||||
|
||||
# ═══════════════════════════════════════
|
||||
# 검증 B: 본심 (이미지 + 텍스트 + 팝업 표)
|
||||
# ═══════════════════════════════════════
|
||||
print("\n=== 검증 B: 본심 (이미지+텍스트+팝업표) ===")
|
||||
|
||||
prompt_b = """다음 콘텐츠를 본심 영역 HTML로 만들어라. 707px × 293px.
|
||||
|
||||
## 구조 (정확히 이 구조를 따르라)
|
||||
|
||||
1. 제목: "DX와 핵심기술의 올바른 관계" (14px bold #2563eb 가운데)
|
||||
|
||||
2. 좌우 2단 레이아웃:
|
||||
- 왼쪽 (50%): 이미지
|
||||
<img src="/assets/images/dx1.png" style="width:100%; border-radius:8px; border:1px solid #e2e8f0;">
|
||||
- 오른쪽 (50%): DX vs BIM 핵심 차이 텍스트
|
||||
DX (상위개념):
|
||||
• 기술융합을 통해서만 실현 가능한 상위개념
|
||||
• Engineering + Management 통합
|
||||
• 전 생애주기 활용 시스템
|
||||
• 자체 수행 능력 — 지속가능성 확보
|
||||
|
||||
BIM (하위기술):
|
||||
• Only 3D (형상 구현 중심)
|
||||
• 기존 2D 설계 방식 유지
|
||||
• (설계/시공/운영) 분야별 단절
|
||||
• S/W 제작사 판매 정책에 의존
|
||||
|
||||
3. 이미지+텍스트 아래에 <details>/<summary> 팝업:
|
||||
<summary>📊 DX vs BIM 상세 비교표 보기</summary>
|
||||
펼치면 표가 보임:
|
||||
| 기준 | DX | BIM |
|
||||
| 범위 | BIM << DX (Engineering + Management 통합) | Only 3D (형상 구현 중심) |
|
||||
| 프로세스 | 근본적 문제의식을 통한 개선 | 기존 2D 설계 방식 유지 |
|
||||
| 활용 | 설계/시공 생산성 혁신 | 3D 모델에 의한 일반적 이해 향상 |
|
||||
| 확장성 | 전 생애주기 활용 시스템 | (설계/시공/운영) 분야별 단절 |
|
||||
| 주체 | 자체 수행 능력 — 지속가능성 확보 | S/W 제작사 판매 정책에 의존 |
|
||||
|
||||
4. 맨 아래에 핵심 메시지:
|
||||
background: #f0f9ff, border: 2px solid #bae6fd, border-radius: 8px, padding: 8px, text-align: center
|
||||
"BIM ≠ DX — BIM은 DX를 실현하기 위한 핵심 기술 중 하나일 뿐이다"
|
||||
"BIM ≠ DX" 부분: color: #dc2626, font-weight: 900
|
||||
|
||||
## 디자인
|
||||
- DX 항목 제목: 13px bold #2563eb
|
||||
- BIM 항목 제목: 13px bold #64748b
|
||||
- 불릿: 11px #475569
|
||||
- 표 헤더: background: #1e293b, color: white
|
||||
- 표 셀: 10px, border-bottom: 1px solid #e2e8f0
|
||||
- <summary>: cursor: pointer, 12px bold #2563eb
|
||||
- 이미지가 안 보이면 placeholder 박스(회색 배경 + "DX 관계도" 텍스트)로 대체
|
||||
|
||||
HTML + inline <style>만 반환. 설명 없이 코드만."""
|
||||
|
||||
html_b = await _call(client, prompt_b)
|
||||
if html_b:
|
||||
wrapped = _wrap(html_b, 707)
|
||||
(out_dir / "B_core.html").write_text(wrapped, encoding="utf-8")
|
||||
s = await asyncio.to_thread(capture_slide_screenshot, wrapped)
|
||||
if s:
|
||||
(out_dir / "B_core.png").write_bytes(base64.b64decode(s))
|
||||
print(f" [{time.time()-t0:.0f}s] 완료")
|
||||
|
||||
print(f"\n총 소요: {time.time()-t0:.0f}초")
|
||||
print(f"결과: {out_dir}")
|
||||
|
||||
|
||||
async def _call(client, prompt):
|
||||
try:
|
||||
response = await client.messages.create(
|
||||
model="claude-sonnet-4-20250514",
|
||||
max_tokens=8192,
|
||||
messages=[{"role": "user", "content": prompt}],
|
||||
)
|
||||
text = response.content[0].text if response.content else ""
|
||||
match = re.search(r"```html\s*(.*?)```", text, re.DOTALL)
|
||||
return match.group(1).strip() if match else text.strip()
|
||||
except Exception as e:
|
||||
print(f" 오류: {e}")
|
||||
return None
|
||||
|
||||
|
||||
def _wrap(inner, width):
|
||||
return f"""<!DOCTYPE html>
|
||||
<html lang="ko"><head><meta charset="UTF-8">
|
||||
<style>
|
||||
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
|
||||
* {{ margin: 0; padding: 0; box-sizing: border-box; }}
|
||||
.slide {{
|
||||
width: 1280px; height: 720px; overflow: hidden; background: white;
|
||||
font-family: 'Pretendard Variable', sans-serif;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
}}
|
||||
.test-container {{ width: {width}px; }}
|
||||
</style>
|
||||
</head><body>
|
||||
<div class="slide"><div class="test-container">
|
||||
{inner}
|
||||
</div></div>
|
||||
</body></html>"""
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
import logging
|
||||
logging.basicConfig(level=logging.INFO, format="%(asctime)s %(levelname)s %(message)s", datefmt="%H:%M:%S")
|
||||
logging.getLogger("selenium").setLevel(logging.WARNING)
|
||||
logging.getLogger("urllib3").setLevel(logging.WARNING)
|
||||
logging.getLogger("httpx").setLevel(logging.WARNING)
|
||||
asyncio.run(main())
|
||||
@@ -0,0 +1,129 @@
|
||||
"""DX 포함 관계를 3가지 다른 시각화로 비교.
|
||||
|
||||
A: 벤 다이어그램 (원 안에 이름만, 설명은 하단 별도)
|
||||
B: 동심원 (DX 큰 원 > 기술융합 중간 원 > GIS/BIM/DT 작은 원)
|
||||
C: 계층 박스 (DX 박스 안에 3개 기술 + 겹치는 영역 표시)
|
||||
"""
|
||||
from __future__ import annotations
|
||||
import asyncio, sys, time, datetime, base64, re
|
||||
from pathlib import Path
|
||||
|
||||
ROOT = Path(__file__).parent.parent
|
||||
sys.path.insert(0, str(ROOT))
|
||||
|
||||
|
||||
COMMON_INFO = """
|
||||
## 관계 (반드시 반영)
|
||||
- DX는 상위개념. GIS, BIM, 디지털 트윈을 포함.
|
||||
- 3개 기술은 서로 융합되어 DX를 실현.
|
||||
- "BIM ≠ DX"
|
||||
|
||||
## 텍스트
|
||||
- DX: 상위개념 (디지털 전환)
|
||||
- GIS: 공간 정보
|
||||
- BIM: 3차원 모델
|
||||
- 디지털 트윈: 디지털 구현
|
||||
- 핵심 메시지: "BIM ≠ DX — BIM은 DX를 실현하기 위한 핵심 기술 중 하나일 뿐이다"
|
||||
|
||||
## 공통 규칙
|
||||
- 크기: 707px × 280px
|
||||
- 원 안에는 이름만 (설명 텍스트를 원 안에 넣지 마라)
|
||||
- 각 기술의 설명은 원 아래에 작은 텍스트로 별도 배치하거나 생략
|
||||
- "BIM ≠ DX" 강조 박스는 하단에 배치
|
||||
- 색상: GIS=#3b82f6, BIM=#10b981, 디지털트윈=#f59e0b, DX=#2563eb
|
||||
- 폰트: Pretendard Variable
|
||||
|
||||
HTML + inline <style> 반환. 설명 없이 코드만.
|
||||
"""
|
||||
|
||||
|
||||
async def main():
|
||||
from src.slide_measurer import capture_slide_screenshot
|
||||
from src.config import settings
|
||||
import anthropic
|
||||
|
||||
out_dir = ROOT / "data" / "runs" / f"hierarchy_3ways_{datetime.datetime.now().strftime('%Y%m%d_%H%M%S')}"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
|
||||
client = anthropic.AsyncAnthropic(api_key=settings.anthropic_api_key)
|
||||
t0 = time.time()
|
||||
|
||||
prompts = {
|
||||
"A_venn": f"""DX 포함 관계를 **벤 다이어그램**으로 시각화하라.
|
||||
|
||||
- SVG로 3개 원을 서로 30% 겹치게 배치
|
||||
- 각 원 안에 이름과 아이콘 글자(G, B, T)만 표시 (설명 넣지 마라)
|
||||
- DX 큰 둥근 박스가 3개 원을 감싼다
|
||||
- 3개가 겹치는 중심에 "융합" 텍스트
|
||||
- 원 아래에 각 기술명 + 한 줄 설명을 가로로 나열
|
||||
{COMMON_INFO}""",
|
||||
|
||||
"B_concentric": f"""DX 포함 관계를 **동심원 구조**로 시각화하라.
|
||||
|
||||
- 가장 큰 원: DX (연한 파란 배경)
|
||||
- 중간 원: "기술 융합" (약간 진한 파란)
|
||||
- 안쪽에 GIS, BIM, 디지털트윈 3개 작은 원이 삼각형으로 배치
|
||||
- 각 원 안에 이름만 (G, B, T 아이콘 + 이름)
|
||||
- 아래에 각 기술 한 줄 설명
|
||||
{COMMON_INFO}""",
|
||||
|
||||
"C_nested_boxes": f"""DX 포함 관계를 **중첩 박스**로 시각화하라.
|
||||
|
||||
- DX 큰 박스 (border: 3px solid #2563eb, 둥근 모서리)
|
||||
- 안에 3개 기술 카드가 가로로 배치
|
||||
- 카드 사이에 겹치는 영역을 그라데이션 또는 점선으로 표시 (융합을 시각적으로)
|
||||
- 각 카드: 원형 아이콘(G/B/T) + 이름 + 한 줄 설명
|
||||
- DX 박스 상단에 라벨: "DX — 디지털 전환 (상위개념)"
|
||||
- 카드들 아래에 "3개 기술이 융합되어 DX를 실현" 텍스트
|
||||
{COMMON_INFO}""",
|
||||
}
|
||||
|
||||
for name, prompt in prompts.items():
|
||||
print(f"\n=== {name} ===")
|
||||
try:
|
||||
response = await client.messages.create(
|
||||
model="claude-sonnet-4-20250514",
|
||||
max_tokens=8192,
|
||||
messages=[{"role": "user", "content": prompt}],
|
||||
)
|
||||
text = response.content[0].text if response.content else ""
|
||||
match = re.search(r"```html\s*(.*?)```", text, re.DOTALL)
|
||||
html = match.group(1).strip() if match else text.strip()
|
||||
|
||||
wrapped = f"""<!DOCTYPE html>
|
||||
<html lang="ko"><head><meta charset="UTF-8">
|
||||
<style>
|
||||
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
|
||||
* {{ margin: 0; padding: 0; box-sizing: border-box; }}
|
||||
.slide {{
|
||||
width: 1280px; height: 720px; overflow: hidden; background: white;
|
||||
font-family: 'Pretendard Variable', sans-serif;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
}}
|
||||
.test-container {{ width: 707px; }}
|
||||
</style>
|
||||
</head><body>
|
||||
<div class="slide"><div class="test-container">
|
||||
{html}
|
||||
</div></div>
|
||||
</body></html>"""
|
||||
|
||||
(out_dir / f"{name}.html").write_text(wrapped, encoding="utf-8")
|
||||
s = await asyncio.to_thread(capture_slide_screenshot, wrapped)
|
||||
if s:
|
||||
(out_dir / f"{name}.png").write_bytes(base64.b64decode(s))
|
||||
print(f" [{time.time()-t0:.0f}s] 완료")
|
||||
except Exception as e:
|
||||
print(f" 오류: {e}")
|
||||
|
||||
print(f"\n총 소요: {time.time()-t0:.0f}초")
|
||||
print(f"결과: {out_dir}")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
import logging
|
||||
logging.basicConfig(level=logging.INFO, format="%(asctime)s %(levelname)s %(message)s", datefmt="%H:%M:%S")
|
||||
logging.getLogger("selenium").setLevel(logging.WARNING)
|
||||
logging.getLogger("urllib3").setLevel(logging.WARNING)
|
||||
logging.getLogger("httpx").setLevel(logging.WARNING)
|
||||
asyncio.run(main())
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,198 @@
|
||||
"""검증 1, 2 재시도 — 프롬프트 개선.
|
||||
|
||||
검증 1: 배경 박스가 영역을 꽉 채우도록
|
||||
검증 2: 벤 다이어그램이 아니라 포함 관계 박스 구조 (C_reference 방식)
|
||||
"""
|
||||
from __future__ import annotations
|
||||
import asyncio, json, sys, time, datetime, base64, re
|
||||
from pathlib import Path
|
||||
|
||||
ROOT = Path(__file__).parent.parent
|
||||
sys.path.insert(0, str(ROOT))
|
||||
|
||||
|
||||
async def main():
|
||||
from src.sse_utils import stream_sse_tokens
|
||||
from src.slide_measurer import measure_rendered_heights, capture_slide_screenshot
|
||||
from src.config import settings
|
||||
import httpx
|
||||
|
||||
out_dir = ROOT / "data" / "runs" / f"verify_retry_{datetime.datetime.now().strftime('%Y%m%d_%H%M%S')}"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
print(f"출력: {out_dir}\n")
|
||||
|
||||
kei_url = getattr(settings, "kei_api_url", "http://localhost:8000")
|
||||
t0 = time.time()
|
||||
|
||||
# ═══════════════════════════════════════
|
||||
# 검증 1 재시도: 배경 박스가 영역을 꽉 채움
|
||||
# ═══════════════════════════════════════
|
||||
print("=== 검증 1 재시도: 배경 사례 박스 ===")
|
||||
|
||||
prompt_1 = """다음 콘텐츠를 다크 배경 박스 HTML로 만들어라.
|
||||
|
||||
## 크기 제약
|
||||
- 너비: 707px을 꽉 채운다 (width: 100%)
|
||||
- 높이: 176px을 꽉 채운다 (height: 176px)
|
||||
- overflow 금지 — 176px 안에 모든 내용이 보여야 한다
|
||||
|
||||
## 콘텐츠 (이 텍스트를 그대로 사용, 축약 금지)
|
||||
- 제목: "현실 — 용어의 혼용"
|
||||
- 본문: "건설산업에서 DX와 BIM이 동일 개념으로 인식되고 있다. 실질적으로 DX는 산업 전반의 프로세스를 혁신하는 상위개념이며, BIM은 3차원 모델 기반의 정보 관리 도구로서 DX의 하위 기술에 해당한다."
|
||||
- 사례 1: 제목 "스마트 건설 활성화 방안(2022.07)" / 내용 "추진과제: 건설산업 디지털화 / 실행과제: BIM 전면 도입, BIM 전문인력 양성"
|
||||
- 사례 2: 제목 "제7차 건설기술진흥 기본계획(2023.12)" / 내용 "추진방향: 디지털 전환을 통한 스마트 건설 확산 / 추진과제: BIM 도입으로 건설산업 디지털화"
|
||||
|
||||
## 디자인
|
||||
- 배경: linear-gradient(135deg, #1e293b, #0f172a)
|
||||
- border-radius: 8px
|
||||
- width: 100%, height: 176px (고정)
|
||||
- 제목: 13px bold, color: #93c5fd
|
||||
- 본문: 12px, color: #e2e8f0
|
||||
- 사례 카드 2개를 가로 나란히 (flex 또는 grid)
|
||||
- 사례 카드: background: rgba(255,255,255,0.06), border-left: 3px solid #60a5fa, padding: 8px 12px
|
||||
- 사례 제목: 11px bold, color: #fbbf24
|
||||
- 사례 내용: 10px, color: #cbd5e1
|
||||
- DX와 BIM을 strong 태그로 강조
|
||||
|
||||
## 출력
|
||||
HTML + inline <style>만 반환. 설명 없이.
|
||||
```html
|
||||
(여기)
|
||||
```"""
|
||||
|
||||
html_1 = await _call_kei(kei_url, prompt_1)
|
||||
if html_1:
|
||||
wrapped_1 = _wrap_in_container(html_1, 707, 200)
|
||||
m_1 = await asyncio.to_thread(measure_rendered_heights, wrapped_1)
|
||||
s_1 = await asyncio.to_thread(capture_slide_screenshot, wrapped_1)
|
||||
_save(out_dir, "verify1_retry.html", wrapped_1)
|
||||
if s_1:
|
||||
(out_dir / "verify1_retry.png").write_bytes(base64.b64decode(s_1))
|
||||
print(f" [{time.time()-t0:.0f}s] 완료. HTML {len(html_1)}자")
|
||||
else:
|
||||
print(f" [{time.time()-t0:.0f}s] ❌ 실패")
|
||||
|
||||
# ═══════════════════════════════════════
|
||||
# 검증 2 재시도: 포함 관계 박스 구조 (벤 다이어그램 아님)
|
||||
# ═══════════════════════════════════════
|
||||
print("\n=== 검증 2 재시도: DX 포함 관계 ===")
|
||||
|
||||
prompt_2 = """다음 포함 관계를 시각화하는 HTML을 만들어라.
|
||||
|
||||
## 크기 제약
|
||||
- 너비: 707px을 꽉 채운다
|
||||
- 높이: 293px 안에 맞춘다
|
||||
|
||||
## 관계 구조
|
||||
DX는 상위개념이다. DX 안에 GIS, BIM, 디지털 트윈이 포함된다.
|
||||
이 3개 기술이 융합되어야 DX가 실현된다.
|
||||
|
||||
## 시각화 구조 (이 구조를 정확히 따르라)
|
||||
1. "DX와 핵심기술의 올바른 관계" 제목 (14px bold, #2563eb, 가운데 정렬)
|
||||
2. DX 큰 박스:
|
||||
- border: 3px solid #2563eb, border-radius: 14px
|
||||
- background: linear-gradient(180deg, #eff6ff, #dbeafe)
|
||||
- 상단에 라벨 배지: "DX — 디지털 전환 (상위개념)" (absolute, top: -11px, background: #2563eb, color: white, border-radius: 10px)
|
||||
- 배지 아래에 설명: "BIM, GIS, 디지털 트윈 등 핵심기술의 융합을 통해서만 실현 가능" (11px, #1e40af, 가운데)
|
||||
- 내부에 카드 3개를 가로 나란히:
|
||||
- 각 카드: background: white, border: 2px solid #93c5fd, border-radius: 8px, padding: 10px
|
||||
- 각 카드 상단: 원형 아이콘 (36px, gradient #93c5fd→#2563eb, 흰 글자)
|
||||
- GIS 카드: 아이콘 "G", 이름 "GIS", 설명 "지리적 데이터를 공간 분석하여 시각적으로 표현, 위치기반 정보 제공"
|
||||
- BIM 카드: 아이콘 "B", 이름 "BIM", 설명 "시설물 생애주기 정보를 3차원 모델 기반으로 통합·관리하는 도구"
|
||||
- 디지털트윈 카드: 아이콘 "T", 이름 "디지털 트윈", 설명 "현실 세계의 물리적 객체를 디지털 환경에 동일하게 구현"
|
||||
3. DX 박스 아래에 핵심 메시지 박스:
|
||||
- background: #f0f9ff, border: 2px solid #bae6fd, border-radius: 8px
|
||||
- 텍스트: "BIM ≠ DX — BIM은 DX를 실현하기 위한 핵심 기술 중 하나일 뿐이다" (13px bold, #0c4a6e)
|
||||
- "BIM ≠ DX" 부분만 color: #dc2626, font-weight: 900
|
||||
|
||||
## 출력
|
||||
HTML + inline <style>만 반환. 설명 없이.
|
||||
```html
|
||||
(여기)
|
||||
```"""
|
||||
|
||||
html_2 = await _call_kei(kei_url, prompt_2)
|
||||
if html_2:
|
||||
wrapped_2 = _wrap_in_container(html_2, 707, 310)
|
||||
m_2 = await asyncio.to_thread(measure_rendered_heights, wrapped_2)
|
||||
s_2 = await asyncio.to_thread(capture_slide_screenshot, wrapped_2)
|
||||
_save(out_dir, "verify2_retry.html", wrapped_2)
|
||||
if s_2:
|
||||
(out_dir / "verify2_retry.png").write_bytes(base64.b64decode(s_2))
|
||||
print(f" [{time.time()-t0:.0f}s] 완료. HTML {len(html_2)}자")
|
||||
else:
|
||||
print(f" [{time.time()-t0:.0f}s] ❌ 실패")
|
||||
|
||||
print(f"\n총 소요: {time.time()-t0:.0f}초")
|
||||
print(f"결과: {out_dir}")
|
||||
|
||||
|
||||
async def _call_kei(kei_url: str, prompt: str) -> str | None:
|
||||
import httpx
|
||||
try:
|
||||
async with httpx.AsyncClient(timeout=None) as client:
|
||||
async with client.stream(
|
||||
"POST", f"{kei_url}/api/message",
|
||||
json={"message": prompt, "session_id": "verify-retry", "mode_hint": "chat"},
|
||||
timeout=None,
|
||||
) as response:
|
||||
if response.status_code != 200:
|
||||
return None
|
||||
from src.sse_utils import stream_sse_tokens
|
||||
full_text = await stream_sse_tokens(response)
|
||||
|
||||
if not full_text:
|
||||
return None
|
||||
|
||||
match = re.search(r"```html\s*(.*?)```", full_text, re.DOTALL)
|
||||
if match:
|
||||
return match.group(1).strip()
|
||||
|
||||
match = re.search(r"(<(?:div|style|section)[^>]*>.*)", full_text, re.DOTALL)
|
||||
if match:
|
||||
return match.group(1).strip()
|
||||
|
||||
return full_text.strip()
|
||||
except Exception as e:
|
||||
print(f" Kei API 오류: {e}")
|
||||
return None
|
||||
|
||||
|
||||
def _wrap_in_container(inner_html: str, width: int, height: int) -> str:
|
||||
return f"""<!DOCTYPE html>
|
||||
<html lang="ko"><head><meta charset="UTF-8">
|
||||
<style>
|
||||
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
|
||||
* {{ margin: 0; padding: 0; box-sizing: border-box; }}
|
||||
body {{ background: white; }}
|
||||
.slide {{
|
||||
width: 1280px; height: 720px; overflow: hidden;
|
||||
background: white;
|
||||
font-family: 'Pretendard Variable', sans-serif;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
}}
|
||||
.test-container {{
|
||||
width: {width}px;
|
||||
}}
|
||||
</style>
|
||||
</head><body>
|
||||
<div class="slide">
|
||||
<div class="test-container">
|
||||
{inner_html}
|
||||
</div>
|
||||
</div>
|
||||
</body></html>"""
|
||||
|
||||
|
||||
def _save(out_dir, name, data):
|
||||
(out_dir / name).write_text(data if isinstance(data, str) else json.dumps(data, ensure_ascii=False, indent=2), encoding="utf-8")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
import logging
|
||||
logging.basicConfig(level=logging.INFO, format="%(asctime)s %(levelname)s %(message)s", datefmt="%H:%M:%S")
|
||||
logging.getLogger("httpx").setLevel(logging.WARNING)
|
||||
logging.getLogger("httpcore").setLevel(logging.WARNING)
|
||||
logging.getLogger("selenium").setLevel(logging.WARNING)
|
||||
logging.getLogger("urllib3").setLevel(logging.WARNING)
|
||||
asyncio.run(main())
|
||||
@@ -0,0 +1,108 @@
|
||||
"""검증: DX 포함 관계를 겹치는 원(벤 다이어그램)으로 시각화.
|
||||
|
||||
3개 기술이 서로 겹쳐서 융합을 표현하고, DX가 전체를 감싸는 구조.
|
||||
"""
|
||||
from __future__ import annotations
|
||||
import asyncio, json, sys, time, datetime, base64, re
|
||||
from pathlib import Path
|
||||
|
||||
ROOT = Path(__file__).parent.parent
|
||||
sys.path.insert(0, str(ROOT))
|
||||
|
||||
|
||||
async def main():
|
||||
from src.slide_measurer import capture_slide_screenshot
|
||||
from src.config import settings
|
||||
import anthropic
|
||||
|
||||
out_dir = ROOT / "data" / "runs" / f"verify_venn_{datetime.datetime.now().strftime('%Y%m%d_%H%M%S')}"
|
||||
out_dir.mkdir(parents=True, exist_ok=True)
|
||||
|
||||
client = anthropic.AsyncAnthropic(api_key=settings.anthropic_api_key)
|
||||
t0 = time.time()
|
||||
|
||||
prompt = """다음 포함 관계를 SVG 벤 다이어그램으로 시각화하는 HTML을 만들어라.
|
||||
|
||||
## 관계 구조
|
||||
- DX(디지털 전환)는 상위개념이다 — 전체를 감싸는 가장 큰 원 또는 박스.
|
||||
- DX 안에 GIS, BIM, 디지털 트윈 3개 기술이 있다.
|
||||
- 이 3개 기술은 **서로 겹쳐서 융합**된다 — 벤 다이어그램처럼 원이 겹치는 부분이 있어야 한다.
|
||||
- 3개가 겹치는 중심 영역 = "기술 융합" 또는 "DX 실현"
|
||||
|
||||
## 시각화 요구사항 (SVG 사용)
|
||||
|
||||
1. 전체 크기: 707px × 250px
|
||||
2. DX 큰 원 또는 둥근 박스가 전체를 감싼다:
|
||||
- fill: rgba(37,99,235,0.08), stroke: #2563eb, stroke-width: 2
|
||||
- 상단 라벨: "DX (상위개념)"
|
||||
3. 내부에 3개 원이 서로 겹쳐서 배치:
|
||||
- GIS 원: cx=250, cy=120, r=80, fill: rgba(59,130,246,0.2), stroke: #3b82f6
|
||||
- BIM 원: cx=350, cy=120, r=80, fill: rgba(16,185,129,0.2), stroke: #10b981
|
||||
- 디지털트윈 원: cx=450, cy=120, r=80, fill: rgba(245,158,11,0.2), stroke: #f59e0b
|
||||
- 각 원이 약 30-40px씩 겹쳐야 한다 (완전 분리 아님)
|
||||
4. 각 원 안에 텍스트:
|
||||
- 이름 (14px bold)
|
||||
- 한 줄 설명 (10px)
|
||||
5. 3개가 겹치는 중심 영역에 "융합" 또는 "DX 실현" 텍스트 (작게)
|
||||
6. 아래에 핵심 메시지: "BIM ≠ DX — BIM은 DX를 실현하기 위한 핵심 기술 중 하나일 뿐이다"
|
||||
- background: #f0f9ff, border: 2px solid #bae6fd, border-radius: 8px
|
||||
- "BIM ≠ DX" 부분: color: #dc2626, font-weight: 900
|
||||
|
||||
## 텍스트 (원본 그대로)
|
||||
- GIS: "지리적 데이터를 공간 분석하여 시각적으로 표현"
|
||||
- BIM: "시설물 생애주기 정보를 3차원 모델로 통합·관리"
|
||||
- 디지털 트윈: "현실 객체를 디지털로 동일하게 구현"
|
||||
|
||||
HTML + inline <style> + <svg>를 포함하여 반환. 설명 없이 코드만."""
|
||||
|
||||
print("=== 벤 다이어그램 검증 (Claude Sonnet) ===")
|
||||
|
||||
try:
|
||||
response = await client.messages.create(
|
||||
model="claude-sonnet-4-20250514",
|
||||
max_tokens=8192,
|
||||
messages=[{"role": "user", "content": prompt}],
|
||||
)
|
||||
text = response.content[0].text if response.content else ""
|
||||
|
||||
match = re.search(r"```html\s*(.*?)```", text, re.DOTALL)
|
||||
html = match.group(1).strip() if match else text.strip()
|
||||
|
||||
wrapped = f"""<!DOCTYPE html>
|
||||
<html lang="ko"><head><meta charset="UTF-8">
|
||||
<style>
|
||||
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
|
||||
* {{ margin: 0; padding: 0; box-sizing: border-box; }}
|
||||
.slide {{
|
||||
width: 1280px; height: 720px; overflow: hidden;
|
||||
background: white;
|
||||
font-family: 'Pretendard Variable', sans-serif;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
}}
|
||||
.test-container {{ width: 707px; }}
|
||||
</style>
|
||||
</head><body>
|
||||
<div class="slide"><div class="test-container">
|
||||
{html}
|
||||
</div></div>
|
||||
</body></html>"""
|
||||
|
||||
(out_dir / "venn.html").write_text(wrapped, encoding="utf-8")
|
||||
s = await asyncio.to_thread(capture_slide_screenshot, wrapped)
|
||||
if s:
|
||||
(out_dir / "venn.png").write_bytes(base64.b64decode(s))
|
||||
|
||||
print(f" [{time.time()-t0:.0f}s] 완료. HTML {len(html)}자")
|
||||
print(f" 결과: {out_dir}")
|
||||
|
||||
except Exception as e:
|
||||
print(f" 오류: {e}")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
import logging
|
||||
logging.basicConfig(level=logging.INFO, format="%(asctime)s %(levelname)s %(message)s", datefmt="%H:%M:%S")
|
||||
logging.getLogger("selenium").setLevel(logging.WARNING)
|
||||
logging.getLogger("urllib3").setLevel(logging.WARNING)
|
||||
logging.getLogger("httpx").setLevel(logging.WARNING)
|
||||
asyncio.run(main())
|
||||
Reference in New Issue
Block a user