flowchart LR
    A((마크다운
문법)) --> B["제목 H1-4"]
    A --> C["굵게 / 기울임"]
    A --> D["인라인 코드"]
    A --> E["코드 블록"]
    A --> F["인용문"]
    A --> G["구분선"]
    A --> H["표"]
    A --> I["목록"]
    A --> J["링크 / 이미지"]
    A --> K["Mermaid 다이어그램"]

flowchart TD
    A((Mermaid)) --> B["flowchart — 순서도"]
    A --> C["sequence — 시퀀스"]
    A --> D["class — 클래스"]
    A --> E["state — 상태"]
    A --> F["er — ER 다이어그램"]
    A --> G["gantt — 간트 차트"]
    A --> H["pie — 파이 차트"]
    A --> I["mindmap — 마인드맵"]
    A --> J["timeline — 타임라인"]
    A --> K["gitgraph — Git 그래프"]

flowchart TD
    A[사용자 접속] --> B{로그인 여부}
    B -->|YES| C[대시보드 표시]
    B -->|NO| D[로그인 페이지]
    D --> E[인증 처리]
    E -->|성공| C
    E -->|실패| D

flowchart LR
    A[요청] --> B[컨트롤러]
    B --> C[서비스]
    C --> D[DB]
    D --> C
    C --> B
    B --> A

flowchart TD
    A[요청] --> B[API Gateway]


    subgraph Frontend["프론트엔드"]
        B
        C[React App]
    end


    subgraph Backend["백엔드"]
        D[Node.js]
        E[Express]
    end


    B --> D
    D --> E
    E --> F[(MySQL)]

sequenceDiagram
    actor 사용자
    participant 클라이언트
    participant 서버
    participant DB


    사용자->>클라이언트: 버튼 클릭
    클라이언트->>서버: API 요청
    서버->>DB: 쿼리 실행
    DB-->>서버: 결과 반환
    서버-->>클라이언트: JSON 응답
    클라이언트-->>사용자: 화면 갱신

sequenceDiagram
    client->>server: 요청
    loop 최대 3회 재시도
        server->>API: 데이터 조회
        API-->>server: 응답
    end
    server-->>client: 최종 결과

classDiagram
    class Animal {
        +String name
        +int age
        +makeSound() void
    }
    class Dog {
        +String breed
        +fetch() void
    }
    class Cat {
        +bool isIndoor
        +purr() void
    }
    Animal <|-- Dog
    Animal <|-- Cat

stateDiagram-v2
    [*] --> 대기
    대기 --> 처리중: 요청 수신
    처리중 --> 완료: 성공
    처리중 --> 실패: 에러
    실패 --> 대기: 재시도
    완료 --> [*]

erDiagram
    USER ||--o{ POST : "작성"
    USER ||--o{ COMMENT : "작성"
    POST ||--o{ COMMENT : "포함"
    POST }o--|| CATEGORY : "속함"


    USER {
        int id PK
        string name
        string email
    }
    POST {
        int id PK
        int user_id FK
        string title
        text content
    }

gantt
    title 프로젝트 일정
    dateFormat  YYYY-MM-DD
    section 기획
    요구사항 분석   :a1, 2026-04-01, 7d
    설계           :after a1, 5d
    section 개발
    프론트엔드     :2026-04-15, 14d
    백엔드        :2026-04-15, 14d
    section 테스트
    통합 테스트     :2026-05-01, 7d
    버그 수정       :2026-05-08, 5d

pie title 트래픽 소스 비율
    "직접 접속" : 35
    "검색 엔진" : 30
    "소셜 미디어" : 20
    "외부 링크" : 15

flowchart TD
    A((서버
아키텍처)) --> B["웹 서버
Nginx, SSL"]
    A --> C["애플리케이션
Node.js, Express"]
    A --> D["데이터베이스
MySQL, Redis"]
    A --> E["인프라
Docker, GitHub Actions"]

timeline
    title 프로젝트 진행 이력
    2026-04 : 기획 완료
             : 디자인 시안 승인
    2026-05 : 개발 완료
             : QA 테스트 통과
    2026-06 : 베타 릴리즈
             : 정식 출시

gitGraph
    commit id: "init"
    commit id: "feature-add"
    branch develop
    checkout develop
    commit id: "dev-1"
    commit id: "dev-2"
    checkout main
    merge develop id: "merge-dev"
    commit id: "release"

flowchart TD
    A["1. CPU 장착"] --> B["2. RAM 장착"]
    B --> C["3. M.2 SSD 장착"]
    C --> D["4. 쿨러 장착"]
    D --> E["5. GPU 장착"]
    E --> F["6. BIOS 설정"]
    F --> G["7. OS 설치"]

flowchart TD
    A["사용자"] --> B["Nginx"]
    B --> C["WordPress"]
    C --> D["MangBoard"]
    D --> E[(MariaDB)]
    C --> F["Redis 캐시"]

sequenceDiagram
    client->>nginx: HTTPS 요청
    nginx->>wordpress: 프록시 전달
    wordpress->>db: 쿼리
    db-->>wordpress: 데이터
    wordpress-->>nginx: HTML
    nginx-->>client: 응답

flowchart TD
    Start["장애 발생"] --> Check{"서버 상태 확인"}
    Check -->|"정상"| App{"애플리케이션 확인"}
    Check -->|"다운"| Restart["서버 재시작"]
    App -->|"정상"| Cache["캐시 클리어"]
    App -->|"에러"| Log["로그 확인"]
    Log --> Fix["원인 수정"]
    Fix --> Cache
    Restart --> Verify["정상 동작 확인"]
    Cache --> Verify