init

2026-06-25 11:46:39 +09:00
commit 06a95a6d5b
56 changed files with 10023 additions and 0 deletions
@@ -0,0 +1,103 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1100 720" font-family="Helvetica, Arial, sans-serif">
+  <defs>
+    <linearGradient id="tier1" x1="0" x2="0" y1="0" y2="1">
+      <stop offset="0%" stop-color="#e3f2fd"/>
+      <stop offset="100%" stop-color="#bbdefb"/>
+    </linearGradient>
+    <linearGradient id="tier2" x1="0" x2="0" y1="0" y2="1">
+      <stop offset="0%" stop-color="#e0f7fa"/>
+      <stop offset="100%" stop-color="#b2ebf2"/>
+    </linearGradient>
+    <linearGradient id="tier3" x1="0" x2="0" y1="0" y2="1">
+      <stop offset="0%" stop-color="#fff3e0"/>
+      <stop offset="100%" stop-color="#ffe0b2"/>
+    </linearGradient>
+    <marker id="arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="6" markerHeight="6" orient="auto">
+      <path d="M0,0 L10,5 L0,10 z" fill="#37474f"/>
+    </marker>
+    <marker id="arrowRev" viewBox="0 0 10 10" refX="1" refY="5" markerWidth="6" markerHeight="6" orient="auto">
+      <path d="M10,0 L0,5 L10,10 z" fill="#37474f"/>
+    </marker>
+  </defs>
+
+  <!-- Title -->
+  <text x="550" y="32" text-anchor="middle" font-size="20" font-weight="700" fill="#102a43">엣지 AIoT 3-Tier 물리적 분산 구조</text>
+  <text x="550" y="55" text-anchor="middle" font-size="13" fill="#486581">클라우드 — 엣지 — 현장 디바이스의 이질적 자원·네트워크·보안 제약</text>
+
+  <!-- T1: Cloud -->
+  <rect x="60" y="80" width="980" height="130" rx="10" fill="url(#tier1)" stroke="#1976d2" stroke-width="2"/>
+  <text x="100" y="115" font-size="16" font-weight="700" fill="#0d47a1">T1 — Cloud (데이터센터)</text>
+  <text x="100" y="138" font-size="12" fill="#102a43">x86/GPU 서버, k8s 컨테이너 · TB RAM · GPU 다수</text>
+  <text x="100" y="158" font-size="12" fill="#102a43">LLM·분석·중앙 PM 에이전트 · Istio Service Mesh · OTel Collector</text>
+  <text x="100" y="178" font-size="12" fill="#0d47a1" font-weight="600">네트워크: 안정·고대역폭·상시 연결 · 보안 경계: 내부 (강)</text>
+  <!-- icons -->
+  <g transform="translate(800,95)">
+    <rect x="0" y="0" width="60" height="50" rx="4" fill="#fff" stroke="#1976d2"/>
+    <text x="30" y="32" text-anchor="middle" font-size="10" fill="#1976d2">GPU</text>
+    <rect x="70" y="0" width="60" height="50" rx="4" fill="#fff" stroke="#1976d2"/>
+    <text x="100" y="32" text-anchor="middle" font-size="10" fill="#1976d2">k8s</text>
+    <rect x="140" y="0" width="60" height="50" rx="4" fill="#fff" stroke="#1976d2"/>
+    <text x="170" y="32" text-anchor="middle" font-size="10" fill="#1976d2">LLM</text>
+  </g>
+
+  <!-- T2: Edge -->
+  <rect x="60" y="260" width="980" height="130" rx="10" fill="url(#tier2)" stroke="#00838f" stroke-width="2"/>
+  <text x="100" y="295" font-size="16" font-weight="700" fill="#006064">T2 — Edge (현장 부근 게이트웨이)</text>
+  <text x="100" y="318" font-size="12" fill="#102a43">Jetson / RK3588 / 산업용 PC · 4–32GB RAM · NPU</text>
+  <text x="100" y="338" font-size="12" fill="#102a43">현장 추론·제어·프로토콜 변환 게이트웨이 · Envoy Edge Proxy</text>
+  <text x="100" y="358" font-size="12" fill="#006064" font-weight="600">네트워크: 인터미턴트 (4G/5G/유선 혼합) · 보안 경계: 반노출 (중)</text>
+  <g transform="translate(800,275)">
+    <rect x="0" y="0" width="60" height="50" rx="4" fill="#fff" stroke="#00838f"/>
+    <text x="30" y="32" text-anchor="middle" font-size="10" fill="#00838f">Jetson</text>
+    <rect x="70" y="0" width="60" height="50" rx="4" fill="#fff" stroke="#00838f"/>
+    <text x="100" y="32" text-anchor="middle" font-size="10" fill="#00838f">NPU</text>
+    <rect x="140" y="0" width="60" height="50" rx="4" fill="#fff" stroke="#00838f"/>
+    <text x="170" y="32" text-anchor="middle" font-size="10" fill="#00838f">GW</text>
+  </g>
+
+  <!-- T3: Field -->
+  <rect x="60" y="440" width="980" height="180" rx="10" fill="url(#tier3)" stroke="#e65100" stroke-width="2"/>
+  <text x="100" y="475" font-size="16" font-weight="700" fill="#bf360c">T3 — Field (현장 IoT·임베디드·로봇·센서)</text>
+  <text x="100" y="498" font-size="12" fill="#102a43">MCU (Cortex-M/A), 임베디드 리눅스, AGV·드론·CCTV·진동 센서 · KB–수십 MB RAM</text>
+  <text x="100" y="518" font-size="12" fill="#102a43">저전력 디바이스 에이전트 · 텔레메트리·제어 · 오프라인 큐 · TPM/SE 부팅 attestation</text>
+  <text x="100" y="538" font-size="12" fill="#bf360c" font-weight="600">네트워크: 불안정·저대역폭·다중 홉 (Wi-Fi/LoRa/BLE/5G) · 보안 경계: 물리 노출 (약)</text>
+  <g transform="translate(800,455)">
+    <rect x="0" y="0" width="60" height="50" rx="4" fill="#fff" stroke="#e65100"/>
+    <text x="30" y="32" text-anchor="middle" font-size="10" fill="#e65100">AGV</text>
+    <rect x="70" y="0" width="60" height="50" rx="4" fill="#fff" stroke="#e65100"/>
+    <text x="100" y="32" text-anchor="middle" font-size="10" fill="#e65100">MCU</text>
+    <rect x="140" y="0" width="60" height="50" rx="4" fill="#fff" stroke="#e65100"/>
+    <text x="170" y="32" text-anchor="middle" font-size="10" fill="#e65100">Sensor</text>
+    <rect x="0" y="60" width="60" height="50" rx="4" fill="#fff" stroke="#e65100"/>
+    <text x="30" y="92" text-anchor="middle" font-size="10" fill="#e65100">Robot</text>
+    <rect x="70" y="60" width="60" height="50" rx="4" fill="#fff" stroke="#e65100"/>
+    <text x="100" y="92" text-anchor="middle" font-size="10" fill="#e65100">CCTV</text>
+    <rect x="140" y="60" width="60" height="50" rx="4" fill="#fff" stroke="#e65100"/>
+    <text x="170" y="92" text-anchor="middle" font-size="10" fill="#e65100">Wearable</text>
+  </g>
+
+  <!-- Communication arrows T1<->T2 -->
+  <line x1="550" y1="210" x2="550" y2="260" stroke="#37474f" stroke-width="2.5" marker-end="url(#arrow)" marker-start="url(#arrowRev)"/>
+  <text x="565" y="240" font-size="12" font-weight="600" fill="#0d47a1">gRPC over QUIC / HTTP-2</text>
+  <text x="565" y="256" font-size="11" fill="#486581">(Server Streaming / Bidi Streaming)</text>
+
+  <!-- Communication arrows T2<->T3 -->
+  <line x1="550" y1="390" x2="550" y2="440" stroke="#37474f" stroke-width="2.5" marker-end="url(#arrow)" marker-start="url(#arrowRev)"/>
+  <text x="565" y="418" font-size="12" font-weight="600" fill="#bf360c">MQTT / CoAP / BLE / C-V2X</text>
+  <text x="565" y="434" font-size="11" fill="#486581">(low-power, lossy, intermittent)</text>
+
+  <!-- Resource gradient bar at bottom -->
+  <text x="60" y="660" font-size="11" font-weight="600" fill="#486581">자원/네트워크/보안 강도:</text>
+  <defs>
+    <linearGradient id="bar" x1="0" x2="1" y1="0" y2="0">
+      <stop offset="0%" stop-color="#e65100"/>
+      <stop offset="50%" stop-color="#00838f"/>
+      <stop offset="100%" stop-color="#0d47a1"/>
+    </linearGradient>
+  </defs>
+  <rect x="200" y="650" width="840" height="14" fill="url(#bar)"/>
+  <text x="200" y="685" font-size="10" fill="#bf360c">약함 (T3)</text>
+  <text x="620" y="685" font-size="10" fill="#006064" text-anchor="middle">중간 (T2)</text>
+  <text x="1040" y="685" font-size="10" fill="#0d47a1" text-anchor="end">강함 (T1)</text>
+</svg>