mermaid 코드

2026. 4. 17. 17:53·티스토리

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
'티스토리' 카테고리의 다른 글
  • Markdown 서식확인 샘플
  • 티스토리 스킨에 Mermaid 다이어그램 적용하기
  • 티스토리 hello 스킨 사용
N-analyst
N-analyst
  • N-analyst
    개발자CuCu
    N-analyst
  • 전체
    오늘
    어제
  • 공지사항

    • 티스토리에서 원하는 글 찾는 방법
    • 분류 전체보기 (140)
      • 티스토리 (4)
      • 알고리즘 (5)
        • 알고리즘 정리 (1)
        • 백준 (4)
      • 마크다운(Typora) (13)
        • 사용법 (13)
      • 에러 (1)
        • 파이썬 (1)
      • 데이터 분석 (5)
        • python_analysis (3)
        • Machine Learning (2)
      • AI (109)
        • 파이토치로 시작하는 딥러닝 기초 (2)
        • 부스트 캠프 AI tech (41)
        • 이론 (66)
      • 파이썬(python) (1)
        • 기타 (1)
      • 웹 프로그래밍 (1)
        • 설정 팁 (1)
  • 블로그 메뉴

    • 홈
    • 태그
  • 인기 글

  • 최근 글

  • 최근 댓글

  • hELLO· Designed By정상우.v4.10.6
N-analyst
mermaid 코드
상단으로

티스토리툴바