# 플로우차트 연습
### **참고**
**flowchart의 가능한 orientations들**(출처:[Flowcharts Syntax | Mermaid](https://mermaid.js.org/syntax/flowchart.html))
- TB - Top to bottom
- TD - Top-down/ same as top to bottom
- BT - Bottom to top
- RL - Right to left
- LR - Left to right
---
#### Top-down(=Top to bottom)
**Example:**
```mermaid
flowchart TD
Start --> Stop
```
**Code:**
```
flowchart TD
Start --> Stop
```
---
#### Left to right
**Example:**
```mermaid
flowchart LR
Start --> Stop
```
**Code:**
```
flowchart LR
Start --> Stop
```
---
#### 기본 사각형 안에 띄어쓰기가 없을 경우
**Example:**
```mermaid
flowchart LR
기본사각형띄어쓰기없음
```
**Code:**
```
flowchart LR
기본사각형띄어쓰기없음
```
---
#### 기본 사각형 안에 띄어쓰기 등이 있을 경우
- 대괄호"`[]`" 사용해서 텍스트 삽입
**Example:**
```mermaid
flowchart LR
id[기본 사각형 띄어쓰기 있음]
```
**Code:**
```
flowchart LR
id[기본 사각형 띄어쓰기 있음]
```
---
#### 코너라운드 사각형
- 소괄호"`()`"사용
**Example:**
```mermaid
flowchart LR
id1(코너라운드 사각형)
```
**Code:**
```
flowchart LR
id1(코너 라운드 사각형)
```
---
#### 타원형 사각형
- 소괄호"`()`" 안에 대괄호"`[]`" 사용
**Example:**
```mermaid
flowchart LR
id1([타원형 사각형])
```
**Code:**
```
flowchart LR
id1([타원형 사각형])
```
---
#### 응용 1 (마크다운 문법, 다이어그램 모양 등)
**Example:**
```mermaid
flowchart LR
id1(["`여기서 시작 (첫번째)`"])-->id2(여기는 두번째)-->id3[여기는 세번째]-->id4(("`여기는<br>끝(네번째)`"))
```
**Code:**
```
flowchart LR
id1(["`여기서 시작 (첫번째)`"])-->id2(여기는 두번째)-->id3[여기는 세번째]-->id4(("`여기는<br>끝(네번째)`"))
```
---
#### 응용 2 (화살표 길이)
**Example:**
```mermaid
flowchart LR
무야호 -----> 무한도전
```
**Code:**
```
flowchart LR
무야호 -----> 무한도전
```
---
#### 응용 3 (화살표 길이, 다이어그램 모양)
**Example:**
```mermaid
flowchart LR
id1(무야호~) ----> id2([무한 도전])-->id3[그만큼 신나시다는 거지]
```
**Code:**
```
flowchart LR
id1(무야호~) ----> id2([무한 도전])-->id3[그만큼 신나시다는 거지]
```
---
#### 응용 4 (하트 등 유니코드)
**Example:**
```mermaid
flowchart LR
id[This ❤ Unicode]
```
**Code:**
```
flowchart LR
id[This ❤ Unicode]
```
---
#### 응용 5 (마크다운 문법, 화살표 선굵기, 화살표 선길이)
**Example:**
```mermaid
flowchart LR
id1["`뿡 **빵** _뿌웅_`"]
id2["`첫번째 줄<br>두번째 줄<br>세번째 줄`"]
id1 =====> id2
```
**Code:**
```
flowchart LR
id1["`뿡 **빵** _뿌웅_`"]
id2["`첫번째 줄<br>두번째 줄<br>세번째 줄`"]
id1 =====> id2
```