refactor: 문서 개선 중

This commit is contained in:
donghyeon-ka
2026-09-21 14:30:55 +09:00
parent c93cdea150
commit 805a18f486
1497 changed files with 525837 additions and 59152 deletions
@@ -10,13 +10,13 @@
## Elements and evidence
- **브라우저 A 세션** (component): 세션 id 가 다르다. Evidence: L360L366.
- **브라우저 B 세션** (component): 세션 id 가 다르다. Evidence: L360L366.
- **토큰 행** (datastore): 기본키에 세션 id 가 없어 둘이 같은 행을 쓴다. Evidence: L370L377.
- **로그아웃 후 남는 것** (datastore): Redis 세션은 0 키인데 여기는 1 행이 남는다. Evidence: L378L384.
- **브라우저 A 세션** (component): 세션 id 가 다르다. Evidence: L745L747.
- **브라우저 B 세션** (component): 세션 id 가 다르다. Evidence: L745L747.
- **토큰 행** (datastore): 기본키에 세션 id 가 없어 둘이 같은 행을 쓴다. Evidence: L776L781.
- **로그아웃 후 남는 것** (datastore): Redis 세션은 0 키인데 여기는 1 행이 남는다. Evidence: L789L794.
## Relationships
- **브라우저 A 세션 → 토큰 행:** principal 이름. Evidence: L370L377.
- **브라우저 B 세션 → 토큰 행:** 같은 키 · 덮어쓰기. Evidence: L370L377.
- **토큰 행 → 로그아웃 후 남는 것:** 로그아웃 미정리. Evidence: L378L384.
- **브라우저 A 세션 → 토큰 행:** principal 이름. Evidence: L776L781.
- **브라우저 B 세션 → 토큰 행:** 같은 키 · 덮어쓰기. Evidence: L776L781.
- **토큰 행 → 로그아웃 후 남는 것:** 로그아웃 미정리. Evidence: L789L794.
@@ -1,6 +1,6 @@
# 덮어쓰기를 만드는 기본키
# Question: 같은 사용자의 두 브라우저가 서로의 토큰을 지우는 이유는 무엇인가
direction: down
direction: right
n0: "브라우저 A 세션" {
shape: rectangle
}
@@ -1,5 +1,5 @@
digraph techviz {
graph [rankdir=TB, splines=ortho, nodesep=0.55, ranksep=0.85];
graph [rankdir=LR, splines=ortho, nodesep=0.55, ranksep=0.85];
node [fontname=Helvetica, fontsize=11, margin="0.18,0.12", style="rounded,filled", fillcolor=white, color="#2d4357", penwidth=1.5];
edge [fontname=Helvetica, fontsize=10, color="#364b5f", penwidth=1.4, arrowsize=0.75];
n0 [label="브라우저 A 세션", shape=box, style="rounded,filled"];
@@ -1,35 +1,35 @@
<?xml version="1.0" encoding="UTF-8"?>
<mxfile host="app.diagrams.net" modified="2026-07-23T00:00:00.000Z" agent="techviz-harness" version="24.7.17" type="device">
<diagram id="b2-primary-key-overwrite" name="덮어쓰기를 만드는 기본키">
<mxGraphModel dx="680" dy="555" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
<mxGraphModel dx="1035" dy="305" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1035" pageHeight="1169" math="0" shadow="0">
<root>
<mxCell id="0"/>
<mxCell id="1" parent="0"/>
<mxCell id="n_s1" value="브라우저 A 세션" tooltip="세션 id 가 다르다. | Evidence: L360-L366" style="whiteSpace=wrap;html=1;rounded=1;strokeWidth=2;fontSize=14;fontStyle=1;fillColor=#ffffff;strokeColor=#2d4357;verticalAlign=middle;strokeColor=#2563eb;strokeWidth=2;" vertex="1" parent="1">
<mxCell id="n_s1" value="브라우저 A 세션" tooltip="세션 id 가 다르다. | Evidence: L745-L747" style="whiteSpace=wrap;html=1;rounded=1;strokeWidth=2;fontSize=14;fontStyle=1;fillColor=#ffffff;strokeColor=#2d4357;verticalAlign=middle;strokeColor=#2563eb;strokeWidth=2;" vertex="1" parent="1">
<mxGeometry x="70.0" y="60.0" width="150.0" height="64.0" as="geometry"/>
</mxCell>
<mxCell id="n_s2" value="브라우저 B 세션" tooltip="세션 id 가 다르다. | Evidence: L360-L366" style="whiteSpace=wrap;html=1;rounded=1;strokeWidth=2;fontSize=14;fontStyle=1;fillColor=#ffffff;strokeColor=#2d4357;verticalAlign=middle;strokeColor=#2563eb;strokeWidth=2;" vertex="1" parent="1">
<mxGeometry x="280.0" y="60.0" width="150.0" height="64.0" as="geometry"/>
<mxCell id="n_s2" value="브라우저 B 세션" tooltip="세션 id 가 다르다. | Evidence: L745-L747" style="whiteSpace=wrap;html=1;rounded=1;strokeWidth=2;fontSize=14;fontStyle=1;fillColor=#ffffff;strokeColor=#2d4357;verticalAlign=middle;strokeColor=#2563eb;strokeWidth=2;" vertex="1" parent="1">
<mxGeometry x="70.0" y="196.0" width="150.0" height="64.0" as="geometry"/>
</mxCell>
<mxCell id="n_token-row" value="토큰 행&lt;br/&gt;PRIMARY KEY (client_registration_id, principal_name)" tooltip="기본키에 세션 id 가 없어 둘이 같은 행을 쓴다. | Evidence: L370-L377" style="whiteSpace=wrap;html=1;rounded=1;strokeWidth=2;fontSize=14;fontStyle=1;fillColor=#ffffff;strokeColor=#2d4357;verticalAlign=middle;shape=cylinder3;boundedLbl=1;backgroundOutline=1;fillColor=#eef6fb;strokeColor=#d97706;fillColor=#fffdf5;" vertex="1" parent="1">
<mxGeometry x="100.0" y="220.0" width="300.0" height="97.0" as="geometry"/>
<mxCell id="n_token-row" value="토큰 행&lt;br/&gt;PRIMARY KEY (client_registration_id, principal_name)" tooltip="기본키에 세션 id 가 없어 둘이 같은 행을 쓴다. | Evidence: L776-L781" style="whiteSpace=wrap;html=1;rounded=1;strokeWidth=2;fontSize=14;fontStyle=1;fillColor=#ffffff;strokeColor=#2d4357;verticalAlign=middle;shape=cylinder3;boundedLbl=1;backgroundOutline=1;fillColor=#eef6fb;strokeColor=#d97706;fillColor=#fffdf5;" vertex="1" parent="1">
<mxGeometry x="380.0" y="124.5" width="300.0" height="71.0" as="geometry"/>
</mxCell>
<mxCell id="n_leftover" value="로그아웃 후 남는 것&lt;br/&gt;평문 refresh token" tooltip="Redis 세션은 0 키인데 여기는 1 행이 남는다. | Evidence: L378-L384" style="whiteSpace=wrap;html=1;rounded=1;strokeWidth=2;fontSize=14;fontStyle=1;fillColor=#ffffff;strokeColor=#2d4357;verticalAlign=middle;shape=cylinder3;boundedLbl=1;backgroundOutline=1;fillColor=#eef6fb;strokeColor=#d97706;fillColor=#fffdf5;" vertex="1" parent="1">
<mxGeometry x="175.0" y="413.0" width="150.0" height="97.0" as="geometry"/>
<mxCell id="n_leftover" value="로그아웃 후 남는 것&lt;br/&gt;평문 refresh token" tooltip="Redis 세션은 0 키인데 여기는 1 행이 남는다. | Evidence: L789-L794" style="whiteSpace=wrap;html=1;rounded=1;strokeWidth=2;fontSize=14;fontStyle=1;fillColor=#ffffff;strokeColor=#2d4357;verticalAlign=middle;shape=cylinder3;boundedLbl=1;backgroundOutline=1;fillColor=#eef6fb;strokeColor=#d97706;fillColor=#fffdf5;" vertex="1" parent="1">
<mxGeometry x="840.0" y="124.5" width="150.0" height="71.0" as="geometry"/>
</mxCell>
<mxCell id="e_s1-t" value="principal 이름" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=2;endArrow=block;endFill=1;" edge="1" parent="1" source="n_s1" target="n_token-row">
<mxGeometry relative="1" as="geometry">
<mxPoint x="193.0" y="144.0" as="offset"/>
<mxPoint x="324.0" y="121.5" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="e_s2-t" value="같은 키 · 덮어쓰기" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=2;endArrow=block;endFill=1;" edge="1" parent="1" source="n_s2" target="n_token-row">
<mxGeometry relative="1" as="geometry">
<mxPoint x="307.0" y="144.0" as="offset"/>
<mxPoint x="324.0" y="198.5" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="e_t-l" value="로그아웃 미정리" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=2;endArrow=block;endFill=1;" edge="1" parent="1" source="n_token-row" target="n_leftover">
<mxGeometry relative="1" as="geometry">
<mxPoint x="274.0" y="365.0" as="offset"/>
<mxPoint x="760.0" y="132.0" as="offset"/>
</mxGeometry>
</mxCell>
</root>
@@ -6,10 +6,10 @@
{
"id": "edge-s1-t",
"type": "arrow",
"x": 145.0,
"y": 124.0,
"width": 96.0,
"height": 96.0,
"x": 220.0,
"y": 92.0,
"width": 160.0,
"height": 59.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
@@ -36,16 +36,16 @@
0.0
],
[
0.0,
48.0
80.0,
0.0
],
[
96.0,
48.0
80.0,
59.0
],
[
96.0,
96.0
160.0,
59.0
]
],
"lastCommittedPoint": null,
@@ -66,8 +66,8 @@
{
"id": "edge-label-s1-t",
"type": "text",
"x": 145.0,
"y": 132.0,
"x": 276.0,
"y": 109.5,
"width": 96,
"height": 24,
"angle": 0,
@@ -105,10 +105,10 @@
{
"id": "edge-s2-t",
"type": "arrow",
"x": 259.0,
"y": 124.0,
"width": 96.0,
"height": 96.0,
"x": 220.0,
"y": 169.0,
"width": 160.0,
"height": 59.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
@@ -131,20 +131,20 @@
"locked": false,
"points": [
[
96.0,
0.0,
59.0
],
[
80.0,
59.0
],
[
80.0,
0.0
],
[
96.0,
48.0
],
[
0.0,
48.0
],
[
0.0,
96.0
160.0,
0.0
]
],
"lastCommittedPoint": null,
@@ -165,8 +165,8 @@
{
"id": "edge-label-s2-t",
"type": "text",
"x": 262.0,
"y": 132.0,
"x": 279.0,
"y": 186.5,
"width": 90,
"height": 24,
"angle": 0,
@@ -204,10 +204,10 @@
{
"id": "edge-t-l",
"type": "arrow",
"x": 250.0,
"y": 317.0,
"width": 0.0,
"height": 96.0,
"x": 680.0,
"y": 160.0,
"width": 160.0,
"height": 0.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
@@ -234,16 +234,16 @@
0.0
],
[
0.0,
48.0
80.0,
0.0
],
[
0.0,
48.0
80.0,
0.0
],
[
0.0,
96.0
160.0,
0.0
]
],
"lastCommittedPoint": null,
@@ -264,8 +264,8 @@
{
"id": "edge-label-t-l",
"type": "text",
"x": 229.0,
"y": 353.0,
"x": 715.0,
"y": 120.0,
"width": 90,
"height": 24,
"angle": 0,
@@ -372,8 +372,8 @@
{
"id": "node-s2",
"type": "rectangle",
"x": 280.0,
"y": 60.0,
"x": 70.0,
"y": 196.0,
"width": 150.0,
"height": 64.0,
"angle": 0,
@@ -402,8 +402,8 @@
{
"id": "node-label-s2",
"type": "text",
"x": 290.0,
"y": 70.0,
"x": 80.0,
"y": 206.0,
"width": 130.0,
"height": 44.0,
"angle": 0,
@@ -441,10 +441,10 @@
{
"id": "node-token-row",
"type": "rectangle",
"x": 100.0,
"y": 220.0,
"x": 380.0,
"y": 124.5,
"width": 300.0,
"height": 97.0,
"height": 71.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "#e7f5ff",
@@ -471,10 +471,10 @@
{
"id": "node-label-token-row",
"type": "text",
"x": 110.0,
"y": 230.0,
"x": 390.0,
"y": 134.5,
"width": 280.0,
"height": 77.0,
"height": 51.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
@@ -510,10 +510,10 @@
{
"id": "node-leftover",
"type": "rectangle",
"x": 175.0,
"y": 413.0,
"x": 840.0,
"y": 124.5,
"width": 150.0,
"height": 97.0,
"height": 71.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "#e7f5ff",
@@ -540,10 +540,10 @@
{
"id": "node-label-leftover",
"type": "text",
"x": 185.0,
"y": 423.0,
"x": 850.0,
"y": 134.5,
"width": 130.0,
"height": 77.0,
"height": 51.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
@@ -2,14 +2,14 @@
"harness_version": "0.2.0",
"spec_id": "b2-primary-key-overwrite",
"spec_version": "1.1",
"spec_sha256": "88795858ea78e4c8a0f6fca3a6131c36883a2378246384b83b9d31b636a7b5a4",
"spec_sha256": "aff371821f0477e1dead5fdd7bf81eb08ffd8344c331d23f0fdcfca8d263eb11",
"source_context": {
"document": "docs/keycloak-session-store/final/document.md",
"document_sha256": "1d44cba1905544d92f1d26ae36a8deb64a3db3914d6b488fd30d6ae7f8cfbabe",
"document_sha256": "28aef96a2bbb94fbb10ade26a71238fee62a5a4d9fa6e7749ae98cfd0a65e560",
"anchor": {
"kind": "heading",
"value": "B-2 · 저장소를 나눠 풀자 다른 두 문제가 남았다",
"line": 365
"line": 771
}
},
"outputs": [
@@ -1,6 +1,6 @@
%% 덮어쓰기를 만드는 기본키
%% question: 같은 사용자의 두 브라우저가 서로의 토큰을 지우는 이유는 무엇인가
flowchart TB
flowchart LR
n0["브라우저 A 세션"]
n1["브라우저 B 세션"]
n2[("토큰 행")]
@@ -1,8 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="680" height="555" viewBox="0 0 680 555" role="img" aria-labelledby="diagram-title diagram-description">
<svg xmlns="http://www.w3.org/2000/svg" width="1035" height="305" viewBox="0 0 1035 305" role="img" aria-labelledby="diagram-title diagram-description">
<title id="diagram-title">덮어쓰기를 만드는 기본키</title>
<desc id="diagram-description">토큰을 PostgreSQL 로 옮겨 다중 인스턴스 문제는 풀렸다. 그러나 기본키가 client_registration_id 와 principal_name 의 조합이고 세션 id 가 들어 있지 않다. 같은 사용자의 두 세션이 같은 행을 쓰므로 나중 로그인이 앞의 토큰을 덮어쓴다. 그리고 로그아웃하면 Redis 세션은 0 키로 정리되지만 PostgreSQL 에는 평문 refresh token 이 한 행 그대로 남는다.</desc>
<metadata>{&quot;techviz&quot;:{&quot;spec_version&quot;:&quot;1.1&quot;,&quot;id&quot;:&quot;b2-primary-key-overwrite&quot;,&quot;profile&quot;:&quot;component-flow&quot;},&quot;source_context&quot;:{&quot;document&quot;:&quot;docs/keycloak-session-store/final/document.md&quot;,&quot;document_sha256&quot;:&quot;1d44cba1905544d92f1d26ae36a8deb64a3db3914d6b488fd30d6ae7f8cfbabe&quot;,&quot;anchor&quot;:{&quot;kind&quot;:&quot;heading&quot;,&quot;value&quot;:&quot;B-2 · 저장소를 나눠 풀자 다른 두 문제가 남았다&quot;,&quot;line&quot;:365}},&quot;evidence_policy&quot;:&quot;Each factual element cites source lines or is marked assumption.&quot;,&quot;diagram_only&quot;:true}</metadata>
<metadata>{&quot;techviz&quot;:{&quot;spec_version&quot;:&quot;1.1&quot;,&quot;id&quot;:&quot;b2-primary-key-overwrite&quot;,&quot;profile&quot;:&quot;component-flow&quot;},&quot;source_context&quot;:{&quot;document&quot;:&quot;docs/keycloak-session-store/final/document.md&quot;,&quot;document_sha256&quot;:&quot;28aef96a2bbb94fbb10ade26a71238fee62a5a4d9fa6e7749ae98cfd0a65e560&quot;,&quot;anchor&quot;:{&quot;kind&quot;:&quot;heading&quot;,&quot;value&quot;:&quot;B-2 · 저장소를 나눠 풀자 다른 두 문제가 남았다&quot;,&quot;line&quot;:771}},&quot;evidence_policy&quot;:&quot;Each factual element cites source lines or is marked assumption.&quot;,&quot;diagram_only&quot;:true}</metadata>
<defs>
<marker id="arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
<path d="M 0 0 L 10 5 L 0 10 z" />
@@ -49,34 +49,34 @@
.timeline-detail { font-size: 11px; fill: #4b5563; text-anchor: middle; }
</style>
</defs>
<rect class="canvas" width="680" height="555" />
<polyline class="edge kind-write style-solid emphasis-normal" points="145.0,124.0 145.0,172.0 241.0,172.0 241.0,220.0" data-evidence="370-377" />
<rect class="edge-label-bg" x="143.8" y="130.0" width="98.4" height="22" rx="3" />
<text class="edge-label" x="193.0" y="145.0">principal 이름</text>
<polyline class="edge kind-write style-solid emphasis-normal" points="355.0,124.0 355.0,172.0 259.0,172.0 259.0,220.0" data-evidence="370-377" />
<rect class="edge-label-bg" x="261.1" y="130.0" width="91.7" height="22" rx="3" />
<text class="edge-label" x="307.0" y="145.0">같은 키 · 덮어쓰기</text>
<polyline class="edge kind-blocked style-solid emphasis-normal" points="250.0,317.0 250.0,365.0 250.0,365.0 250.0,413.0" data-evidence="378-384" />
<rect class="edge-label-bg" x="238.2" y="351.0" width="71.6" height="22" rx="3" />
<text class="edge-label" x="274.0" y="366.0">로그아웃 미정리</text>
<rect class="canvas" width="1035" height="305" />
<polyline class="edge kind-write style-solid emphasis-normal" points="220.0,92.0 300.0,92.0 300.0,151.0 380.0,151.0" data-evidence="776-781" />
<rect class="edge-label-bg" x="274.8" y="107.5" width="98.4" height="22" rx="3" />
<text class="edge-label" x="324.0" y="122.5">principal 이름</text>
<polyline class="edge kind-write style-solid emphasis-normal" points="220.0,228.0 300.0,228.0 300.0,169.0 380.0,169.0" data-evidence="776-781" />
<rect class="edge-label-bg" x="278.1" y="184.5" width="91.7" height="22" rx="3" />
<text class="edge-label" x="324.0" y="199.5">같은 키 · 덮어쓰기</text>
<polyline class="edge kind-blocked style-solid emphasis-normal" points="680.0,160.0 760.0,160.0 760.0,160.0 840.0,160.0" data-evidence="789-794" />
<rect class="edge-label-bg" x="724.2" y="118.0" width="71.6" height="22" rx="3" />
<text class="edge-label" x="760.0" y="133.0">로그아웃 미정리</text>
<g id="node-s1">
<rect class="node-shape kind-component emphasis-primary role-source" data-evidence="360-366" x="70.0" y="60.0" width="150.0" height="64.0" rx="7" />
<rect class="node-shape kind-component emphasis-primary role-source" data-evidence="745-747" x="70.0" y="60.0" width="150.0" height="64.0" rx="7" />
<text class="node-label" x="145.0" y="90.0">브라우저 A 세션</text>
</g>
<g id="node-s2">
<rect class="node-shape kind-component emphasis-primary role-source" data-evidence="360-366" x="280.0" y="60.0" width="150.0" height="64.0" rx="7" />
<text class="node-label" x="355.0" y="90.0">브라우저 B 세션</text>
<rect class="node-shape kind-component emphasis-primary role-source" data-evidence="745-747" x="70.0" y="196.0" width="150.0" height="64.0" rx="7" />
<text class="node-label" x="145.0" y="226.0">브라우저 B 세션</text>
</g>
<g id="node-token-row">
<rect class="node-shape kind-datastore emphasis-warning role-target" data-evidence="370-377" x="100.0" y="233.0" width="300.0" height="71.0" /><ellipse class="node-shape kind-datastore emphasis-warning role-target" cx="250.0" cy="233.0" rx="150.0" ry="13.0" /><path class="storage-bottom" d="M 100.0 304.0 A 150.0 13.0 0 0 0 400.0 304.0" />
<text class="node-label" x="250.0" y="260.0">토큰 행</text>
<line class="node-detail-divider" x1="114.0" y1="281.0" x2="386.0" y2="281.0" />
<text class="node-detail" x="116.0" y="298.0">PRIMARY KEY (client_registration_id, principal_name)</text>
<rect class="node-shape kind-datastore emphasis-warning role-target" data-evidence="776-781" x="380.0" y="136.3" width="300.0" height="47.3" /><ellipse class="node-shape kind-datastore emphasis-warning role-target" cx="530.0" cy="136.3" rx="150.0" ry="11.8" /><path class="storage-bottom" d="M 380.0 183.7 A 150.0 11.8 0 0 0 680.0 183.7" />
<text class="node-label" x="530.0" y="151.5">토큰 행</text>
<line class="node-detail-divider" x1="394.0" y1="172.5" x2="666.0" y2="172.5" />
<text class="node-detail" x="396.0" y="189.5">PRIMARY KEY (client_registration_id, principal_name)</text>
</g>
<g id="node-leftover">
<rect class="node-shape kind-datastore emphasis-warning role-target" data-evidence="378-384" x="175.0" y="426.0" width="150.0" height="71.0" /><ellipse class="node-shape kind-datastore emphasis-warning role-target" cx="250.0" cy="426.0" rx="75.0" ry="13.0" /><path class="storage-bottom" d="M 175.0 497.0 A 75.0 13.0 0 0 0 325.0 497.0" />
<text class="node-label" x="250.0" y="453.0">로그아웃 후 남는 것</text>
<line class="node-detail-divider" x1="189.0" y1="474.0" x2="311.0" y2="474.0" />
<text class="node-detail" x="191.0" y="491.0">평문 refresh token</text>
<rect class="node-shape kind-datastore emphasis-warning role-target" data-evidence="789-794" x="840.0" y="136.3" width="150.0" height="47.3" /><ellipse class="node-shape kind-datastore emphasis-warning role-target" cx="915.0" cy="136.3" rx="75.0" ry="11.8" /><path class="storage-bottom" d="M 840.0 183.7 A 75.0 11.8 0 0 0 990.0 183.7" />
<text class="node-label" x="915.0" y="151.5">로그아웃 후 남는 것</text>
<line class="node-detail-divider" x1="854.0" y1="172.5" x2="976.0" y2="172.5" />
<text class="node-detail" x="856.0" y="189.5">평문 refresh token</text>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 7.1 KiB

After

Width:  |  Height:  |  Size: 7.1 KiB