add: figma_to_html_agent/blocks/ + 변환 도구 docs 갱신
전체 401 files (397 추가 + 4 수정), 14304 insertions.
추가:
- figma_to_html_agent/blocks/ — Figma 변환 결과 (32 frame, ~79MB).
각 frame folder = {analysis.md, flat.md, texts.md, index.html, assets/,
_renders/, _render.py, RELATIONSHIPS.md / STATUS.md / classification.md
(일부 frame)}.
Phase Z 의 *figma source layer* — runtime 에서 직접 사용 X, contract /
partial / builder adapter (미래 axis A) 의 source.
- figma_to_html_agent/DISCUSSION-SUMMARY-20260411.md — 변환 설계 회의 기록.
- figma_to_html_agent/HARNESS.md — 변환 검증 harness.
- figma_to_html_agent/scripts/fetch_figma_screenshots.py — Figma 스크린샷 자동 수집.
수정:
- figma_to_html_agent/PROCESS-CONTROL.md / PROCESS.md / RULES.md —
변환 프로세스 / 룰 갱신 (R8/R9 lock 강화 등).
- figma_to_html_agent/blocks_index.md — 32 frame 인덱스 갱신.
Phase Z 영향 0 (figma_to_html_agent/blocks/ 가 V4 catalog +
templates/phase_z2/families adapter 의 source — runtime 에서 직접 import X).
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
BIN
figma_to_html_agent/blocks/1171281194/_renders/final2.png
Normal file
|
After Width: | Height: | Size: 245 KiB |
BIN
figma_to_html_agent/blocks/1171281194/_renders/full.png
Normal file
|
After Width: | Height: | Size: 230 KiB |
BIN
figma_to_html_agent/blocks/1171281194/_renders/full2.png
Normal file
|
After Width: | Height: | Size: 230 KiB |
BIN
figma_to_html_agent/blocks/1171281194/_renders/seam.png
Normal file
|
After Width: | Height: | Size: 225 KiB |
BIN
figma_to_html_agent/blocks/1171281194/_renders/slide.png
Normal file
|
After Width: | Height: | Size: 230 KiB |
BIN
figma_to_html_agent/blocks/1171281194/_renders/slide2.png
Normal file
|
After Width: | Height: | Size: 230 KiB |
BIN
figma_to_html_agent/blocks/1171281194/_renders/slide_final.png
Normal file
|
After Width: | Height: | Size: 246 KiB |
BIN
figma_to_html_agent/blocks/1171281194/_renders/slide_final2.png
Normal file
|
After Width: | Height: | Size: 246 KiB |
BIN
figma_to_html_agent/blocks/1171281194/_renders/slide_seam.png
Normal file
|
After Width: | Height: | Size: 216 KiB |
BIN
figma_to_html_agent/blocks/1171281194/_renders/slide_stage2.png
Normal file
|
After Width: | Height: | Size: 238 KiB |
BIN
figma_to_html_agent/blocks/1171281194/_renders/slide_zoom.png
Normal file
|
After Width: | Height: | Size: 216 KiB |
BIN
figma_to_html_agent/blocks/1171281194/_renders/stage2.png
Normal file
|
After Width: | Height: | Size: 232 KiB |
BIN
figma_to_html_agent/blocks/1171281194/_renders/stage2b.png
Normal file
|
After Width: | Height: | Size: 245 KiB |
BIN
figma_to_html_agent/blocks/1171281194/_renders/zoom.png
Normal file
|
After Width: | Height: | Size: 228 KiB |
63
figma_to_html_agent/blocks/1171281194/analysis.md
Normal file
@@ -0,0 +1,63 @@
|
||||
# Frame 1171281194 — 현황 및 문제점
|
||||
|
||||
## 내용 설명
|
||||
|
||||
BIM 수행 현황과 문제점을 2x2 paired-rows 레이아웃으로 제시하는 디자인.
|
||||
개념 부재(CAD 확장판 오인), 잘못된 접근방식(도구로만 인식), 방향성
|
||||
상실(대형 S/W 의존), 전제조건 오류(건축·토목 혼용) 같은 4가지 병렬
|
||||
문제를 2x2 격자로 표현. BIM 수행 4가지 문제점 진단·현황 분석·
|
||||
잘못된 개념 오류 나열에 적합. 시간 순서·2개 또는 3개 항목·산업
|
||||
비교·주체별 나열에는 부적합.
|
||||
|
||||
## 후보 키워드
|
||||
|
||||
현황, 문제점, 개념부재, 접근방식, 방향성상실, 전제조건오류, 잘못된접근, CAD확장판, 도구인식, 기술예속, 오류
|
||||
|
||||
## 정제 Anchor Sets
|
||||
|
||||
- **current_status_problems**: 현황, 문제점 _[min_hits=2, cap=0.7, exempt_if≥0.5]_
|
||||
- note: 2-term generic pair. "현황" + "문제점" 둘 다 나와도 다양한 문제 분석 문서에 해당할 수 있음. 구체적 BIM 4문제 항목으로 방증 필요.
|
||||
- **bim_four_issues**: 개념부재, 접근방식, 방향성상실, 전제조건오류, 잘못된접근
|
||||
- **error_concepts**: CAD확장판, 도구인식, 기술예속, 오류
|
||||
|
||||
## 구조 매칭 정보
|
||||
|
||||
- **family**: cards
|
||||
- **layout**: paired-rows-2x2
|
||||
- **axis**: horizontal
|
||||
- **relation_type**: parallel
|
||||
- **cardinality**: ideal 4 / min 4 / max 4
|
||||
- **slots** (9개, required 9개): title, issue_1_label, issue_1_body, issue_2_label, issue_2_body, issue_3_label, issue_3_body, issue_4_label, issue_4_body
|
||||
- **source title**: 현황 및 문제점
|
||||
- **original layout**: paired-rows
|
||||
|
||||
## 적합/부적합 기준
|
||||
|
||||
### suits
|
||||
- BIM 수행 4가지 문제점 진단
|
||||
- 현황 + 4문제 병렬 분석
|
||||
- 개념 부재·오류 진단
|
||||
|
||||
### not_suits
|
||||
- 시간 순서
|
||||
- 2개 또는 3개 항목
|
||||
- 5개 이상 항목
|
||||
- 산업 비교
|
||||
- 주체별 나열
|
||||
- 긍정형 효과 나열
|
||||
|
||||
## 재구성 허용
|
||||
|
||||
- **split**: False
|
||||
- **merge**: False
|
||||
- **infer_missing_slot**: False
|
||||
- **rewrite_label**: True
|
||||
- **rewrite_body**: True
|
||||
|
||||
## 메타
|
||||
|
||||
- schema_version: template-fit-v1 mirror
|
||||
- source_of_truth: structure_ontology.yaml + keyword_base.yaml
|
||||
- structure_content_original_tagged_by: claude-opus-4-7 (2026-04-21)
|
||||
- keyword_base_sync_at: 2026-04-22
|
||||
- anchor_sets_cleaned_at: 2026-04-22
|
||||
@@ -0,0 +1,17 @@
|
||||
# Frame 1171281194 — 현황 및 문제점 (paired-rows)
|
||||
|
||||
## 구조
|
||||
- **layout**: paired-rows
|
||||
- **detail**: 타이틀("현황 및 문제점") + 2x2 paired-rows (개념부재/잘못된 접근방식, 방향성상실/전제조건오류)
|
||||
|
||||
## 내용
|
||||
BIM 수행 현황과 문제점 — 개념 부재(CAD 확장판 오인), 잘못된 접근방식(도구로만 인식), 방향성 상실(대형 S/W 의존), 전제조건 오류(건축·토목 혼용).
|
||||
|
||||
## 후보 키워드
|
||||
현황, 문제점, 개념부재, 접근방식, 잘못된접근, 방향성상실, 기술예속, 전제조건오류, CAD확장판, 도구인식, 방향, 오류, paired
|
||||
|
||||
## 메타
|
||||
- source: texts.md + flat.md
|
||||
- schema_version: analysis-v1
|
||||
- tagged_by: claude-opus-4-7
|
||||
- tagged_at: 2026-04-21
|
||||
|
After Width: | Height: | Size: 109 KiB |
|
After Width: | Height: | Size: 6.2 KiB |
75
figma_to_html_agent/blocks/1171281194/flat.md
Normal file
@@ -0,0 +1,75 @@
|
||||
# Frame 1171281194 — 실측 기록 (flat)
|
||||
|
||||
> 원본: 1857 × 1325.62 px (node 112:7)
|
||||
> 패턴: issues-paired-rows (좌우 이슈 페어, 두루마리 pill)
|
||||
> Scale: 1280 / 1857 = 0.68927
|
||||
|
||||
## 구조
|
||||
|
||||
```
|
||||
Frame 112:7 (1857 × 1326)
|
||||
├── 112:9 타이틀 (0, 0) 570×101
|
||||
│ ├── 112:11 아이콘 IMG (0, 5.5) 50×50
|
||||
│ └── 112:12 TEXT "현황 및 문제점" (65, 0) — 70px Bold gradient(#CC5200→#883700)
|
||||
│
|
||||
├── 행1 (112:13) — pills 상단
|
||||
│ ├── 112:14 배경 (60, 143) 1797×229 — border:3px #60A451, radius:30, bg:rgba(250,237,203,0.15)
|
||||
│ ├── 분할선 CSS (946, 160) h:195 — dashed 2px #60A451
|
||||
│ ├── 112:16 TEXT 좌 (95.27, 228) — 36px Medium #0c271e
|
||||
│ ├── 112:17 TEXT 우 right(1825.91, 228) — 36px Medium #0c271e
|
||||
│ ├── 112:18 pill 좌 (60, 124) 457.96×95.62 — R16: left:-45.3% width:145.3%
|
||||
│ ├── 112:19 pill 우 (1399.04, 124) 457.96×99.54 — R16: left:0 width:151.25%
|
||||
│ ├── 112:20 label "개념 부재" center_y=172 left=110.77 — 40px Bold white
|
||||
│ └── 112:21 label "잘못된 접근방식" center_y=172 right(1800) — 40px Bold white
|
||||
│
|
||||
├── 행2 (112:22) — pills 하단 (rotate 180°)
|
||||
│ ├── 112:23 배경 (60, 372) 1797×231
|
||||
│ ├── 분할선 (946, 387) h:195
|
||||
│ ├── 112:25 TEXT 좌 (95.27, 389)
|
||||
│ ├── 112:26 TEXT 우 right(1825.91, 389)
|
||||
│ ├── 112:28 pill 좌 (60, 522) rotate(180°) — R16: left:0 width:151.25%
|
||||
│ ├── 112:27 pill 우 (1399.04, 526.43) rotate(180°) — R16: left:-45.3% width:145.3%
|
||||
│ ├── 112:29 label "방향성 상실" center_y=572 left=110.77
|
||||
│ └── 112:30 label "전제조건 오류" center_y=571 right(1801)
|
||||
│
|
||||
├── 행3 (112:40) — pills 상단
|
||||
│ ├── 112:41 배경 (60, 706) 1797×310
|
||||
│ ├── 분할선 (946, 791) h:195
|
||||
│ ├── 112:43 TEXT 좌 (95.26, 801)
|
||||
│ ├── 112:44 TEXT 우 right(1825.9, 801)
|
||||
│ ├── 112:45 pill 좌 (60, 687) — R16: left:-45.3% width:145.3%
|
||||
│ ├── 112:46 pill 우 (1399.04, 687) — R16: left:0 width:151.25%
|
||||
│ ├── 112:47 label "수행주체 혼란" center_y=735 left=111
|
||||
│ └── 112:48 label "수행방식 무지" center_y=735 right(1800)
|
||||
│
|
||||
└── 행4 (112:31) — pills 하단 (rotate 180°)
|
||||
├── 112:32 배경 (60, 1016) 1797×290
|
||||
├── 분할선 (946, 1036) h:195
|
||||
├── 112:34 TEXT 좌 (95.27, 1031)
|
||||
├── 112:35 TEXT 우 right(1825.9, 1031) — 35px
|
||||
├── 112:37 pill 좌 (60, 1226.08) rotate(180°)
|
||||
├── 112:36 pill 우 (1399.04, 1226) rotate(180°)
|
||||
├── 112:38 label "외산S/W 기술예속" center_y=1271 left=111
|
||||
└── 112:39 label "H/W 미비" center_y=1271 right(1800)
|
||||
```
|
||||
|
||||
## 에셋
|
||||
|
||||
| hash | 의미 | CSS 변환 |
|
||||
|------|------|---------|
|
||||
| b0e9fad5...png | 타이틀 아이콘 | 이미지 유지 |
|
||||
| b47d2977...png | 두루마리 pill (R16 프레임 배치) | 이미지 유지 |
|
||||
| b614390a...svg | 분할선 (dashed 2px #60A451) | ✓ CSS |
|
||||
|
||||
## R16 pill 배치 패턴
|
||||
|
||||
- 좌측 pill (image 2748): left:-45.3%, width:145.3% → 우측 곡선만 보임
|
||||
- 우측 pill (image 2749): left:0, width:151.25% → 좌측 곡선만 보임
|
||||
- 하단 pill: rotate(180deg) + 반대 variant → 최종 시각 동일
|
||||
|
||||
## 변형 가능 축
|
||||
|
||||
- rows[N=3~6] (required) — 각 행: left_label + left_body + right_label + right_body
|
||||
- pill_alternation: top/bottom 교대 (required)
|
||||
- pill_image (required)
|
||||
- bg_border_color: #60A451 (required)
|
||||
246
figma_to_html_agent/blocks/1171281194/index.html
Normal file
@@ -0,0 +1,246 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=1280">
|
||||
<title>현황 및 문제점 (Frame 1171281194)</title>
|
||||
<!--
|
||||
Frame: 112:7, 1857×1326 px
|
||||
Scale: 1280 / 1857 = 0.68927
|
||||
패턴: issues-paired-rows
|
||||
구조: 2단계 — row 간 배치도 flex column, row 내부도 flex/flow
|
||||
콘텐츠 주도형: 텍스트 늘어나면 행이 늘고, 아래 행이 밀림
|
||||
R16: pill 이미지 프레임 (overflow:hidden)
|
||||
R9: 분할선 CSS dashed
|
||||
-->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
* { margin:0; padding:0; box-sizing:border-box; }
|
||||
body {
|
||||
font-family: 'Noto Sans KR', sans-serif;
|
||||
background: #e8ecf0;
|
||||
display: flex; justify-content: center; align-items: center;
|
||||
min-height: 100vh; word-break: keep-all;
|
||||
}
|
||||
.slide {
|
||||
width: 1280px;
|
||||
background: #fff; position: relative;
|
||||
box-shadow: 0 4px 20px rgba(0,0,0,.15);
|
||||
}
|
||||
.block { width: 1280px; position: relative; overflow: hidden; }
|
||||
.inner {
|
||||
width: 1857px;
|
||||
zoom: 0.68927;
|
||||
/* zoom은 transform:scale과 달리 레이아웃 크기까지 실제로 줄임
|
||||
→ 부모(.block)가 실제 scaled 높이를 인식
|
||||
→ 하단 여백 없음
|
||||
→ 내부 좌표는 Figma 원본 그대로 사용 가능 */
|
||||
}
|
||||
|
||||
/* ── 타이틀 ── */
|
||||
.title-row {
|
||||
display: flex; align-items: center; gap: 15px;
|
||||
padding: 0 0 20px 0;
|
||||
}
|
||||
.title-icon { width: 50px; height: 61px; display: flex; align-items: center; justify-content: center; flex: none; }
|
||||
.title-icon img { width: 50px; height: 50px; object-fit: cover; }
|
||||
.title-text {
|
||||
font-weight: 700; font-size: 70px; line-height: normal; white-space: nowrap;
|
||||
background: linear-gradient(rgb(204,82,0), rgb(136,55,0));
|
||||
-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
|
||||
text-shadow: 0 0 4px #322c1e;
|
||||
}
|
||||
|
||||
/* ── rows 컨테이너 (flex column, 행 간 flow) ── */
|
||||
.rows {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0; /* 행 간 간격: row 1-2 연속, 2-3 사이 gap */
|
||||
padding: 0 60px;
|
||||
}
|
||||
.row-gap { height: 65px; } /* 행2-3 사이 간격 (Figma: 706-622=84, pill overlap 감안) */
|
||||
|
||||
/* ── section.row — 개별 행 (flex column, 내부 flow) ── */
|
||||
.row {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: rgba(250,237,203,0.15);
|
||||
border: 3px solid #60A451;
|
||||
border-radius: 30px;
|
||||
overflow: visible;
|
||||
position: relative;
|
||||
width: 1797px;
|
||||
}
|
||||
|
||||
/* ── pill 영역 ── */
|
||||
.pill-area {
|
||||
flex: none;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
/* border 외곽까지 확장 (pill이 border 위에 올라탐) */
|
||||
margin-left: -3px;
|
||||
margin-right: -3px;
|
||||
}
|
||||
.pill-area--top { margin-top: -19px; }
|
||||
.pill-area--bottom { margin-bottom: -19px; }
|
||||
|
||||
/* pill 아이템 — crop variant와 label position 분리 */
|
||||
.pill-item { position: relative; }
|
||||
|
||||
/* 축1: 이미지 crop variant (어떤 곡면을 보여줄지) */
|
||||
.crop-left { width: 457.96px; height: 95.62px; } /* 우측 곡선 보임 */
|
||||
.crop-right { width: 457.96px; height: 99.54px; } /* 좌측 곡선 보임 */
|
||||
|
||||
/* R16: 이미지만 overflow:hidden */
|
||||
.pill-img {
|
||||
position: absolute; inset: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.pill-img img { position: absolute; top: 0; height: 100%; }
|
||||
.crop-left .pill-img img { left: -45.3%; width: 145.3%; }
|
||||
.crop-right .pill-img img { left: 0; width: 151.25%; }
|
||||
|
||||
/* 축2: 라벨 위치 (행에서 좌/우 어디에 있는지) */
|
||||
.pill-item .label {
|
||||
position: absolute; top: 50%; transform: translateY(-50%);
|
||||
font-weight: 700; font-size: 40px; line-height: 70px;
|
||||
color: #fff; white-space: nowrap; z-index: 1;
|
||||
}
|
||||
/* seam 기준 label anchor:
|
||||
crop-left flat area: 0~411px → 라벨 시작 여백 ~50px (Figma 원본)
|
||||
crop-right flat area: 46~458px → 라벨 끝 여백 = 458-46=412, right offset ~46+11=57px (Figma 원본)
|
||||
Figma 원본값이 seam 기준과 일치하므로 유지 */
|
||||
.pos-left .label { left: 50px; }
|
||||
.pos-right .label { right: 57px; text-align: right; }
|
||||
|
||||
/* 하단 pill flip (이미지만 뒤집힘, 라벨은 영향 없음) */
|
||||
.pill-flip { transform: rotate(180deg); width: 100%; height: 100%; }
|
||||
|
||||
/* ── body 영역 (flex:1, 자연 flow) ── */
|
||||
.body-area {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
padding: 15px 35px;
|
||||
min-height: 100px;
|
||||
}
|
||||
.body-left {
|
||||
flex: 1;
|
||||
font-weight: 500; font-size: 36px; line-height: 65px;
|
||||
color: #0c271e;
|
||||
padding-right: 20px;
|
||||
}
|
||||
.body-divider {
|
||||
flex: none;
|
||||
border-left: 2px dashed #60A451;
|
||||
margin: 0 10px;
|
||||
}
|
||||
.body-right {
|
||||
flex: 1;
|
||||
font-weight: 500; font-size: 36px; line-height: 65px;
|
||||
color: #0c271e;
|
||||
text-align: right;
|
||||
padding-left: 20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="slide">
|
||||
<div class="block">
|
||||
<div class="inner">
|
||||
|
||||
<!-- 타이틀 -->
|
||||
<div class="title-row">
|
||||
<div class="title-icon"><img src="assets/b0e9fad5b03f4d9e368524976c20c9886392e17b.png" alt=""></div>
|
||||
<div class="title-text">현황 및 문제점</div>
|
||||
</div>
|
||||
|
||||
<!-- rows 컨테이너 (flex column → 행이 커지면 아래 행이 밀림) -->
|
||||
<div class="rows">
|
||||
|
||||
<!-- ═══ 행1: 개념 부재 / 잘못된 접근방식 (pills 상단) ═══ -->
|
||||
<div class="row">
|
||||
<div class="pill-area pill-area--top">
|
||||
<div class="pill-item crop-left pos-left">
|
||||
<div class="pill-img"><img src="assets/b47d2977a36ab6a0c180d8f090afff798c44ed27.png" alt=""></div>
|
||||
<span class="label">개념 부재</span>
|
||||
</div>
|
||||
<div class="pill-item crop-right pos-right">
|
||||
<div class="pill-img"><img src="assets/b47d2977a36ab6a0c180d8f090afff798c44ed27.png" alt=""></div>
|
||||
<span class="label">잘못된 접근방식</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="body-area">
|
||||
<div class="body-left">BIM을 Digital 전환의 개념이 아닌, CAD의 확장판으로 해석하여 3D를 그리는 수단 정도로만 인식</div>
|
||||
<div class="body-divider"></div>
|
||||
<div class="body-right">단순 업무효율 증진을 위한 도구로만 인식하여, 기술자들이 도구로서 사용만 할 수 있도록 교육시키면 된다고 판단</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ═══ 행2: 방향성 상실 / 전제조건 오류 (pills 하단) ═══ -->
|
||||
<div class="row">
|
||||
<div class="body-area">
|
||||
<div class="body-left">대형 S/W 개발 및 판매회사에서 제시된 내용과 방향대로 따라하므로써, 국내는 자체적 목표설정 기능을 상실</div>
|
||||
<div class="body-divider"></div>
|
||||
<div class="body-right">건축과 토목이 유사하다는 전제하에 Library를 활용하는 건축에서 수행하고 있는 방식을 토목에도 동일하게 적용</div>
|
||||
</div>
|
||||
<div class="pill-area pill-area--bottom">
|
||||
<div class="pill-item crop-right pos-left"><!-- 좌측 위치, 반전 crop -->
|
||||
<div class="pill-img"><div class="pill-flip"><img src="assets/b47d2977a36ab6a0c180d8f090afff798c44ed27.png" alt="" style="position:absolute; top:0; height:100%; left:0; width:151.25%;"></div></div>
|
||||
<span class="label">방향성 상실</span>
|
||||
</div>
|
||||
<div class="pill-item crop-left pos-right"><!-- 우측 위치, 반전 crop -->
|
||||
<div class="pill-img"><div class="pill-flip"><img src="assets/b47d2977a36ab6a0c180d8f090afff798c44ed27.png" alt="" style="position:absolute; top:0; height:100%; left:-45.3%; width:145.3%;"></div></div>
|
||||
<span class="label">전제조건 오류</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 행2-3 사이 간격 -->
|
||||
<div class="row-gap"></div>
|
||||
|
||||
<!-- ═══ 행3: 수행주체 혼란 / 수행방식 무지 (pills 상단) ═══ -->
|
||||
<div class="row">
|
||||
<div class="pill-area pill-area--top">
|
||||
<div class="pill-item crop-left pos-left">
|
||||
<div class="pill-img"><img src="assets/b47d2977a36ab6a0c180d8f090afff798c44ed27.png" alt=""></div>
|
||||
<span class="label">수행주체 혼란</span>
|
||||
</div>
|
||||
<div class="pill-item crop-right pos-right">
|
||||
<div class="pill-img"><img src="assets/b47d2977a36ab6a0c180d8f090afff798c44ed27.png" alt=""></div>
|
||||
<span class="label">수행방식 무지</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="body-area">
|
||||
<div class="body-left">학자, 발주처 중심으로 S/W 판매회사에서 제시한 기술 수행 방식의 변화를 주도, 실행주체인 기업과 기술자들은 기존의 방식을 고수하면서 눈치만 보는 실정</div>
|
||||
<div class="body-divider"></div>
|
||||
<div class="body-right">기존 2D 설계의 결과가 옳다는 전제와 3D 설계를 수행/검토해본 경험이 없어, 전환설계의 개념으로 수행하므로써 비용과 시간이 추가로 소요, 높은 수준의 품질확보 불가</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ═══ 행4: 외산S/W 기술예속 / H/W 미비 (pills 하단) ═══ -->
|
||||
<div class="row">
|
||||
<div class="body-area">
|
||||
<div class="body-left">단순 외산 범용S/W만 사용하면 BIM이 될 수 있을 것이라는 안일한 생각으로 접근하므로 외국 대형S/W 회사에 기술예속 가속</div>
|
||||
<div class="body-divider"></div>
|
||||
<div class="body-right" style="font-size:35px;">도면작성 중심의 기존 설계방식과 동일한 개념으로 생각하여, 탁상용 개인 PC, Monitor 사용기반 정도에 머물러 있어 실무적용에 필요한 높은 수준의 모델 등의 표출은 한계</div>
|
||||
</div>
|
||||
<div class="pill-area pill-area--bottom">
|
||||
<div class="pill-item crop-right pos-left"><!-- 좌측 위치, 반전 crop -->
|
||||
<div class="pill-img"><div class="pill-flip"><img src="assets/b47d2977a36ab6a0c180d8f090afff798c44ed27.png" alt="" style="position:absolute; top:0; height:100%; left:0; width:151.25%;"></div></div>
|
||||
<span class="label">외산S/W 기술예속</span>
|
||||
</div>
|
||||
<div class="pill-item crop-left pos-right"><!-- 우측 위치, 반전 crop -->
|
||||
<div class="pill-img"><div class="pill-flip"><img src="assets/b47d2977a36ab6a0c180d8f090afff798c44ed27.png" alt="" style="position:absolute; top:0; height:100%; left:-45.3%; width:145.3%;"></div></div>
|
||||
<span class="label">H/W 미비</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div><!-- .rows -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
53
figma_to_html_agent/blocks/1171281194/pill_seam_meta.md
Normal file
@@ -0,0 +1,53 @@
|
||||
# Pill Seam Metadata — b47d2977...png
|
||||
|
||||
> 현재 값은 designer-tuned fallback (Figma 원본 50px/57px)
|
||||
> 장기 목표: seam-based computed anchor
|
||||
|
||||
## 원본 이미지 측정
|
||||
|
||||
| 항목 | 값 |
|
||||
|------|-----|
|
||||
| 파일 | b47d2977a36ab6a0c180d8f090afff798c44ed27.png |
|
||||
| 크기 | 664 × 95 px |
|
||||
| left_seam | x=44 (좌측 곡선→직선 전환점) |
|
||||
| right_seam | x=617 (직선→우측 곡선 전환점) |
|
||||
| flat_start | 44 |
|
||||
| flat_end | 617 |
|
||||
| flat_width | 573px |
|
||||
| left_curve_width | 44px |
|
||||
| right_curve_width | 46px |
|
||||
|
||||
## Crop variant별 container 좌표
|
||||
|
||||
### crop-left (좌측 pill, 우측 곡선 보임)
|
||||
- container: 457.96px
|
||||
- image: left:-45.3%, width:145.3%
|
||||
- right_seam in container: 410.9px
|
||||
- curve tip: 457.0px
|
||||
- visible flat: 0 ~ 410.9px
|
||||
|
||||
### crop-right (우측 pill, 좌측 곡선 보임)
|
||||
- container: 457.96px
|
||||
- image: left:0, width:151.25%
|
||||
- left_seam in container: 45.9px
|
||||
- curve tip: 0px
|
||||
- visible flat: 45.9 ~ 458px
|
||||
|
||||
## 현재 label anchor (designer-tuned fallback)
|
||||
|
||||
| pos | CSS | 근거 |
|
||||
|-----|-----|------|
|
||||
| pos-left | left: 50px | Figma 원본 (flat area 내, seam-safe) |
|
||||
| pos-right | right: 57px | Figma 원본 (flat area 내, seam-safe) |
|
||||
|
||||
## 접합 보정
|
||||
|
||||
| 항목 | 값 | 근거 |
|
||||
|------|-----|------|
|
||||
| pill-area margin-left/right | -3px | row border width (pill이 border 외곽까지 확장) |
|
||||
|
||||
## TODO (seam-based computed anchor 전환 시)
|
||||
|
||||
- [ ] seam_offset → label_offset 자동 계산 함수
|
||||
- [ ] pill image 변경 시 자동 재측정
|
||||
- [ ] 다른 pill형 블록과 공통 seam 시스템 통합
|
||||
28
figma_to_html_agent/blocks/1171281194/texts.md
Normal file
@@ -0,0 +1,28 @@
|
||||
# Frame 1171281194 — 텍스트 (TF-IDF 매칭용)
|
||||
|
||||
## 타이틀
|
||||
현황 및 문제점
|
||||
|
||||
## 행1
|
||||
개념 부재
|
||||
BIM을 Digital 전환의 개념이 아닌, CAD의 확장판으로 해석하여 3D를 그리는 수단 정도로만 인식
|
||||
잘못된 접근방식
|
||||
단순 업무효율 증진을 위한 도구로만 인식하여, 기술자들이 도구로서 사용만 할 수 있도록 교육시키면 된다고 판단
|
||||
|
||||
## 행2
|
||||
방향성 상실
|
||||
대형 S/W 개발 및 판매회사에서 제시된 내용과 방향대로 따라하므로써, 국내는 자체적 목표설정 기능을 상실
|
||||
전제조건 오류
|
||||
건축과 토목이 유사하다는 전제하에 Library를 활용하는 건축에서 수행하고 있는 방식을 토목에도 동일하게 적용
|
||||
|
||||
## 행3
|
||||
수행주체 혼란
|
||||
학자, 발주처 중심으로 S/W 판매회사에서 제시한 기술 수행 방식의 변화를 주도, 실행주체인 기업과 기술자들은 기존의 방식을 고수하면서 눈치만 보는 실정
|
||||
수행방식 무지
|
||||
기존 2D 설계의 결과가 옳다는 전제와 3D 설계를 수행/검토해본 경험이 없어, 전환설계의 개념으로 수행하므로써 비용과 시간이 추가로 소요, 높은 수준의 품질확보 불가
|
||||
|
||||
## 행4
|
||||
외산S/W 기술예속
|
||||
단순 외산 범용S/W만 사용하면 BIM이 될 수 있을 것이라는 안일한 생각으로 접근하므로 외국 대형S/W 회사에 기술예속 가속
|
||||
H/W 미비
|
||||
도면작성 중심의 기존 설계방식과 동일한 개념으로 생각하여, 탁상용 개인 PC, Monitor 사용기반 정도에 머물러 있어 실무적용에 필요한 높은 수준의 모델 등의 표출은 한계
|
||||