Mermaid 다이어그램 만들기 - ohipark/btstack GitHub Wiki

참고자료


State diagrams

```mermaid
stateDiagram-v2
    [*] --> p1
    p1 : Main Page
    p1 --> p2
    p2 : 로그인
    p1 --> p3
    p3 : 회사소개
    p1 --> p4
    p4 : 사이보보안 실습 데모
    p1 --> p5
    p5 : 최신 소식
    p1 --> p6
    p6 : 공지사항
    p1 --> p11
    p11 : 회원등록
    p11 --> p12
    p12 : 회원등록 성공
    p12 --> p1
    p11 --> p13
    p13 : 회원등록 취소
    p13 --> p1
    p2 --> p10
    p10 : 로그인 실패
    p10 --> p1
    p2 --> p7 : 로그인 성공
    p7 : 학생 시작 페이지
    p2 --> p8 : 로그인 성공
    p8 : 강사 시작 페이지
    p2 --> p9 : 로그인 성공
    p9 : 관리자 시작 페이지
    state join_state <<join>>
    p7 --> join_state
    p8 --> join_state : Community Menu
    p9 --> join_state
    join_state --> p15
    p15 : 최신 뉴스
    join_state --> p16
    p16 : 공지사항
    join_state --> p17
    p17 : 자료실
    join_state --> p18
    p18 : Q&A
```
---
title: CyberAegis 1.5 화면 흐름도
---
stateDiagram-v2
    [*] --> p1
    p1 : Main Page
    p1 --> p2
    p2 : 로그인
    p1 --> p3
    p3 : 회사소개
    p1 --> p4
    p4 : 사이보보안 실습 데모
    p1 --> p5
    p5 : 최신 소식
    p1 --> p6
    p6 : 공지사항
    p1 --> p11
    p11 : 회원등록
    p11 --> p12
    p12 : 회원등록 성공
    p12 --> p1
    p11 --> p13
    p13 : 회원등록 취소
    p13 --> p1
    p2 --> p10
    p10 : 로그인 실패
    p10 --> p1
    p2 --> p7 : 로그인 성공
    p7 : 학생 시작 페이지
    p2 --> p8 : 로그인 성공
    p8 : 강사 시작 페이지
    p2 --> p9 : 로그인 성공
    p9 : 관리자 시작 페이지
    state join_state <<join>>
    p7 --> join_state
    p8 --> join_state : Community Menu
    p9 --> join_state
    join_state --> p15
    p15 : 최신 뉴스
    join_state --> p16
    p16 : 공지사항
    join_state --> p17
    p17 : 자료실
    join_state --> p18
    p18 : Q&A
Loading

```mermaid
---
title: Simple sample
---
stateDiagram-v2
    [*] --> Still
    Still --> [*]

    Still --> Moving
    Moving --> Still
    Moving --> Crash
    Crash --> [*]
```
---
title: Simple sample
---
stateDiagram-v2
    [*] --> Still
    Still --> [*]

    Still --> Moving
    Moving --> Still
    Moving --> Crash
    Crash --> [*]
Loading
⚠️ **GitHub.com Fallback** ⚠️