Mermaid 다이어그램 만들기 - ohipark/btstack GitHub Wiki
```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
```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 --> [*]