donghyeon.kang/technical-visualization-haness
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

설계 개편

Browse Source
This commit is contained in:
DongHyeonka
2026-07-24 16:31:12 +09:00
parent f43e909162
commit 8daa568746
70 changed files with 6554 additions and 956 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/assets/payment-request.excalidraw
+57 -135
View File
@@ -3,90 +3,12 @@
"version": 2,
"source": "techviz-harness",
"elements": [
{
"id": "title",
"type": "text",
"x": 50,
"y": 24,
"width": 400,
"height": 36,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 0,
"opacity": 100,
"groupIds": [],
"frameId": null,
"index": null,
"roundness": {
"type": 3
},
"seed": 867999238,
"version": 1,
"versionNonce": 149105586,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false,
"fontSize": 24,
"fontFamily": 5,
"text": "승인된 결제는 주문 상태 갱신 후 이벤트로 확산된다",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": null,
"originalText": "승인된 결제는 주문 상태 갱신 후 이벤트로 확산된다",
"autoResize": true,
"lineHeight": 1.25
},
{
"id": "question",
"type": "text",
"x": 50,
"y": 62,
"width": 500,
"height": 26,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 0,
"opacity": 100,
"groupIds": [],
"frameId": null,
"index": null,
"roundness": {
"type": 3
},
"seed": 525371355,
"version": 1,
"versionNonce": 153533324,
"isDeleted": false,
"boundElements": [],
"updated": 0,
"link": null,
"locked": false,
"fontSize": 14,
"fontFamily": 5,
"text": "결제 요청은 어디를 거쳐 저장되고 승인 후 어떤 이벤트를 발행하는가?",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": null,
"originalText": "결제 요청은 어디를 거쳐 저장되고 승인 후 어떤 이벤트를 발행하는가?",
"autoResize": true,
"lineHeight": 1.25
},
{
"id": "edge-authorization-approved",
"type": "arrow",
"x": 765.0,
"y": 345.0,
"width": 312.20000000000005,
"y": 260.0,
"width": 311.5,
"height": 182.0,
"angle": 0,
"strokeColor": "#1e1e1e",
@@ -110,11 +32,11 @@
"locked": false,
"points": [
[
312.20000000000005,
311.5,
136.0
],
[
312.20000000000005,
311.5,
182.0
],
[
@@ -144,8 +66,8 @@
{
"id": "edge-label-authorization-approved",
"type": "text",
"x": 808.1,
"y": 487.0,
"x": 807.75,
"y": 402.0,
"width": 90,
"height": 24,
"angle": 0,
@@ -184,9 +106,9 @@
"id": "edge-authorization-request",
"type": "arrow",
"x": 840.0,
"y": 332.84,
"width": 162.20000000000005,
"height": 125.16000000000003,
"y": 247.84,
"width": 161.5,
"height": 125.16,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
@@ -213,16 +135,16 @@
0.0
],
[
91.10000000000002,
90.75,
0.0
],
[
91.10000000000002,
125.16000000000003
90.75,
125.16
],
[
162.20000000000005,
125.16000000000003
161.5,
125.16
]
],
"lastCommittedPoint": null,
@@ -243,8 +165,8 @@
{
"id": "edge-label-authorization-request",
"type": "text",
"x": 862.1,
"y": 373.41999999999996,
"x": 861.75,
"y": 288.41999999999996,
"width": 90,
"height": 24,
"angle": 0,
@@ -283,7 +205,7 @@
"id": "edge-client-request",
"type": "arrow",
"x": 220.0,
"y": 313.0,
"y": 228.0,
"width": 160.0,
"height": 0.0,
"angle": 0,
@@ -343,7 +265,7 @@
"id": "edge-label-client-request",
"type": "text",
"x": 255.0,
"y": 273.0,
"y": 188.0,
"width": 90,
"height": 24,
"angle": 0,
@@ -382,9 +304,9 @@
"id": "edge-create-pending",
"type": "arrow",
"x": 840.0,
"y": 303.08,
"y": 218.08,
"width": 160.0,
"height": 0.9200000000000159,
"height": 0.9199999999999875,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
@@ -416,11 +338,11 @@
],
[
80.0,
0.9200000000000159
0.9199999999999875
],
[
160.0,
0.9200000000000159
0.9199999999999875
]
],
"lastCommittedPoint": null,
@@ -442,7 +364,7 @@
"id": "edge-label-create-pending",
"type": "text",
"x": 892.0,
"y": 291.53999999999996,
"y": 206.54000000000002,
"width": 104,
"height": 24,
"angle": 0,
@@ -481,7 +403,7 @@
"id": "edge-mark-paid",
"type": "arrow",
"x": 840.0,
"y": 313.0,
"y": 228.0,
"width": 160.0,
"height": 9.0,
"angle": 0,
@@ -541,7 +463,7 @@
"id": "edge-label-mark-paid",
"type": "text",
"x": 879.5,
"y": 329.0,
"y": 244.0,
"width": 90,
"height": 24,
"angle": 0,
@@ -580,9 +502,9 @@
"id": "edge-publish-approved",
"type": "arrow",
"x": 840.0,
"y": 177.0,
"width": 162.20000000000005,
"height": 116.16000000000003,
"y": 92.0,
"width": 161.5,
"height": 116.16,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
@@ -606,18 +528,18 @@
"points": [
[
0.0,
116.16000000000003
116.16
],
[
81.10000000000002,
116.16000000000003
80.75,
116.16
],
[
81.10000000000002,
80.75,
0.0
],
[
162.20000000000005,
161.5,
0.0
]
],
@@ -639,8 +561,8 @@
{
"id": "edge-label-publish-approved",
"type": "text",
"x": 869.1,
"y": 223.08,
"x": 868.75,
"y": 138.08,
"width": 152,
"height": 24,
"angle": 0,
@@ -679,7 +601,7 @@
"id": "edge-validated-request",
"type": "arrow",
"x": 530.0,
"y": 313.0,
"y": 228.0,
"width": 160.0,
"height": 0.0,
"angle": 0,
@@ -739,7 +661,7 @@
"id": "edge-label-validated-request",
"type": "text",
"x": 565.0,
"y": 273.0,
"y": 188.0,
"width": 90,
"height": 24,
"angle": 0,
@@ -778,9 +700,9 @@
"id": "node-client",
"type": "rectangle",
"x": 70.0,
"y": 281.0,
"y": 186.0,
"width": 150.0,
"height": 64.0,
"height": 84.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "#ffffff",
@@ -808,9 +730,9 @@
"id": "node-label-client",
"type": "text",
"x": 80.0,
"y": 291.0,
"y": 196.0,
"width": 130.0,
"height": 44.0,
"height": 64.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
@@ -847,7 +769,7 @@
"id": "node-auth-gateway",
"type": "rectangle",
"x": 380.0,
"y": 281.0,
"y": 196.0,
"width": 150.0,
"height": 64.0,
"angle": 0,
@@ -877,7 +799,7 @@
"id": "node-label-auth-gateway",
"type": "text",
"x": 390.0,
"y": 291.0,
"y": 206.0,
"width": 130.0,
"height": 44.0,
"angle": 0,
@@ -916,7 +838,7 @@
"id": "node-checkout-api",
"type": "rectangle",
"x": 690.0,
"y": 281.0,
"y": 196.0,
"width": 150.0,
"height": 64.0,
"angle": 0,
@@ -946,7 +868,7 @@
"id": "node-label-checkout-api",
"type": "text",
"x": 700.0,
"y": 291.0,
"y": 206.0,
"width": 130.0,
"height": 44.0,
"angle": 0,
@@ -984,8 +906,8 @@
{
"id": "node-event-bus",
"type": "rectangle",
"x": 1002.2,
"y": 145.0,
"x": 1001.5,
"y": 60.0,
"width": 150.0,
"height": 64.0,
"angle": 0,
@@ -1014,8 +936,8 @@
{
"id": "node-label-event-bus",
"type": "text",
"x": 1012.2,
"y": 155.0,
"x": 1011.5,
"y": 70.0,
"width": 130.0,
"height": 44.0,
"angle": 0,
@@ -1054,8 +976,8 @@
"id": "node-orders-db",
"type": "rectangle",
"x": 1000.0,
"y": 281.0,
"width": 154.4,
"y": 196.0,
"width": 153.0,
"height": 64.0,
"angle": 0,
"strokeColor": "#1e1e1e",
@@ -1084,8 +1006,8 @@
"id": "node-label-orders-db",
"type": "text",
"x": 1010.0,
"y": 291.0,
"width": 134.4,
"y": 206.0,
"width": 133.0,
"height": 44.0,
"angle": 0,
"strokeColor": "#1e1e1e",
@@ -1122,8 +1044,8 @@
{
"id": "node-payment-provider",
"type": "rectangle",
"x": 1002.2,
"y": 417.0,
"x": 1001.5,
"y": 332.0,
"width": 150.0,
"height": 64.0,
"angle": 0,
@@ -1152,8 +1074,8 @@
{
"id": "node-label-payment-provider",
"type": "text",
"x": 1012.2,
"y": 427.0,
"x": 1011.5,
"y": 342.0,
"width": 130.0,
"height": 44.0,
"angle": 0,