Add separate results folder for run outputs
This commit is contained in:
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 130 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 130 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -10,26 +10,26 @@
|
||||
"body": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 473,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 473
|
||||
},
|
||||
"footer": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 60,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 60
|
||||
},
|
||||
"sidebar": {
|
||||
"block_count": 0,
|
||||
"blocks": [],
|
||||
"clientHeight": 178,
|
||||
"clientHeight": 473,
|
||||
"excess_px": 0,
|
||||
"overflowed": false,
|
||||
"scrollHeight": 178
|
||||
"scrollHeight": 473
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162508",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-003\\05-execution",
|
||||
"raw_content": "---\ntitle: DX 실행 체계 구축 방안\nsidebar:\n order: 02\n---\n\n## 1. DX 시행을 위한 필수 요건\n\n<br/>\n\n* **기술(디지털)**\n * **Digital 기술(S/W, H/W)과 업무 Process의 통합**\n * 기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행\n * 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율\n * **분야별 전문 지식(설계, 시공, 유지관리 등) 보유**\n * 건설 전 단계에 대한 근본적인 이해와 지식 및 경험\n * 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식\n\n<br/>\n\n* **사람(역량)**\n * **혁신적 사고방식과 창의적 문제 해결 능력**\n * 기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피\n * 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시\n * **사용자 중심 사고와 DX 수행 경험**\n * 사용자의 요구와 기대를 충족시키는 설계 및 구현\n * 시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시\n\n<br/>\n\n* **자연(여건)**\n * **지속적인 투자 및 실행 의지**\n * 기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자\n * 기술 고도화를 위한 지속적인 개선 및 투자 체계 구축\n * 변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력\n\n<br/>\n---\n\n## 2. Process의 혁신과 Product의 변화\n\n<br/>\n\n### 2.1 과정(Process)의 혁신\n\n* **Analogue 기반 업무의 Digital화**\n\n | As-is [Analogue] | 구분 | To-be [Digital] |\n | :--- | :---: | :--- |\n | **개념·문서·행정 절차 중심** | ➠ | **시각화된 목적물, 소통, 투명성 중심** |\n | **2D 도면, 전문가, 규정** | ➠ | **3D 모델, 참여자, 실체** |\n | **업무 구분(단절), 책임** | ➠ | **협업(융·복합), 창의성** |\n\n<br/>\n\n* **GIS + BIM의 연계**\n * 지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신\n\n<br/>\n\n* **사용자 중심의 Solution 제공**\n * 서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공\n\n<br/>\n<br/>\n\n### 2.2 결과(Product)의 변화\n\n* **Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**\n * 과거 수작업으로 시행하면서 발생하던 오류 등의 최소화\n * 정확한 Data에 기반한 계획으로 고품질 성과물 도출\n\n<br/>\n\n* **Analogue 기반 도서 외 Digital 기반 정보물 추가**\n * 기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가\n\n<br/>\n\n* **Solution을 활용한 업무 효율화**\n * Engn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성\n * 건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리\n\n<br/>\n---\n\n:::note[핵심 요약]\n* **DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**\n:::",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162508",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-003\\05-execution",
|
||||
"raw_content": "---\ntitle: DX 실행 체계 구축 방안\nsidebar:\n order: 02\n---\n\n## 1. DX 시행을 위한 필수 요건\n\n<br/>\n\n* **기술(디지털)**\n * **Digital 기술(S/W, H/W)과 업무 Process의 통합**\n * 기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행\n * 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율\n * **분야별 전문 지식(설계, 시공, 유지관리 등) 보유**\n * 건설 전 단계에 대한 근본적인 이해와 지식 및 경험\n * 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식\n\n<br/>\n\n* **사람(역량)**\n * **혁신적 사고방식과 창의적 문제 해결 능력**\n * 기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피\n * 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시\n * **사용자 중심 사고와 DX 수행 경험**\n * 사용자의 요구와 기대를 충족시키는 설계 및 구현\n * 시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시\n\n<br/>\n\n* **자연(여건)**\n * **지속적인 투자 및 실행 의지**\n * 기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자\n * 기술 고도화를 위한 지속적인 개선 및 투자 체계 구축\n * 변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력\n\n<br/>\n---\n\n## 2. Process의 혁신과 Product의 변화\n\n<br/>\n\n### 2.1 과정(Process)의 혁신\n\n* **Analogue 기반 업무의 Digital화**\n\n | As-is [Analogue] | 구분 | To-be [Digital] |\n | :--- | :---: | :--- |\n | **개념·문서·행정 절차 중심** | ➠ | **시각화된 목적물, 소통, 투명성 중심** |\n | **2D 도면, 전문가, 규정** | ➠ | **3D 모델, 참여자, 실체** |\n | **업무 구분(단절), 책임** | ➠ | **협업(융·복합), 창의성** |\n\n<br/>\n\n* **GIS + BIM의 연계**\n * 지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신\n\n<br/>\n\n* **사용자 중심의 Solution 제공**\n * 서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공\n\n<br/>\n<br/>\n\n### 2.2 결과(Product)의 변화\n\n* **Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**\n * 과거 수작업으로 시행하면서 발생하던 오류 등의 최소화\n * 정확한 Data에 기반한 계획으로 고품질 성과물 도출\n\n<br/>\n\n* **Analogue 기반 도서 외 Digital 기반 정보물 추가**\n * 기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가\n\n<br/>\n\n* **Solution을 활용한 업무 효율화**\n * Engn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성\n * 건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리\n\n<br/>\n---\n\n:::note[핵심 요약]\n* **DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**\n:::",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
@@ -90,10 +90,10 @@
|
||||
"layer": "core",
|
||||
"source_hint": "??(Process)? ??",
|
||||
"relation_type": "process",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible.",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
@@ -103,10 +103,10 @@
|
||||
"layer": "supporting",
|
||||
"source_hint": "??(Product)? ??",
|
||||
"relation_type": "product",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes.",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
@@ -124,9 +124,22 @@
|
||||
],
|
||||
"page_structure": {
|
||||
"roles": {
|
||||
"??": {
|
||||
"body": {
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.72
|
||||
},
|
||||
"sidebar": {
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18
|
||||
},
|
||||
"footer": {
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1
|
||||
}
|
||||
@@ -143,27 +156,74 @@
|
||||
0
|
||||
],
|
||||
"containers": {
|
||||
"??": {
|
||||
"role": "??",
|
||||
"body": {
|
||||
"role": "body",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 490,
|
||||
"weight": 0.72,
|
||||
"height_px": 324,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "xlarge",
|
||||
"max_height_cost": "large",
|
||||
"text_budget": null,
|
||||
"design_budget": null,
|
||||
"block_constraints": {
|
||||
"max_lines": 17,
|
||||
"max_items": 8,
|
||||
"chars_per_line": 51,
|
||||
"max_chars_total": 867,
|
||||
"max_chars_per_item": 108,
|
||||
"font_size_px": 15.2,
|
||||
"padding_px": 20,
|
||||
"line_height": 1.7
|
||||
"max_lines": 6,
|
||||
"max_items": 3,
|
||||
"chars_per_line": 56,
|
||||
"max_chars_total": 336,
|
||||
"max_chars_per_item": 112,
|
||||
"font_size_px": 14.0,
|
||||
"padding_px": 16,
|
||||
"line_height": 1.6
|
||||
}
|
||||
},
|
||||
"sidebar": {
|
||||
"role": "sidebar",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18,
|
||||
"height_px": 81,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "medium",
|
||||
"text_budget": null,
|
||||
"design_budget": null,
|
||||
"block_constraints": {
|
||||
"max_lines": 3,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 62,
|
||||
"max_chars_total": 186,
|
||||
"max_chars_per_item": 186,
|
||||
"font_size_px": 13.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.5
|
||||
}
|
||||
},
|
||||
"footer": {
|
||||
"role": "footer",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 45,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "compact",
|
||||
"text_budget": null,
|
||||
"design_budget": null,
|
||||
"block_constraints": {
|
||||
"max_lines": 1,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 67,
|
||||
"max_chars_total": 67,
|
||||
"max_chars_per_item": 67,
|
||||
"font_size_px": 12.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.4
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162508",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-003\\05-execution",
|
||||
"raw_content": "---\ntitle: DX 실행 체계 구축 방안\nsidebar:\n order: 02\n---\n\n## 1. DX 시행을 위한 필수 요건\n\n<br/>\n\n* **기술(디지털)**\n * **Digital 기술(S/W, H/W)과 업무 Process의 통합**\n * 기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행\n * 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율\n * **분야별 전문 지식(설계, 시공, 유지관리 등) 보유**\n * 건설 전 단계에 대한 근본적인 이해와 지식 및 경험\n * 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식\n\n<br/>\n\n* **사람(역량)**\n * **혁신적 사고방식과 창의적 문제 해결 능력**\n * 기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피\n * 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시\n * **사용자 중심 사고와 DX 수행 경험**\n * 사용자의 요구와 기대를 충족시키는 설계 및 구현\n * 시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시\n\n<br/>\n\n* **자연(여건)**\n * **지속적인 투자 및 실행 의지**\n * 기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자\n * 기술 고도화를 위한 지속적인 개선 및 투자 체계 구축\n * 변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력\n\n<br/>\n---\n\n## 2. Process의 혁신과 Product의 변화\n\n<br/>\n\n### 2.1 과정(Process)의 혁신\n\n* **Analogue 기반 업무의 Digital화**\n\n | As-is [Analogue] | 구분 | To-be [Digital] |\n | :--- | :---: | :--- |\n | **개념·문서·행정 절차 중심** | ➠ | **시각화된 목적물, 소통, 투명성 중심** |\n | **2D 도면, 전문가, 규정** | ➠ | **3D 모델, 참여자, 실체** |\n | **업무 구분(단절), 책임** | ➠ | **협업(융·복합), 창의성** |\n\n<br/>\n\n* **GIS + BIM의 연계**\n * 지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신\n\n<br/>\n\n* **사용자 중심의 Solution 제공**\n * 서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공\n\n<br/>\n<br/>\n\n### 2.2 결과(Product)의 변화\n\n* **Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**\n * 과거 수작업으로 시행하면서 발생하던 오류 등의 최소화\n * 정확한 Data에 기반한 계획으로 고품질 성과물 도출\n\n<br/>\n\n* **Analogue 기반 도서 외 Digital 기반 정보물 추가**\n * 기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가\n\n<br/>\n\n* **Solution을 활용한 업무 효율화**\n * Engn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성\n * 건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리\n\n<br/>\n---\n\n:::note[핵심 요약]\n* **DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**\n:::",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
@@ -90,10 +90,10 @@
|
||||
"layer": "core",
|
||||
"source_hint": "??(Process)? ??",
|
||||
"relation_type": "process",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible.",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
@@ -103,10 +103,10 @@
|
||||
"layer": "supporting",
|
||||
"source_hint": "??(Product)? ??",
|
||||
"relation_type": "product",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes.",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
@@ -124,9 +124,22 @@
|
||||
],
|
||||
"page_structure": {
|
||||
"roles": {
|
||||
"??": {
|
||||
"body": {
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.72
|
||||
},
|
||||
"sidebar": {
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18
|
||||
},
|
||||
"footer": {
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1
|
||||
}
|
||||
@@ -143,39 +156,100 @@
|
||||
0
|
||||
],
|
||||
"containers": {
|
||||
"??": {
|
||||
"role": "??",
|
||||
"body": {
|
||||
"role": "body",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 490,
|
||||
"weight": 0.72,
|
||||
"height_px": 324,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "xlarge",
|
||||
"max_height_cost": "large",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 352,
|
||||
"available_height_px": 186,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 350,
|
||||
"max_circle_diameter": 184,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 352,
|
||||
"max_img_height": 186,
|
||||
"fits": true
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 17,
|
||||
"max_items": 8,
|
||||
"chars_per_line": 51,
|
||||
"max_chars_total": 867,
|
||||
"max_chars_per_item": 108,
|
||||
"font_size_px": 15.2,
|
||||
"padding_px": 20,
|
||||
"line_height": 1.7
|
||||
"max_lines": 6,
|
||||
"max_items": 3,
|
||||
"chars_per_line": 56,
|
||||
"max_chars_total": 336,
|
||||
"max_chars_per_item": 112,
|
||||
"font_size_px": 14.0,
|
||||
"padding_px": 16,
|
||||
"line_height": 1.6
|
||||
}
|
||||
},
|
||||
"sidebar": {
|
||||
"role": "sidebar",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18,
|
||||
"height_px": 81,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "medium",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 0,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 0,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 0,
|
||||
"fits": false
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 3,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 62,
|
||||
"max_chars_total": 186,
|
||||
"max_chars_per_item": 186,
|
||||
"font_size_px": 13.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.5
|
||||
}
|
||||
},
|
||||
"footer": {
|
||||
"role": "footer",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 45,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "compact",
|
||||
"text_budget": null,
|
||||
"design_budget": {
|
||||
"available_height_px": 0,
|
||||
"available_width_px": 740,
|
||||
"max_circle_diameter": 0,
|
||||
"max_img_width": 740,
|
||||
"max_img_height": 0,
|
||||
"fits": false
|
||||
},
|
||||
"block_constraints": {
|
||||
"max_lines": 1,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 67,
|
||||
"max_chars_total": 67,
|
||||
"max_chars_per_item": 67,
|
||||
"font_size_px": 12.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.4
|
||||
}
|
||||
}
|
||||
},
|
||||
"references": {
|
||||
"??": [
|
||||
"body": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
@@ -204,6 +278,97 @@
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
},
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"sidebar": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"footer": [
|
||||
{
|
||||
"block_id": "banner-gradient",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 38,
|
||||
"sidebar": 18
|
||||
},
|
||||
"note": "16px bold white, 1줄"
|
||||
},
|
||||
"sub_text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 12,
|
||||
"ref_chars": {
|
||||
"body": 50,
|
||||
"sidebar": 30
|
||||
},
|
||||
"note": "12px, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- banner-gradient: 전체 너비 파란 그라데이션 배경(둥근 모서리 8px) + 중앙 흰색 굵은 텍스트(16px) + 선택적 서브텍스트. -->\n<!-- 적합 상황: ★ 결론 강조에 가장 적합. 핵심 메시지 한 줄 선언. footer 배치에 최적(compact, 50~60px). 페이지의 \"기억해야 할 단 하 -->\n<!-- SLOT: text (1줄, 16px, max 38자) -->\n<!-- SLOT: sub_text (1줄, 12px, max 50자) -->\n<!-- 그라데이션 배너 바: 전체 너비 파란 그라데이션 + 중앙 텍스트 -->\n<!--\n 📋 banner-gradient\n ─────────────────\n 용도: 섹션 구분, 핵심 선언, 강조 문구를 전체 너비 배너로\n 슬롯: text (필수), sub_text (선택)\n Figma 원본: 2-2_01 하단, 2-2_03 분류 바\n-->\n<div class=\"block-banner-grad\">\n <div class=\"bg-text\">핵심 메시지 한 줄</div>\n <div class=\"bg-sub\">부연 설명</div>\n</div>\n\n<style>\n.block-banner-grad {\n background: linear-gradient(135deg, #006aff 0%, #00aaff 100%);\n border-radius: 8px;\n padding: 16px 30px;\n text-align: center;\n color: #ffffff;\n}\n.bg-text {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.5;\n}\n.bg-sub {\n font-size: 12px;\n font-weight: 400;\n opacity: 0.85;\n margin-top: 4px;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162508",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-003\\05-execution",
|
||||
"raw_content": "---\ntitle: DX 실행 체계 구축 방안\nsidebar:\n order: 02\n---\n\n## 1. DX 시행을 위한 필수 요건\n\n<br/>\n\n* **기술(디지털)**\n * **Digital 기술(S/W, H/W)과 업무 Process의 통합**\n * 기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행\n * 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율\n * **분야별 전문 지식(설계, 시공, 유지관리 등) 보유**\n * 건설 전 단계에 대한 근본적인 이해와 지식 및 경험\n * 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식\n\n<br/>\n\n* **사람(역량)**\n * **혁신적 사고방식과 창의적 문제 해결 능력**\n * 기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피\n * 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시\n * **사용자 중심 사고와 DX 수행 경험**\n * 사용자의 요구와 기대를 충족시키는 설계 및 구현\n * 시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시\n\n<br/>\n\n* **자연(여건)**\n * **지속적인 투자 및 실행 의지**\n * 기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자\n * 기술 고도화를 위한 지속적인 개선 및 투자 체계 구축\n * 변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력\n\n<br/>\n---\n\n## 2. Process의 혁신과 Product의 변화\n\n<br/>\n\n### 2.1 과정(Process)의 혁신\n\n* **Analogue 기반 업무의 Digital화**\n\n | As-is [Analogue] | 구분 | To-be [Digital] |\n | :--- | :---: | :--- |\n | **개념·문서·행정 절차 중심** | ➠ | **시각화된 목적물, 소통, 투명성 중심** |\n | **2D 도면, 전문가, 규정** | ➠ | **3D 모델, 참여자, 실체** |\n | **업무 구분(단절), 책임** | ➠ | **협업(융·복합), 창의성** |\n\n<br/>\n\n* **GIS + BIM의 연계**\n * 지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신\n\n<br/>\n\n* **사용자 중심의 Solution 제공**\n * 서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공\n\n<br/>\n<br/>\n\n### 2.2 결과(Product)의 변화\n\n* **Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**\n * 과거 수작업으로 시행하면서 발생하던 오류 등의 최소화\n * 정확한 Data에 기반한 계획으로 고품질 성과물 도출\n\n<br/>\n\n* **Analogue 기반 도서 외 Digital 기반 정보물 추가**\n * 기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가\n\n<br/>\n\n* **Solution을 활용한 업무 효율화**\n * Engn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성\n * 건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리\n\n<br/>\n---\n\n:::note[핵심 요약]\n* **DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**\n:::",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
@@ -90,10 +90,10 @@
|
||||
"layer": "core",
|
||||
"source_hint": "??(Process)? ??",
|
||||
"relation_type": "process",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible.",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
@@ -103,10 +103,10 @@
|
||||
"layer": "supporting",
|
||||
"source_hint": "??(Product)? ??",
|
||||
"relation_type": "product",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes.",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
@@ -124,9 +124,22 @@
|
||||
],
|
||||
"page_structure": {
|
||||
"roles": {
|
||||
"??": {
|
||||
"body": {
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.72
|
||||
},
|
||||
"sidebar": {
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18
|
||||
},
|
||||
"footer": {
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1
|
||||
}
|
||||
@@ -143,32 +156,79 @@
|
||||
0
|
||||
],
|
||||
"containers": {
|
||||
"??": {
|
||||
"role": "??",
|
||||
"body": {
|
||||
"role": "body",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 490,
|
||||
"weight": 0.72,
|
||||
"height_px": 324,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "xlarge",
|
||||
"max_height_cost": "large",
|
||||
"text_budget": null,
|
||||
"design_budget": null,
|
||||
"block_constraints": {
|
||||
"max_lines": 17,
|
||||
"max_items": 8,
|
||||
"chars_per_line": 51,
|
||||
"max_chars_total": 867,
|
||||
"max_chars_per_item": 108,
|
||||
"font_size_px": 15.2,
|
||||
"padding_px": 20,
|
||||
"line_height": 1.7
|
||||
"max_lines": 6,
|
||||
"max_items": 3,
|
||||
"chars_per_line": 56,
|
||||
"max_chars_total": 336,
|
||||
"max_chars_per_item": 112,
|
||||
"font_size_px": 14.0,
|
||||
"padding_px": 16,
|
||||
"line_height": 1.6
|
||||
}
|
||||
},
|
||||
"sidebar": {
|
||||
"role": "sidebar",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18,
|
||||
"height_px": 81,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "medium",
|
||||
"text_budget": null,
|
||||
"design_budget": null,
|
||||
"block_constraints": {
|
||||
"max_lines": 3,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 62,
|
||||
"max_chars_total": 186,
|
||||
"max_chars_per_item": 186,
|
||||
"font_size_px": 13.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.5
|
||||
}
|
||||
},
|
||||
"footer": {
|
||||
"role": "footer",
|
||||
"zone": "body",
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1,
|
||||
"height_px": 45,
|
||||
"width_px": 780,
|
||||
"max_height_cost": "compact",
|
||||
"text_budget": null,
|
||||
"design_budget": null,
|
||||
"block_constraints": {
|
||||
"max_lines": 1,
|
||||
"max_items": 1,
|
||||
"chars_per_line": 67,
|
||||
"max_chars_total": 67,
|
||||
"max_chars_per_item": 67,
|
||||
"font_size_px": 12.0,
|
||||
"padding_px": 8,
|
||||
"line_height": 1.4
|
||||
}
|
||||
}
|
||||
},
|
||||
"references": {
|
||||
"??": [
|
||||
"body": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
@@ -197,6 +257,97 @@
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
},
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"sidebar": [
|
||||
{
|
||||
"block_id": "quote-big-mark",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"quote_text": {
|
||||
"max_lines": 3,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 120,
|
||||
"sidebar": 70
|
||||
},
|
||||
"note": "16px, 큰따옴표 장식 안, 3줄 이내"
|
||||
},
|
||||
"source": {
|
||||
"max_lines": 1,
|
||||
"font_size": 14,
|
||||
"ref_chars": {
|
||||
"body": 30,
|
||||
"sidebar": 20
|
||||
},
|
||||
"note": "caption, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경 -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n 📋 quote-big-mark\n ─────────────────\n 용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n 슬롯: quote_text (필수), source (선택)\n Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n <div class=\"qb-mark qb-open\">❝</div>\n <div class=\"qb-content\">\n <div class=\"qb-text\">중요한 인용문 텍스트</div>\n <div class=\"qb-source\">— 출처</div>\n </div>\n <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n background: #f8fafc;\n border-radius: var(--radius);\n padding: 24px 28px;\n position: relative;\n border: 1px solid #e2e8f0;\n}\n.qb-mark {\n font-size: 3rem;\n color: #cbd5e1;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n}\n.qb-open {\n top: 8px;\n left: 12px;\n}\n.qb-close {\n bottom: -8px;\n right: 16px;\n}\n.qb-content {\n padding: 10px 30px 0;\n}\n.qb-text {\n font-size: 15px;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.8;\n word-break: keep-all;\n white-space: pre-line;\n}\n.qb-source {\n font-size: 12px;\n color: #64748b;\n font-style: italic;\n margin-top: 10px;\n text-align: right;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
],
|
||||
"footer": [
|
||||
{
|
||||
"block_id": "banner-gradient",
|
||||
"variant": "default",
|
||||
"visual_type": "default",
|
||||
"schema_info": {
|
||||
"text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 16,
|
||||
"ref_chars": {
|
||||
"body": 38,
|
||||
"sidebar": 18
|
||||
},
|
||||
"note": "16px bold white, 1줄"
|
||||
},
|
||||
"sub_text": {
|
||||
"max_lines": 1,
|
||||
"font_size": 12,
|
||||
"ref_chars": {
|
||||
"body": 50,
|
||||
"sidebar": 30
|
||||
},
|
||||
"note": "12px, 1줄"
|
||||
}
|
||||
},
|
||||
"design_reference_html": "<!-- banner-gradient: 전체 너비 파란 그라데이션 배경(둥근 모서리 8px) + 중앙 흰색 굵은 텍스트(16px) + 선택적 서브텍스트. -->\n<!-- 적합 상황: ★ 결론 강조에 가장 적합. 핵심 메시지 한 줄 선언. footer 배치에 최적(compact, 50~60px). 페이지의 \"기억해야 할 단 하 -->\n<!-- SLOT: text (1줄, 16px, max 38자) -->\n<!-- SLOT: sub_text (1줄, 12px, max 50자) -->\n<!-- 그라데이션 배너 바: 전체 너비 파란 그라데이션 + 중앙 텍스트 -->\n<!--\n 📋 banner-gradient\n ─────────────────\n 용도: 섹션 구분, 핵심 선언, 강조 문구를 전체 너비 배너로\n 슬롯: text (필수), sub_text (선택)\n Figma 원본: 2-2_01 하단, 2-2_03 분류 바\n-->\n<div class=\"block-banner-grad\">\n <div class=\"bg-text\">핵심 메시지 한 줄</div>\n <div class=\"bg-sub\">부연 설명</div>\n</div>\n\n<style>\n.block-banner-grad {\n background: linear-gradient(135deg, #006aff 0%, #00aaff 100%);\n border-radius: 8px;\n padding: 16px 30px;\n text-align: center;\n color: #ffffff;\n}\n.bg-text {\n font-size: 16px;\n font-weight: 700;\n line-height: 1.5;\n}\n.bg-sub {\n font-size: 12px;\n font-weight: 400;\n opacity: 0.85;\n margin-top: 4px;\n}\n</style>",
|
||||
"topic_id": null,
|
||||
"supporting_topic_ids": [],
|
||||
"is_hierarchical": false
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162508",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-003\\05-execution",
|
||||
"raw_content": "---\ntitle: DX 실행 체계 구축 방안\nsidebar:\n order: 02\n---\n\n## 1. DX 시행을 위한 필수 요건\n\n<br/>\n\n* **기술(디지털)**\n * **Digital 기술(S/W, H/W)과 업무 Process의 통합**\n * 기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행\n * 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율\n * **분야별 전문 지식(설계, 시공, 유지관리 등) 보유**\n * 건설 전 단계에 대한 근본적인 이해와 지식 및 경험\n * 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식\n\n<br/>\n\n* **사람(역량)**\n * **혁신적 사고방식과 창의적 문제 해결 능력**\n * 기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피\n * 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시\n * **사용자 중심 사고와 DX 수행 경험**\n * 사용자의 요구와 기대를 충족시키는 설계 및 구현\n * 시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시\n\n<br/>\n\n* **자연(여건)**\n * **지속적인 투자 및 실행 의지**\n * 기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자\n * 기술 고도화를 위한 지속적인 개선 및 투자 체계 구축\n * 변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력\n\n<br/>\n---\n\n## 2. Process의 혁신과 Product의 변화\n\n<br/>\n\n### 2.1 과정(Process)의 혁신\n\n* **Analogue 기반 업무의 Digital화**\n\n | As-is [Analogue] | 구분 | To-be [Digital] |\n | :--- | :---: | :--- |\n | **개념·문서·행정 절차 중심** | ➠ | **시각화된 목적물, 소통, 투명성 중심** |\n | **2D 도면, 전문가, 규정** | ➠ | **3D 모델, 참여자, 실체** |\n | **업무 구분(단절), 책임** | ➠ | **협업(융·복합), 창의성** |\n\n<br/>\n\n* **GIS + BIM의 연계**\n * 지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신\n\n<br/>\n\n* **사용자 중심의 Solution 제공**\n * 서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공\n\n<br/>\n<br/>\n\n### 2.2 결과(Product)의 변화\n\n* **Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**\n * 과거 수작업으로 시행하면서 발생하던 오류 등의 최소화\n * 정확한 Data에 기반한 계획으로 고품질 성과물 도출\n\n<br/>\n\n* **Analogue 기반 도서 외 Digital 기반 정보물 추가**\n * 기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가\n\n<br/>\n\n* **Solution을 활용한 업무 효율화**\n * Engn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성\n * 건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리\n\n<br/>\n---\n\n:::note[핵심 요약]\n* **DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**\n:::",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
@@ -124,9 +124,22 @@
|
||||
],
|
||||
"page_structure": {
|
||||
"roles": {
|
||||
"??": {
|
||||
"body": {
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.72
|
||||
},
|
||||
"sidebar": {
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18
|
||||
},
|
||||
"footer": {
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1
|
||||
}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"run_id": "20260403_162508",
|
||||
"run_id": "20260403_163401",
|
||||
"run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-003\\05-execution",
|
||||
"raw_content": "---\ntitle: DX 실행 체계 구축 방안\nsidebar:\n order: 02\n---\n\n## 1. DX 시행을 위한 필수 요건\n\n<br/>\n\n* **기술(디지털)**\n * **Digital 기술(S/W, H/W)과 업무 Process의 통합**\n * 기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행\n * 프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율\n * **분야별 전문 지식(설계, 시공, 유지관리 등) 보유**\n * 건설 전 단계에 대한 근본적인 이해와 지식 및 경험\n * 최신 토목 기술 트랜드 및 표준 기준 등에 대한 높은 지식\n\n<br/>\n\n* **사람(역량)**\n * **혁신적 사고방식과 창의적 문제 해결 능력**\n * 기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피\n * 디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시\n * **사용자 중심 사고와 DX 수행 경험**\n * 사용자의 요구와 기대를 충족시키는 설계 및 구현\n * 시행착오를 포함한 수행 경험과 사용자 경험(UX)을 반영한 해결 방안 제시\n\n<br/>\n\n* **자연(여건)**\n * **지속적인 투자 및 실행 의지**\n * 기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자\n * 기술 고도화를 위한 지속적인 개선 및 투자 체계 구축\n * 변화와 혁신을 통해 부가가치를 창출하려는 실행 의지와 추진력\n\n<br/>\n---\n\n## 2. Process의 혁신과 Product의 변화\n\n<br/>\n\n### 2.1 과정(Process)의 혁신\n\n* **Analogue 기반 업무의 Digital화**\n\n | As-is [Analogue] | 구분 | To-be [Digital] |\n | :--- | :---: | :--- |\n | **개념·문서·행정 절차 중심** | ➠ | **시각화된 목적물, 소통, 투명성 중심** |\n | **2D 도면, 전문가, 규정** | ➠ | **3D 모델, 참여자, 실체** |\n | **업무 구분(단절), 책임** | ➠ | **협업(융·복합), 창의성** |\n\n<br/>\n\n* **GIS + BIM의 연계**\n * 지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신\n\n<br/>\n\n* **사용자 중심의 Solution 제공**\n * 서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공\n\n<br/>\n<br/>\n\n### 2.2 결과(Product)의 변화\n\n* **Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상**\n * 과거 수작업으로 시행하면서 발생하던 오류 등의 최소화\n * 정확한 Data에 기반한 계획으로 고품질 성과물 도출\n\n<br/>\n\n* **Analogue 기반 도서 외 Digital 기반 정보물 추가**\n * 기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가\n\n<br/>\n\n* **Solution을 활용한 업무 효율화**\n * Engn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성\n * 건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리\n\n<br/>\n---\n\n:::note[핵심 요약]\n* **DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**\n:::",
|
||||
"base_path": "D:\\ad-hoc\\C.E.L._slide_test",
|
||||
@@ -90,10 +90,10 @@
|
||||
"layer": "core",
|
||||
"source_hint": "??(Process)? ??",
|
||||
"relation_type": "process",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible.",
|
||||
"expression_hint": "Keep the As-is/To-be process change and follow-up bullets visible. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
@@ -103,10 +103,10 @@
|
||||
"layer": "supporting",
|
||||
"source_hint": "??(Product)? ??",
|
||||
"relation_type": "product",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes.",
|
||||
"expression_hint": "Preserve the product change bullets and collaboration outcomes. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
|
||||
"source_data": "",
|
||||
"structured_text": "",
|
||||
"summary": ""
|
||||
"summary": "DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
@@ -124,9 +124,22 @@
|
||||
],
|
||||
"page_structure": {
|
||||
"roles": {
|
||||
"??": {
|
||||
"body": {
|
||||
"topic_ids": [
|
||||
6
|
||||
1,
|
||||
2
|
||||
],
|
||||
"weight": 0.72
|
||||
},
|
||||
"sidebar": {
|
||||
"topic_ids": [
|
||||
3
|
||||
],
|
||||
"weight": 0.18
|
||||
},
|
||||
"footer": {
|
||||
"topic_ids": [
|
||||
4
|
||||
],
|
||||
"weight": 0.1
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -5,9 +5,9 @@
|
||||
<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><tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">1</td><td style="padding:6px 8px;font-weight:700;">DX ??? ?? ?? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;">requirements</td><td style="padding:6px 8px;color:#333;font-weight:700;">?</td></tr>
|
||||
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">2</td><td style="padding:6px 8px;font-weight:700;">??(Process)? ??</td><td style="padding:6px 8px;">???? ??</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;">process</td><td style="padding:6px 8px;color:#333;font-weight:700;">?</td></tr>
|
||||
<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">??(Product)? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">supporting</td><td style="padding:6px 8px;">product</td><td style="padding:6px 8px;color:#333;font-weight:700;">?</td></tr>
|
||||
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">4</td><td style="padding:6px 8px;font-weight:700;">?? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;color:#333;font-weight:700;">?</td></tr>
|
||||
<th style="padding:8px;">영역</th></tr><tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">1</td><td style="padding:6px 8px;font-weight:700;">DX ??? ?? ?? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;">requirements</td><td style="padding:6px 8px;color:#333;font-weight:700;">body</td></tr>
|
||||
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">2</td><td style="padding:6px 8px;font-weight:700;">??(Process)? ??</td><td style="padding:6px 8px;">???? ??</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;">process</td><td style="padding:6px 8px;color:#333;font-weight:700;">body</td></tr>
|
||||
<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">??(Product)? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">supporting</td><td style="padding:6px 8px;">product</td><td style="padding:6px 8px;color:#333;font-weight:700;">sidebar</td></tr>
|
||||
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">4</td><td style="padding:6px 8px;font-weight:700;">?? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;color:#333;font-weight:700;">footer</td></tr>
|
||||
</table>
|
||||
<div style="margin-top:12px;font-size:12px;color:#555;"><b>페이지 구조:</b><br>??: topic_ids=[6], weight=0.1</div></body></html>
|
||||
<div style="margin-top:12px;font-size:12px;color:#555;"><b>페이지 구조:</b><br>body: topic_ids=[1, 2], weight=0.72<br>sidebar: topic_ids=[3], weight=0.18<br>footer: topic_ids=[4], weight=0.1</div></body></html>
|
||||
@@ -6,8 +6,8 @@
|
||||
<table style="border-collapse:collapse;font-size:12px;width:100%;">
|
||||
<tr style="background:#1e293b;color:white;"><th style="padding:8px;">ID</th><th style="padding:8px;">제목</th>
|
||||
<th style="padding:8px;">영역</th><th style="padding:8px;">layer</th>
|
||||
<th style="padding:8px;">source_data (미리보기)</th><th style="padding:8px;">summary</th></tr><tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">1</td><td style="padding:6px 8px;font-weight:700;">DX ??? ?? ?? ??</td><td style="padding:6px 8px;color:#333;">?</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;"></td></tr>
|
||||
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">2</td><td style="padding:6px 8px;font-weight:700;">??(Process)? ??</td><td style="padding:6px 8px;color:#333;">?</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;"></td></tr>
|
||||
<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">??(Product)? ??</td><td style="padding:6px 8px;color:#333;">?</td><td style="padding:6px 8px;">supporting</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;"></td></tr>
|
||||
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">4</td><td style="padding:6px 8px;font-weight:700;">?? ??</td><td style="padding:6px 8px;color:#333;">?</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;font-size:10px;">**DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**</td><td style="padding:6px 8px;font-size:10px;color:#555;">**DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**</td></tr>
|
||||
<th style="padding:8px;">source_data (미리보기)</th><th style="padding:8px;">summary</th></tr><tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">1</td><td style="padding:6px 8px;font-weight:700;">DX ??? ?? ?? ??</td><td style="padding:6px 8px;color:#333;">body</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;"></td></tr>
|
||||
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">2</td><td style="padding:6px 8px;font-weight:700;">??(Process)? ??</td><td style="padding:6px 8px;color:#333;">body</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;">DX는 상위 개념이고 BIM은 핵심 기술이다.</td></tr>
|
||||
<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">??(Product)? ??</td><td style="padding:6px 8px;color:#333;">sidebar</td><td style="padding:6px 8px;">supporting</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;">DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다.</td></tr>
|
||||
<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">4</td><td style="padding:6px 8px;font-weight:700;">?? ??</td><td style="padding:6px 8px;color:#333;">footer</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;font-size:10px;">**DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**</td><td style="padding:6px 8px;font-size:10px;color:#555;">**DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.**</td></tr>
|
||||
</table></body></html>
|
||||
File diff suppressed because one or more lines are too long
@@ -5,8 +5,8 @@
|
||||
<div style="font-size:24px;font-weight:900;color:#16a34a;margin-bottom:12px;">품질 점수: 100</div>
|
||||
<div style="font-size:12px;color:#555;margin-bottom:4px;">슬라이드: clientHeight=720px, scrollHeight=720px, overflow=False</div>
|
||||
<table style="border-collapse:collapse;font-size:12px;width:100%;max-width:600px;margin-top:8px;">
|
||||
<tr style="background:#1e293b;color:white;"><th style="padding:8px;">영역</th><th style="padding:8px;">clientH</th><th style="padding:8px;">scrollH</th><th style="padding:8px;">excess</th></tr><tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ body</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">+0px</td></tr>
|
||||
<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ footer</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">+0px</td></tr>
|
||||
<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ sidebar</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">+0px</td></tr>
|
||||
<tr style="background:#1e293b;color:white;"><th style="padding:8px;">영역</th><th style="padding:8px;">clientH</th><th style="padding:8px;">scrollH</th><th style="padding:8px;">excess</th></tr><tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ body</td><td style="padding:6px 8px;">473px</td><td style="padding:6px 8px;">473px</td><td style="padding:6px 8px;">+0px</td></tr>
|
||||
<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ footer</td><td style="padding:6px 8px;">60px</td><td style="padding:6px 8px;">60px</td><td style="padding:6px 8px;">+0px</td></tr>
|
||||
<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ sidebar</td><td style="padding:6px 8px;">473px</td><td style="padding:6px 8px;">473px</td><td style="padding:6px 8px;">+0px</td></tr>
|
||||
</table>
|
||||
</body></html>
|
||||
Reference in New Issue
Block a user