mermaid 코드 테스트
flowchart TD
subgraph Entry["Entry Layer — 사용자 진입점"]
direction LR
A1["REPL.tsx<br/>대화형 REPL"]
A2["QueryEngine.ts<br/>SDK · 헤드리스"]
A3["print.ts<br/>claude -p 모드"]
end
subgraph Composition["Composition Layer — 조립 계층"]
direction TB
B1["queryContext.ts<br/>fetchSystemPromptParts()"]
B2["prompts.ts<br/>getSystemPrompt()"]
B3["context.ts<br/>getUserContext / getSystemContext"]
B4["query.ts<br/>query() 제너레이터"]
B5["api.ts<br/>appendSystemContext / prependUserContext"]
B1 --> B2
B1 --> B3
B2 --> B4
B3 --> B4
B4 --> B5
end
subgraph Transport["Transport Layer — 전송 계층"]
direction TB
C1["claude.ts<br/>queryModel()"]
C2["api.ts<br/>splitSysPromptPrefix()"]
C3["claude.ts<br/>buildSystemPromptBlocks()"]
C4["client.ts<br/>buildFetch() + betas[]"]
C5["@anthropic-ai/sdk<br/>beta.messages.create()"]
C1 --> C2 --> C3 --> C4 --> C5
end
A1 --> B1
A2 --> B1
A3 --> B1
B5 --> C1
classDef entry fill:#e1f5fe,stroke:#01579b,stroke-width:2px
classDef comp fill:#e8f5e9,stroke:#2e7d32,stroke-width:2px
classDef trans fill:#f3e5f5,stroke:#6a1b9a,stroke-width:2px
class A1,A2,A3 entry
class B1,B2,B3,B4,B5 comp
class C1,C2,C3,C4,C5 trans'티스토리' 카테고리의 다른 글
| Markdown 서식확인 샘플 (1) | 2026.04.20 |
|---|---|
| 티스토리 스킨에 Mermaid 다이어그램 적용하기 (0) | 2026.04.17 |
| 티스토리 hello 스킨 사용 (0) | 2026.04.17 |