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

refactor: 문서 개선 중

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
docs/keycloak-session-store/final/assets/c2-backchannel-both-sides/c2-backchannel-both-sides.alt.md
+7 -7
View File
@@ -10,13 +10,13 @@ C-1 에서 로그아웃이 다른 앱으로 퍼지지 않는 것을 관측했고
## Elements and evidence
- **한 앱의 로그아웃** (actor): 한 앱에서 로그아웃하면 Keycloak 세션이 끝난다. Evidence: L458–L465.
- **backchannelLogoutUrl** (component): 클라이언트 설정. 비어 있었다. Evidence: L458–L466.
- **앱의 수신 엔드포인트** (component): 소스에 없었다. Evidence: L458–L466.
- **다른 앱의 세션** (component): 그대로 남는다. Evidence: L458–L466.
- **한 앱의 로그아웃** (actor): 한 앱에서 로그아웃하면 Keycloak 세션이 끝난다. Evidence: L952–L957.
- **backchannelLogoutUrl** (component): 클라이언트 설정. 비어 있었다. Evidence: L952–L966.
- **앱의 수신 엔드포인트** (component): 소스에 없었다. Evidence: L952–L966.
- **다른 앱의 세션** (component): 그대로 남는다. Evidence: L952–L966.
## Relationships
- **backchannelLogoutUrl → 앱의 수신 엔드포인트:** 호출 (주소 필요). Evidence: L458–L466.
- **앱의 수신 엔드포인트 → 다른 앱의 세션:** 세션 삭제 (엔드포인트 필요). Evidence: L458–L466.
- **한 앱의 로그아웃 → backchannelLogoutUrl:** 통지 주소 조회. Evidence: L458–L466.
- **backchannelLogoutUrl → 앱의 수신 엔드포인트:** 호출 (주소 필요). Evidence: L952–L966.
- **앱의 수신 엔드포인트 → 다른 앱의 세션:** 세션 삭제 (엔드포인트 필요). Evidence: L952–L966.
- **한 앱의 로그아웃 → backchannelLogoutUrl:** 통지 주소 조회. Evidence: L952–L966.
docs/keycloak-session-store/final/assets/c2-backchannel-both-sides/c2-backchannel-both-sides.drawio
+12 -12
View File
@@ -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="c2-backchannel-both-sides" name="백채널 로그아웃은 양쪽이 있어야 한다">
<mxGraphModel dx="680" dy="690" 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="680" dy="1215" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1215" math="0" shadow="0">
<root>
<mxCell id="0"/>
<mxCell id="1" parent="0"/>
<mxCell id="n_logout" value="한 앱의 로그아웃" tooltip="한 앱에서 로그아웃하면 Keycloak 세션이 끝난다. | Evidence: L458-L465" style="whiteSpace=wrap;html=1;rounded=1;strokeWidth=2;fontSize=14;fontStyle=1;fillColor=#ffffff;strokeColor=#2d4357;verticalAlign=middle;dashed=1;fillColor=#f5f7fa;strokeColor=#2563eb;strokeWidth=2;" vertex="1" parent="1">
<mxGeometry x="82.0" y="60.0" width="150.0" height="84.0" as="geometry"/>
<mxCell id="n_logout" value="한 앱의 로그아웃" tooltip="한 앱에서 로그아웃하면 Keycloak 세션이 끝난다. | Evidence: L952-L957" style="whiteSpace=wrap;html=1;rounded=1;strokeWidth=2;fontSize=14;fontStyle=1;fillColor=#ffffff;strokeColor=#2d4357;verticalAlign=middle;dashed=1;fillColor=#f5f7fa;strokeColor=#2563eb;strokeWidth=2;" vertex="1" parent="1">
<mxGeometry x="35.0" y="145.0" width="150.0" height="84.0" as="geometry"/>
</mxCell>
<mxCell id="n_kc-config" value="backchannelLogoutUrl&lt;br/&gt;주소 없음" tooltip="클라이언트 설정. 비어 있었다. | Evidence: L458-L466" style="whiteSpace=wrap;html=1;rounded=1;strokeWidth=2;fontSize=14;fontStyle=1;fillColor=#ffffff;strokeColor=#2d4357;verticalAlign=middle;strokeColor=#d97706;fillColor=#fffdf5;" vertex="1" parent="1">
<mxGeometry x="70.0" y="240.0" width="174.0" height="71.0" as="geometry"/>
<mxCell id="n_kc-config" value="backchannelLogoutUrl&lt;br/&gt;주소 없음" tooltip="클라이언트 설정. 비어 있었다. | Evidence: L952-L966" style="whiteSpace=wrap;html=1;rounded=1;strokeWidth=2;fontSize=14;fontStyle=1;fillColor=#ffffff;strokeColor=#2d4357;verticalAlign=middle;strokeColor=#d97706;fillColor=#fffdf5;" vertex="1" parent="1">
<mxGeometry x="41.5" y="455.0" width="174.0" height="71.0" as="geometry"/>
</mxCell>
<mxCell id="n_app-endpoint" value="앱의 수신 엔드포인트&lt;br/&gt;oidcLogout 설정 없음" tooltip="소스에 없었다. | Evidence: L458-L466" style="whiteSpace=wrap;html=1;rounded=1;strokeWidth=2;fontSize=14;fontStyle=1;fillColor=#ffffff;strokeColor=#2d4357;verticalAlign=middle;strokeColor=#d97706;fillColor=#fffdf5;" vertex="1" parent="1">
<mxGeometry x="82.0" y="407.0" width="150.0" height="71.0" as="geometry"/>
<mxCell id="n_app-endpoint" value="앱의 수신 엔드포인트&lt;br/&gt;oidcLogout 설정 없음" tooltip="소스에 없었다. | Evidence: L952-L966" style="whiteSpace=wrap;html=1;rounded=1;strokeWidth=2;fontSize=14;fontStyle=1;fillColor=#ffffff;strokeColor=#2d4357;verticalAlign=middle;strokeColor=#d97706;fillColor=#fffdf5;" vertex="1" parent="1">
<mxGeometry x="41.5" y="789.0" width="150.0" height="71.0" as="geometry"/>
</mxCell>
<mxCell id="n_app-session" value="다른 앱의 세션&lt;br/&gt;네트워크 도달 200" tooltip="그대로 남는다. | Evidence: L458-L466" style="whiteSpace=wrap;html=1;rounded=1;strokeWidth=2;fontSize=14;fontStyle=1;fillColor=#ffffff;strokeColor=#2d4357;verticalAlign=middle;strokeColor=#d97706;fillColor=#fffdf5;" vertex="1" parent="1">
<mxGeometry x="82.0" y="574.0" width="150.0" height="71.0" as="geometry"/>
<mxCell id="n_app-session" value="다른 앱의 세션&lt;br/&gt;네트워크 도달 200" tooltip="그대로 남는다. | Evidence: L952-L966" style="whiteSpace=wrap;html=1;rounded=1;strokeWidth=2;fontSize=14;fontStyle=1;fillColor=#ffffff;strokeColor=#2d4357;verticalAlign=middle;strokeColor=#d97706;fillColor=#fffdf5;" vertex="1" parent="1">
<mxGeometry x="41.5" y="1099.0" width="150.0" height="71.0" as="geometry"/>
</mxCell>
<mxCell id="e_c-e" value="호출 (주소 필요)" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=2;endArrow=block;endFill=1;" edge="1" parent="1" source="n_kc-config" target="n_app-endpoint">
<mxGeometry relative="1" as="geometry">
<mxPoint x="181.0" y="359.0" as="offset"/>
<mxPoint x="122.5" y="629.5" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="e_e-s" value="세션 삭제 (엔드포인트 필요)" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=2;endArrow=block;endFill=1;" edge="1" parent="1" source="n_app-endpoint" target="n_app-session">
<mxGeometry relative="1" as="geometry">
<mxPoint x="181.0" y="526.0" as="offset"/>
<mxPoint x="140.5" y="979.5" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="e_l-c" value="통지 주소 조회" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=2;endArrow=block;endFill=1;" edge="1" parent="1" source="n_logout" target="n_kc-config">
<mxGeometry relative="1" as="geometry">
<mxPoint x="181.0" y="192.0" as="offset"/>
<mxPoint x="119.2" y="314.0" as="offset"/>
</mxGeometry>
</mxCell>
</root>
docs/keycloak-session-store/final/assets/c2-backchannel-both-sides/c2-backchannel-both-sides.excalidraw
+46 -46
View File
@@ -6,10 +6,10 @@
{
"id": "edge-c-e",
"type": "arrow",
"x": 157.0,
"y": 311.0,
"width": 0.0,
"height": 96.0,
"x": 116.5,
"y": 526.0,
"width": 12.0,
"height": 263.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
@@ -32,20 +32,20 @@
"locked": false,
"points": [
[
0.0,
12.0,
0.0
],
[
0.0,
48.0
12.0,
131.5
],
[
0.0,
48.0
131.5
],
[
0.0,
96.0
263.0
]
],
"lastCommittedPoint": null,
@@ -66,8 +66,8 @@
{
"id": "edge-label-c-e",
"type": "text",
"x": 136.0,
"y": 347.0,
"x": 77.5,
"y": 617.5,
"width": 90,
"height": 24,
"angle": 0,
@@ -105,10 +105,10 @@
{
"id": "edge-e-s",
"type": "arrow",
"x": 157.0,
"y": 478.0,
"x": 116.5,
"y": 860.0,
"width": 0.0,
"height": 96.0,
"height": 239.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
@@ -136,15 +136,15 @@
],
[
0.0,
48.0
119.5
],
[
0.0,
48.0
119.5
],
[
0.0,
96.0
239.0
]
],
"lastCommittedPoint": null,
@@ -165,8 +165,8 @@
{
"id": "edge-label-e-s",
"type": "text",
"x": 117.0,
"y": 514.0,
"x": 76.5,
"y": 967.5,
"width": 128,
"height": 24,
"angle": 0,
@@ -204,10 +204,10 @@
{
"id": "edge-l-c",
"type": "arrow",
"x": 157.0,
"y": 144.0,
"width": 0.0,
"height": 96.0,
"x": 110.0,
"y": 229.0,
"width": 18.5,
"height": 226.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
@@ -235,15 +235,15 @@
],
[
0.0,
48.0
113.0
],
[
0.0,
48.0
18.5,
113.0
],
[
0.0,
96.0
18.5,
226.0
]
],
"lastCommittedPoint": null,
@@ -264,8 +264,8 @@
{
"id": "edge-label-l-c",
"type": "text",
"x": 136.0,
"y": 180.0,
"x": 74.25,
"y": 302.0,
"width": 90,
"height": 24,
"angle": 0,
@@ -303,8 +303,8 @@
{
"id": "node-logout",
"type": "rectangle",
"x": 82.0,
"y": 60.0,
"x": 35.0,
"y": 145.0,
"width": 150.0,
"height": 84.0,
"angle": 0,
@@ -333,8 +333,8 @@
{
"id": "node-label-logout",
"type": "text",
"x": 92.0,
"y": 70.0,
"x": 45.0,
"y": 155.0,
"width": 130.0,
"height": 64.0,
"angle": 0,
@@ -372,8 +372,8 @@
{
"id": "node-kc-config",
"type": "rectangle",
"x": 70.0,
"y": 240.0,
"x": 41.5,
"y": 455.0,
"width": 174.0,
"height": 71.0,
"angle": 0,
@@ -402,8 +402,8 @@
{
"id": "node-label-kc-config",
"type": "text",
"x": 80.0,
"y": 250.0,
"x": 51.5,
"y": 465.0,
"width": 154.0,
"height": 51.0,
"angle": 0,
@@ -441,8 +441,8 @@
{
"id": "node-app-endpoint",
"type": "rectangle",
"x": 82.0,
"y": 407.0,
"x": 41.5,
"y": 789.0,
"width": 150.0,
"height": 71.0,
"angle": 0,
@@ -471,8 +471,8 @@
{
"id": "node-label-app-endpoint",
"type": "text",
"x": 92.0,
"y": 417.0,
"x": 51.5,
"y": 799.0,
"width": 130.0,
"height": 51.0,
"angle": 0,
@@ -510,8 +510,8 @@
{
"id": "node-app-session",
"type": "rectangle",
"x": 82.0,
"y": 574.0,
"x": 41.5,
"y": 1099.0,
"width": 150.0,
"height": 71.0,
"angle": 0,
@@ -540,8 +540,8 @@
{
"id": "node-label-app-session",
"type": "text",
"x": 92.0,
"y": 584.0,
"x": 51.5,
"y": 1109.0,
"width": 130.0,
"height": 51.0,
"angle": 0,
docs/keycloak-session-store/final/assets/c2-backchannel-both-sides/c2-backchannel-both-sides.manifest.json
+5 -5
View File
@@ -2,26 +2,26 @@
"harness_version": "0.2.0",
"spec_id": "c2-backchannel-both-sides",
"spec_version": "1.1",
"spec_sha256": "7197b688cc0a3bdd859bda6c2bc4c32af3e562e2bd165d27d50e66aa63bc942d",
"spec_sha256": "cc66cd77f323c21b74389a31312ef247f37a21ae84780157948d92975d952466",
"source_context": {
"document": "docs/keycloak-session-store/final/document.md",
"document_sha256": "1d44cba1905544d92f1d26ae36a8deb64a3db3914d6b488fd30d6ae7f8cfbabe",
"document_sha256": "28aef96a2bbb94fbb10ade26a71238fee62a5a4d9fa6e7749ae98cfd0a65e560",
"anchor": {
"kind": "heading",
"value": "C층 — SSO 와 로그아웃 전파",
"line": 464
"line": 964
}
},
"outputs": [
"c2-backchannel-both-sides.svg",
"c2-backchannel-both-sides.drawio",
"c2-backchannel-both-sides.mmd",
"c2-backchannel-both-sides.d2",
"c2-backchannel-both-sides.dot",
"c2-backchannel-both-sides.drawio",
"c2-backchannel-both-sides.excalidraw",
"c2-backchannel-both-sides.alt.md"
],
"lint_issue_count": 0,
"lint_issue_count": 1,
"assumption_count": 0,
"assumptions_allowed": false,
"composition_profile": "component-flow",
docs/keycloak-session-store/final/assets/c2-backchannel-both-sides/c2-backchannel-both-sides.svg
+26 -26
View File
@@ -1,8 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="680" height="690" viewBox="0 0 680 690" role="img" aria-labelledby="diagram-title diagram-description">
<svg xmlns="http://www.w3.org/2000/svg" width="680" height="1215" viewBox="0 0 680 1215" role="img" aria-labelledby="diagram-title diagram-description">
<title id="diagram-title">백채널 로그아웃은 양쪽이 있어야 한다</title>
<desc id="diagram-description">C-1 에서 로그아웃이 다른 앱으로 퍼지지 않는 것을 관측했고 원인은 단순했다. 두 클라이언트 모두 backchannelLogoutUrl 이 비어 있어 Keycloak 은 부를 주소를 몰랐고, BFF 소스에는 oidcLogout 설정이 없어 주소를 알려줘도 받을 곳이 없었다. Keycloak 파드에서 앱 URL 로 요청하면 200 이 돌아오므로 네트워크 문제도 아니다. 설정이 빠졌다와 기능이 없다는 다르게 고쳐야 하는데 여기는 둘 다였다.</desc>
<metadata>{&quot;techviz&quot;:{&quot;spec_version&quot;:&quot;1.1&quot;,&quot;id&quot;:&quot;c2-backchannel-both-sides&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;C층 — SSO 와 로그아웃 전파&quot;,&quot;line&quot;:464}},&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;c2-backchannel-both-sides&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;C층 — SSO 와 로그아웃 전파&quot;,&quot;line&quot;:964}},&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,36 +49,36 @@
.timeline-detail { font-size: 11px; fill: #4b5563; text-anchor: middle; }
</style>
</defs>
<rect class="canvas" width="680" height="690" />
<polyline class="edge kind-blocked style-solid emphasis-normal" points="157.0,311.0 157.0,359.0 157.0,359.0 157.0,407.0" data-evidence="458-466" />
<rect class="edge-label-bg" x="138.5" y="345.0" width="85.0" height="22" rx="3" />
<text class="edge-label" x="181.0" y="360.0">호출 (주소 필요)</text>
<polyline class="edge kind-blocked style-solid emphasis-normal" points="157.0,478.0 157.0,526.0 157.0,526.0 157.0,574.0" data-evidence="458-466" />
<rect class="edge-label-bg" x="118.4" y="512.0" width="125.2" height="22" rx="3" />
<text class="edge-label" x="181.0" y="527.0">세션 삭제 (엔드포인트 필요)</text>
<polyline class="edge kind-request style-solid emphasis-normal" points="157.0,144.0 157.0,192.0 157.0,192.0 157.0,240.0" data-evidence="458-466" />
<rect class="edge-label-bg" x="145.2" y="178.0" width="71.6" height="22" rx="3" />
<text class="edge-label" x="181.0" y="193.0">통지 주소 조회</text>
<rect class="canvas" width="680" height="1215" />
<polyline class="edge kind-blocked style-solid emphasis-normal" points="128.5,526.0 128.5,657.5 116.5,657.5 116.5,789.0" data-evidence="952-966" />
<rect class="edge-label-bg" x="80.0" y="615.5" width="85.0" height="22" rx="3" />
<text class="edge-label" x="122.5" y="630.5">호출 (주소 필요)</text>
<polyline class="edge kind-blocked style-solid emphasis-normal" points="116.5,860.0 116.5,979.5 116.5,979.5 116.5,1099.0" data-evidence="952-966" />
<rect class="edge-label-bg" x="77.9" y="965.5" width="125.2" height="22" rx="3" />
<text class="edge-label" x="140.5" y="980.5">세션 삭제 (엔드포인트 필요)</text>
<polyline class="edge kind-request style-solid emphasis-normal" points="110.0,229.0 110.0,342.0 128.5,342.0 128.5,455.0" data-evidence="952-966" />
<rect class="edge-label-bg" x="83.5" y="300.0" width="71.6" height="22" rx="3" />
<text class="edge-label" x="119.2" y="315.0">통지 주소 조회</text>
<g id="node-logout">
<g class="actor-symbol emphasis-primary" data-evidence="458-465"><circle cx="157.0" cy="80.0" r="11.0" /><line x1="157.0" y1="96.0" x2="157.0" y2="105.0" /><line x1="139.0" y1="106.0" x2="175.0" y2="106.0" /><line x1="157.0" y1="105.0" x2="142.0" y2="122.0" /><line x1="157.0" y1="105.0" x2="172.0" y2="122.0" /></g>
<text class="node-label" x="157.0" y="137.0">한 앱의 로그아웃</text>
<g class="actor-symbol emphasis-primary" data-evidence="952-957"><circle cx="110.0" cy="165.0" r="11.0" /><line x1="110.0" y1="181.0" x2="110.0" y2="200.0" /><line x1="92.0" y1="191.0" x2="128.0" y2="191.0" /><line x1="110.0" y1="200.0" x2="95.0" y2="217.0" /><line x1="110.0" y1="200.0" x2="125.0" y2="217.0" /></g>
<text class="node-label" x="110.0" y="222.0">한 앱의 로그아웃</text>
</g>
<g id="node-kc-config">
<rect class="node-shape kind-component emphasis-warning role-control" data-evidence="458-466" x="70.0" y="240.0" width="174.0" height="71.0" rx="7" />
<text class="node-label" x="157.0" y="267.0">backchannelLogoutUrl</text>
<line class="node-detail-divider" x1="84.0" y1="288.0" x2="230.0" y2="288.0" />
<text class="node-detail" x="86.0" y="305.0">주소 없음</text>
<rect class="node-shape kind-component emphasis-warning role-control" data-evidence="952-966" x="41.5" y="455.0" width="174.0" height="71.0" rx="7" />
<text class="node-label" x="128.5" y="482.0">backchannelLogoutUrl</text>
<line class="node-detail-divider" x1="55.5" y1="503.0" x2="201.5" y2="503.0" />
<text class="node-detail" x="57.5" y="520.0">주소 없음</text>
</g>
<g id="node-app-endpoint">
<rect class="node-shape kind-component emphasis-warning role-control" data-evidence="458-466" x="82.0" y="407.0" width="150.0" height="71.0" rx="7" />
<text class="node-label" x="157.0" y="434.0">앱의 수신 엔드포인트</text>
<line class="node-detail-divider" x1="96.0" y1="455.0" x2="218.0" y2="455.0" />
<text class="node-detail" x="98.0" y="472.0">oidcLogout 설정 없음</text>
<rect class="node-shape kind-component emphasis-warning role-control" data-evidence="952-966" x="41.5" y="789.0" width="150.0" height="71.0" rx="7" />
<text class="node-label" x="116.5" y="816.0">앱의 수신 엔드포인트</text>
<line class="node-detail-divider" x1="55.5" y1="837.0" x2="177.5" y2="837.0" />
<text class="node-detail" x="57.5" y="854.0">oidcLogout 설정 없음</text>
</g>
<g id="node-app-session">
<rect class="node-shape kind-component emphasis-warning role-target" data-evidence="458-466" x="82.0" y="574.0" width="150.0" height="71.0" rx="7" />
<text class="node-label" x="157.0" y="601.0">다른 앱의 세션</text>
<line class="node-detail-divider" x1="96.0" y1="622.0" x2="218.0" y2="622.0" />
<text class="node-detail" x="98.0" y="639.0">네트워크 도달 200</text>
<rect class="node-shape kind-component emphasis-warning role-target" data-evidence="952-966" x="41.5" y="1099.0" width="150.0" height="71.0" rx="7" />
<text class="node-label" x="116.5" y="1126.0">다른 앱의 세션</text>
<line class="node-detail-divider" x1="55.5" y1="1147.0" x2="177.5" y2="1147.0" />
<text class="node-detail" x="57.5" y="1164.0">네트워크 도달 200</text>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.1 KiB

After

Width:  |  Height:  |  Size: 7.1 KiB