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/bff-store-lookup-keys/bff-store-lookup-keys.alt.md
+9 -9
View File
@@ -10,15 +10,15 @@ Spring Security 의 자동 구성은 세션을 서블릿 컨테이너 메모리
## Elements and evidence
- **브라우저 요청** (actor): 쿠키에 세션 id 를 담아 온다. Evidence: L326–L331.
- **Application Session** (component): 누가 로그인했는지를 담는다. 세션 id 로 찾는다. Evidence: L335–L341.
- **OAuth2AuthorizedClient** (component): access · refresh token 을 담는다. principal 이름으로 찾는다. Evidence: L335–L341.
- **Redis** (datastore): 세션을 옮긴 곳. B-1 에서 여기까지는 옮겨졌다. Evidence: L347–L351.
- **PostgreSQL** (datastore): 토큰을 옮긴 곳. B-2 에서 따로 옮겨야 했다. Evidence: L355–L358.
- **브라우저 요청** (actor): 쿠키에 세션 id 를 담아 온다. Evidence: L719–L722.
- **Application Session** (component): 누가 로그인했는지를 담는다. 세션 id 로 찾는다. Evidence: L727–L732.
- **OAuth2AuthorizedClient** (component): access · refresh token 을 담는다. principal 이름으로 찾는다. Evidence: L727–L732.
- **Redis** (datastore): 세션을 옮긴 곳. B-1 에서 여기까지는 옮겨졌다. Evidence: L744–L747.
- **PostgreSQL** (datastore): 토큰을 옮긴 곳. B-2 에서 따로 옮겨야 했다. Evidence: L773–L776.
## Relationships
- **OAuth2AuthorizedClient → PostgreSQL:** 저장. Evidence: L355–L358.
- **브라우저 요청 → OAuth2AuthorizedClient:** 조회. Evidence: L332–L341.
- **브라우저 요청 → Application Session:** 조회. Evidence: L326–L331.
- **Application Session → Redis:** 저장. Evidence: L347–L351.
- **OAuth2AuthorizedClient → PostgreSQL:** 저장. Evidence: L773–L776.
- **브라우저 요청 → OAuth2AuthorizedClient:** 조회. Evidence: L725–L732.
- **브라우저 요청 → Application Session:** 조회. Evidence: L719–L722.
- **Application Session → Redis:** 저장. Evidence: L744–L747.
docs/keycloak-session-store/final/assets/bff-store-lookup-keys/bff-store-lookup-keys.drawio
+15 -15
View File
@@ -1,43 +1,43 @@
<?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="bff-store-lookup-keys" name="BFF 가 저장하는 두 가지와 그 조회 키">
<mxGraphModel dx="1038" dy="371" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1038" pageHeight="1169" math="0" shadow="0">
<mxGraphModel dx="1038" dy="319" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1038" pageHeight="1169" math="0" shadow="0">
<root>
<mxCell id="0"/>
<mxCell id="1" parent="0"/>
<mxCell id="n_request" value="브라우저 요청&lt;br/&gt;JSESSIONID" tooltip="쿠키에 세션 id 를 담아 온다. | Evidence: L326-L331" 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="70.0" y="151.0" width="150.0" height="84.0" as="geometry"/>
<mxCell id="n_request" value="브라우저 요청&lt;br/&gt;JSESSIONID" tooltip="쿠키에 세션 id 를 담아 온다. | Evidence: L719-L722" 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="70.0" y="125.0" width="150.0" height="84.0" as="geometry"/>
</mxCell>
<mxCell id="n_app-session" value="Application Session&lt;br/&gt;조회 키: 세션 id" tooltip="누가 로그인했는지를 담는다. 세션 id 로 찾는다. | Evidence: L335-L341" 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="390.5" y="86.0" width="167.0" height="71.0" as="geometry"/>
<mxCell id="n_app-session" value="Application Session&lt;br/&gt;조회 키: 세션 id" tooltip="누가 로그인했는지를 담는다. 세션 id 로 찾는다. | Evidence: L727-L732" 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="390.5" y="60.0" width="167.0" height="71.0" as="geometry"/>
</mxCell>
<mxCell id="n_authorized-client" value="OAuth2AuthorizedClient&lt;br/&gt;조회 키: principal 이름" tooltip="access · refresh token 을 담는다. principal 이름으로 찾는다. | Evidence: L335-L341" 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="380.0" y="229.0" width="188.0" height="71.0" as="geometry"/>
<mxCell id="n_authorized-client" value="OAuth2AuthorizedClient&lt;br/&gt;조회 키: principal 이름" tooltip="access · refresh token 을 담는다. principal 이름으로 찾는다. | Evidence: L727-L732" 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="380.0" y="203.0" width="188.0" height="71.0" as="geometry"/>
</mxCell>
<mxCell id="n_redis" value="Redis&lt;br/&gt;SPRING_SESSION_STORE_TYPE=redis" tooltip="세션을 옮긴 곳. B-1 에서 여기까지는 옮겨졌다. | Evidence: L347-L351" 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=#2563eb;strokeWidth=2;" vertex="1" parent="1">
<mxGeometry x="735.0" y="60.0" width="251.0" height="97.0" as="geometry"/>
<mxCell id="n_redis" value="Redis&lt;br/&gt;SPRING_SESSION_STORE_TYPE=redis" tooltip="세션을 옮긴 곳. B-1 에서 여기까지는 옮겨졌다. | Evidence: L744-L747" 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=#2563eb;strokeWidth=2;" vertex="1" parent="1">
<mxGeometry x="735.0" y="60.0" width="251.0" height="71.0" as="geometry"/>
</mxCell>
<mxCell id="n_postgres" value="PostgreSQL&lt;br/&gt;JdbcOAuth2AuthorizedClientService" tooltip="토큰을 옮긴 곳. B-2 에서 따로 옮겨야 했다. | Evidence: L355-L358" 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=#2563eb;strokeWidth=2;" vertex="1" parent="1">
<mxGeometry x="728.0" y="229.0" width="265.0" height="97.0" as="geometry"/>
<mxCell id="n_postgres" value="PostgreSQL&lt;br/&gt;JdbcOAuth2AuthorizedClientService" tooltip="토큰을 옮긴 곳. B-2 에서 따로 옮겨야 했다. | Evidence: L773-L776" 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=#2563eb;strokeWidth=2;" vertex="1" parent="1">
<mxGeometry x="728.0" y="203.0" width="265.0" height="71.0" as="geometry"/>
</mxCell>
<mxCell id="e_client-store" value="저장" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=2;endArrow=block;endFill=1;" edge="1" parent="1" source="n_authorized-client" target="n_postgres">
<mxGeometry relative="1" as="geometry">
<mxPoint x="672.0" y="271.0" as="offset"/>
<mxPoint x="648.0" y="210.5" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="e_lookup-client" value="조회" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=2;endArrow=block;endFill=1;" edge="1" parent="1" source="n_request" target="n_authorized-client">
<mxGeometry relative="1" as="geometry">
<mxPoint x="324.0" y="233.2" as="offset"/>
<mxPoint x="324.0" y="207.2" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="e_lookup-session" value="조회" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=2;endArrow=block;endFill=1;" edge="1" parent="1" source="n_request" target="n_app-session">
<mxGeometry relative="1" as="geometry">
<mxPoint x="329.2" y="152.8" as="offset"/>
<mxPoint x="329.2" y="126.8" as="offset"/>
</mxGeometry>
</mxCell>
<mxCell id="e_session-store" 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-session" target="n_redis">
<mxGeometry relative="1" as="geometry">
<mxPoint x="670.2" y="115.0" as="offset"/>
<mxPoint x="646.2" y="67.5" as="offset"/>
</mxGeometry>
</mxCell>
</root>
docs/keycloak-session-store/final/assets/bff-store-lookup-keys/bff-store-lookup-keys.excalidraw
+28 -28
View File
@@ -7,9 +7,9 @@
"id": "edge-client-store",
"type": "arrow",
"x": 568.0,
"y": 264.5,
"y": 238.5,
"width": 160.0,
"height": 13.0,
"height": 0.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
@@ -41,11 +41,11 @@
],
[
80.0,
13.0
0.0
],
[
160.0,
13.0
0.0
]
],
"lastCommittedPoint": null,
@@ -66,8 +66,8 @@
{
"id": "edge-label-client-store",
"type": "text",
"x": 627.0,
"y": 259.0,
"x": 603.0,
"y": 198.5,
"width": 90,
"height": 24,
"angle": 0,
@@ -106,7 +106,7 @@
"id": "edge-lookup-client",
"type": "arrow",
"x": 220.0,
"y": 202.0,
"y": 176.0,
"width": 160.0,
"height": 62.5,
"angle": 0,
@@ -166,7 +166,7 @@
"id": "edge-label-lookup-client",
"type": "text",
"x": 279.0,
"y": 221.25,
"y": 195.25,
"width": 90,
"height": 24,
"angle": 0,
@@ -205,7 +205,7 @@
"id": "edge-lookup-session",
"type": "arrow",
"x": 220.0,
"y": 121.5,
"y": 95.5,
"width": 170.5,
"height": 62.5,
"angle": 0,
@@ -265,7 +265,7 @@
"id": "edge-label-lookup-session",
"type": "text",
"x": 284.25,
"y": 140.75,
"y": 114.75,
"width": 90,
"height": 24,
"angle": 0,
@@ -304,9 +304,9 @@
"id": "edge-session-store",
"type": "arrow",
"x": 557.5,
"y": 108.5,
"y": 95.5,
"width": 177.5,
"height": 13.0,
"height": 0.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
@@ -330,11 +330,11 @@
"points": [
[
0.0,
13.0
0.0
],
[
88.75,
13.0
0.0
],
[
88.75,
@@ -363,8 +363,8 @@
{
"id": "edge-label-session-store",
"type": "text",
"x": 625.25,
"y": 103.0,
"x": 601.25,
"y": 55.5,
"width": 90,
"height": 24,
"angle": 0,
@@ -403,7 +403,7 @@
"id": "node-request",
"type": "rectangle",
"x": 70.0,
"y": 151.0,
"y": 125.0,
"width": 150.0,
"height": 84.0,
"angle": 0,
@@ -433,7 +433,7 @@
"id": "node-label-request",
"type": "text",
"x": 80.0,
"y": 161.0,
"y": 135.0,
"width": 130.0,
"height": 64.0,
"angle": 0,
@@ -472,7 +472,7 @@
"id": "node-app-session",
"type": "rectangle",
"x": 390.5,
"y": 86.0,
"y": 60.0,
"width": 167.0,
"height": 71.0,
"angle": 0,
@@ -502,7 +502,7 @@
"id": "node-label-app-session",
"type": "text",
"x": 400.5,
"y": 96.0,
"y": 70.0,
"width": 147.0,
"height": 51.0,
"angle": 0,
@@ -541,7 +541,7 @@
"id": "node-authorized-client",
"type": "rectangle",
"x": 380.0,
"y": 229.0,
"y": 203.0,
"width": 188.0,
"height": 71.0,
"angle": 0,
@@ -571,7 +571,7 @@
"id": "node-label-authorized-client",
"type": "text",
"x": 390.0,
"y": 239.0,
"y": 213.0,
"width": 168.0,
"height": 51.0,
"angle": 0,
@@ -612,7 +612,7 @@
"x": 735.0,
"y": 60.0,
"width": 251.0,
"height": 97.0,
"height": 71.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "#e7f5ff",
@@ -642,7 +642,7 @@
"x": 745.0,
"y": 70.0,
"width": 231.0,
"height": 77.0,
"height": 51.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
@@ -679,9 +679,9 @@
"id": "node-postgres",
"type": "rectangle",
"x": 728.0,
"y": 229.0,
"y": 203.0,
"width": 265.0,
"height": 97.0,
"height": 71.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "#e7f5ff",
@@ -709,9 +709,9 @@
"id": "node-label-postgres",
"type": "text",
"x": 738.0,
"y": 239.0,
"y": 213.0,
"width": 245.0,
"height": 77.0,
"height": 51.0,
"angle": 0,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
docs/keycloak-session-store/final/assets/bff-store-lookup-keys/bff-store-lookup-keys.manifest.json
+4 -4
View File
@@ -2,22 +2,22 @@
"harness_version": "0.2.0",
"spec_id": "bff-store-lookup-keys",
"spec_version": "1.1",
"spec_sha256": "196f000c18bd775c5cfbdd1c571d723e4797bba6c32865e13e67197fb57faba1",
"spec_sha256": "bff11d8ff3042bae62503194d6d5209c024a57956ca113824041657917b86d2f",
"source_context": {
"document": "docs/keycloak-session-store/final/document.md",
"document_sha256": "609353e10bfd37a9bbb6a79ecf2a32f3d3c02d5d161879a14ad4713e49e7e5e8",
"document_sha256": "28aef96a2bbb94fbb10ade26a71238fee62a5a4d9fa6e7749ae98cfd0a65e560",
"anchor": {
"kind": "heading",
"value": "B-1 · 세션만 Redis 로 옮기면 — 반쪽만 옮겨진다",
"line": 345
"line": 742
}
},
"outputs": [
"bff-store-lookup-keys.svg",
"bff-store-lookup-keys.drawio",
"bff-store-lookup-keys.mmd",
"bff-store-lookup-keys.d2",
"bff-store-lookup-keys.dot",
"bff-store-lookup-keys.drawio",
"bff-store-lookup-keys.excalidraw",
"bff-store-lookup-keys.alt.md"
],
docs/keycloak-session-store/final/assets/bff-store-lookup-keys/bff-store-lookup-keys.svg
+33 -33
View File
@@ -1,8 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="1038" height="371" viewBox="0 0 1038 371" role="img" aria-labelledby="diagram-title diagram-description">
<svg xmlns="http://www.w3.org/2000/svg" width="1038" height="319" viewBox="0 0 1038 319" role="img" aria-labelledby="diagram-title diagram-description">
<title id="diagram-title">BFF 가 저장하는 두 가지와 그 조회 키</title>
<desc id="diagram-description">Spring Security 의 자동 구성은 세션을 서블릿 컨테이너 메모리에, authorized client 를 InMemoryOAuth2AuthorizedClientService 에 둔다. 조회 경로가 다른데 이름이 비슷해 하나로 오해하기 쉽다. AuthenticatedPrincipalOAuth2AuthorizedClientRepository 는 principal 이름으로 찾고 조회 키에 session id 가 없다. 그래서 SPRING_SESSION_STORE_TYPE 을 redis 로 바꿔 세션을 옮겨도 토큰은 인스턴스 메모리에 남는다.</desc>
<metadata>{&quot;techviz&quot;:{&quot;spec_version&quot;:&quot;1.1&quot;,&quot;id&quot;:&quot;bff-store-lookup-keys&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;609353e10bfd37a9bbb6a79ecf2a32f3d3c02d5d161879a14ad4713e49e7e5e8&quot;,&quot;anchor&quot;:{&quot;kind&quot;:&quot;heading&quot;,&quot;value&quot;:&quot;B-1 · 세션만 Redis 로 옮기면 — 반쪽만 옮겨진다&quot;,&quot;line&quot;:345}},&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;bff-store-lookup-keys&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-1 · 세션만 Redis 로 옮기면 — 반쪽만 옮겨진다&quot;,&quot;line&quot;:742}},&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,45 +49,45 @@
.timeline-detail { font-size: 11px; fill: #4b5563; text-anchor: middle; }
</style>
</defs>
<rect class="canvas" width="1038" height="371" />
<polyline class="edge kind-write style-solid emphasis-normal" points="568.0,264.5 648.0,264.5 648.0,277.5 728.0,277.5" data-evidence="355-358" />
<rect class="edge-label-bg" x="650.0" y="257.0" width="44.0" height="22" rx="3" />
<text class="edge-label" x="672.0" y="272.0">저장</text>
<polyline class="edge kind-read style-solid emphasis-normal" points="220.0,202.0 300.0,202.0 300.0,264.5 380.0,264.5" data-evidence="332-341" />
<rect class="edge-label-bg" x="302.0" y="219.2" width="44.0" height="22" rx="3" />
<text class="edge-label" x="324.0" y="234.2">조회</text>
<polyline class="edge kind-read style-solid emphasis-normal" points="220.0,184.0 305.2,184.0 305.2,121.5 390.5,121.5" data-evidence="326-331" />
<rect class="edge-label-bg" x="307.2" y="138.8" width="44.0" height="22" rx="3" />
<text class="edge-label" x="329.2" y="153.8">조회</text>
<polyline class="edge kind-write style-solid emphasis-normal" points="557.5,121.5 646.2,121.5 646.2,108.5 735.0,108.5" data-evidence="347-351" />
<rect class="edge-label-bg" x="648.2" y="101.0" width="44.0" height="22" rx="3" />
<text class="edge-label" x="670.2" y="116.0">저장</text>
<rect class="canvas" width="1038" height="319" />
<polyline class="edge kind-write style-solid emphasis-normal" points="568.0,238.5 648.0,238.5 648.0,238.5 728.0,238.5" data-evidence="773-776" />
<rect class="edge-label-bg" x="626.0" y="196.5" width="44.0" height="22" rx="3" />
<text class="edge-label" x="648.0" y="211.5">저장</text>
<polyline class="edge kind-read style-solid emphasis-normal" points="220.0,176.0 300.0,176.0 300.0,238.5 380.0,238.5" data-evidence="725-732" />
<rect class="edge-label-bg" x="302.0" y="193.2" width="44.0" height="22" rx="3" />
<text class="edge-label" x="324.0" y="208.2">조회</text>
<polyline class="edge kind-read style-solid emphasis-normal" points="220.0,158.0 305.2,158.0 305.2,95.5 390.5,95.5" data-evidence="719-722" />
<rect class="edge-label-bg" x="307.2" y="112.8" width="44.0" height="22" rx="3" />
<text class="edge-label" x="329.2" y="127.8">조회</text>
<polyline class="edge kind-write style-solid emphasis-normal" points="557.5,95.5 646.2,95.5 646.2,95.5 735.0,95.5" data-evidence="744-747" />
<rect class="edge-label-bg" x="624.2" y="53.5" width="44.0" height="22" rx="3" />
<text class="edge-label" x="646.2" y="68.5">저장</text>
<g id="node-request">
<g class="actor-symbol emphasis-primary" data-evidence="326-331"><circle cx="145.0" cy="171.0" r="11.0" /><line x1="145.0" y1="187.0" x2="145.0" y2="196.0" /><line x1="127.0" y1="197.0" x2="163.0" y2="197.0" /><line x1="145.0" y1="196.0" x2="130.0" y2="213.0" /><line x1="145.0" y1="196.0" x2="160.0" y2="213.0" /></g>
<text class="node-label" x="145.0" y="228.0">브라우저 요청</text>
<g class="actor-symbol emphasis-primary" data-evidence="719-722"><circle cx="145.0" cy="145.0" r="11.0" /><line x1="145.0" y1="161.0" x2="145.0" y2="180.0" /><line x1="127.0" y1="171.0" x2="163.0" y2="171.0" /><line x1="145.0" y1="180.0" x2="130.0" y2="197.0" /><line x1="145.0" y1="180.0" x2="160.0" y2="197.0" /></g>
<text class="node-label" x="145.0" y="202.0">브라우저 요청</text>
</g>
<g id="node-app-session">
<rect class="node-shape kind-component emphasis-primary role-store" data-evidence="335-341" x="390.5" y="86.0" width="167.0" height="71.0" rx="7" />
<text class="node-label" x="474.0" y="113.0">Application Session</text>
<line class="node-detail-divider" x1="404.5" y1="134.0" x2="543.5" y2="134.0" />
<text class="node-detail" x="406.5" y="151.0">조회 키: 세션 id</text>
<rect class="node-shape kind-component emphasis-primary role-store" data-evidence="727-732" x="390.5" y="60.0" width="167.0" height="71.0" rx="7" />
<text class="node-label" x="474.0" y="87.0">Application Session</text>
<line class="node-detail-divider" x1="404.5" y1="108.0" x2="543.5" y2="108.0" />
<text class="node-detail" x="406.5" y="125.0">조회 키: 세션 id</text>
</g>
<g id="node-authorized-client">
<rect class="node-shape kind-component emphasis-warning role-store" data-evidence="335-341" x="380.0" y="229.0" width="188.0" height="71.0" rx="7" />
<text class="node-label" x="474.0" y="256.0">OAuth2AuthorizedClient</text>
<line class="node-detail-divider" x1="394.0" y1="277.0" x2="554.0" y2="277.0" />
<text class="node-detail" x="396.0" y="294.0">조회 키: principal 이름</text>
<rect class="node-shape kind-component emphasis-warning role-store" data-evidence="727-732" x="380.0" y="203.0" width="188.0" height="71.0" rx="7" />
<text class="node-label" x="474.0" y="230.0">OAuth2AuthorizedClient</text>
<line class="node-detail-divider" x1="394.0" y1="251.0" x2="554.0" y2="251.0" />
<text class="node-detail" x="396.0" y="268.0">조회 키: principal 이름</text>
</g>
<g id="node-redis">
<rect class="node-shape kind-datastore emphasis-primary role-target" data-evidence="347-351" x="735.0" y="73.0" width="251.0" height="71.0" /><ellipse class="node-shape kind-datastore emphasis-primary role-target" cx="860.5" cy="73.0" rx="125.5" ry="13.0" /><path class="storage-bottom" d="M 735.0 144.0 A 125.5 13.0 0 0 0 986.0 144.0" />
<text class="node-label" x="860.5" y="100.0">Redis</text>
<line class="node-detail-divider" x1="749.0" y1="121.0" x2="972.0" y2="121.0" />
<text class="node-detail" x="751.0" y="138.0">SPRING_SESSION_STORE_TYPE=redis</text>
<rect class="node-shape kind-datastore emphasis-primary role-target" data-evidence="744-747" x="735.0" y="71.8" width="251.0" height="47.3" /><ellipse class="node-shape kind-datastore emphasis-primary role-target" cx="860.5" cy="71.8" rx="125.5" ry="11.8" /><path class="storage-bottom" d="M 735.0 119.2 A 125.5 11.8 0 0 0 986.0 119.2" />
<text class="node-label" x="860.5" y="87.0">Redis</text>
<line class="node-detail-divider" x1="749.0" y1="108.0" x2="972.0" y2="108.0" />
<text class="node-detail" x="751.0" y="125.0">SPRING_SESSION_STORE_TYPE=redis</text>
</g>
<g id="node-postgres">
<rect class="node-shape kind-datastore emphasis-primary role-target" data-evidence="355-358" x="728.0" y="242.0" width="265.0" height="71.0" /><ellipse class="node-shape kind-datastore emphasis-primary role-target" cx="860.5" cy="242.0" rx="132.5" ry="13.0" /><path class="storage-bottom" d="M 728.0 313.0 A 132.5 13.0 0 0 0 993.0 313.0" />
<text class="node-label" x="860.5" y="269.0">PostgreSQL</text>
<line class="node-detail-divider" x1="742.0" y1="290.0" x2="979.0" y2="290.0" />
<text class="node-detail" x="744.0" y="307.0">JdbcOAuth2AuthorizedClientService</text>
<rect class="node-shape kind-datastore emphasis-primary role-target" data-evidence="773-776" x="728.0" y="214.8" width="265.0" height="47.3" /><ellipse class="node-shape kind-datastore emphasis-primary role-target" cx="860.5" cy="214.8" rx="132.5" ry="11.8" /><path class="storage-bottom" d="M 728.0 262.2 A 132.5 11.8 0 0 0 993.0 262.2" />
<text class="node-label" x="860.5" y="230.0">PostgreSQL</text>
<line class="node-detail-divider" x1="742.0" y1="251.0" x2="979.0" y2="251.0" />
<text class="node-detail" x="744.0" y="268.0">JdbcOAuth2AuthorizedClientService</text>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.1 KiB

After

Width:  |  Height:  |  Size: 8.0 KiB