# 알림 (Alerts)

> [!NOTE]
> 사용자가 콘텐츠를 훑어볼 때도 알아야 할 유용한 정보입니다.

> [!TIP]
> 일을 더 잘하거나 쉽게 할 수 있는 유용한 조언입니다.

> [!IMPORTANT]
> 목표를 달성하기 위해 사용자가 알아야 할 핵심 정보입니다.

> [!WARNING]
> 문제를 피하기 위해 즉각적인 사용자 주의가 필요한 긴급 정보입니다.

> [!CAUTION]
> 특정 행동의 위험이나 부정적인 결과에 대해 조언합니다.


```markdown
> [!NOTE]
> 사용자가 콘텐츠를 훑어볼 때도 알아야 할 유용한 정보입니다.

> [!TIP]
> 일을 더 잘하거나 쉽게 할 수 있는 유용한 조언입니다.

> [!IMPORTANT]
> 목표를 달성하기 위해 사용자가 알아야 할 핵심 정보입니다.

> [!WARNING]
> 문제를 피하기 위해 즉각적인 사용자 주의가 필요한 긴급 정보입니다.

> [!CAUTION]
> 특정 행동의 위험이나 부정적인 결과에 대해 조언합니다.
```

[지시어 구문](https://talk.commonmark.org/t/generic-directives-plugins-syntax/444)을 사용할 수도 있습니다.

:::note
사용자가 콘텐츠를 훑어볼 때도 알아야 할 유용한 정보입니다.
:::

:::tip[사용자 정의 레이블]
사용자가 콘텐츠를 훑어볼 때도 알아야 할 유용한 정보입니다.
:::

```markdown
:::note
사용자가 콘텐츠를 훑어볼 때도 알아야 할 유용한 정보입니다.
:::

:::tip[사용자 정의 레이블]
사용자가 콘텐츠를 훑어볼 때도 알아야 할 유용한 정보입니다.
:::
```


# 인용문 (Quote text)
- 단락 시작 부분에 `>`를 넣어 인용 표현을 사용합니다.
    - `>` 문자를 연속으로 사용하여 다중 인용을 표현할 수 있습니다.
- 목록 및 기타 요소를 블록 인용문 내에서 함께 사용할 수 있습니다.

#### 예시
> - 인용
> - 인용
>> 다중 인용은 `>`를 더 많이 삽입해야 합니다.

```markdown
> - 인용
> - 인용
>> 다중 인용은 `>`를 더 많이 삽입해야 합니다.
```


# 코드 (Code)
- 세 개의 `` ` `` 안에 코드를 추가하여 표현할 수 있습니다.

#### 예시

```markdown
여기에 코드를 추가하세요

줄 바꿈과 단락은 코드에 그대로 반영될 수 있습니다.
```

#### 예시 (소스 코드)

```javascript:mersenne-twister.js
function MersenneTwister(seed) {
  if (arguments.length == 0) {
    seed = new Date().getTime();
  }

  this._mt = new Array(624);
  this.setSeed(seed);
}
```

## 인라인 코드 (Inline Code)
- 단어를 `` ` ``로 묶어 인라인 코드를 만듭니다.

#### 예시
여기에 `인라인 코드`가 있습니다.



# 작업 목록 (Task List)
- `[] `을 작성하여 선택되지 않은 체크박스 목록을 삽입합니다.
    - `[x]`를 작성하여 체크박스를 선택합니다.

#### 예시
- [ ] 작업 1
    - [x] 작업 1-1
    - [ ] 작업 1-2
- [x] 작업 2


# 수평선 (Horizontal lines)
- 세 개 이상의 연속된 별표 `*` 또는 밑줄 `_`로 수평선을 삽입합니다.

#### 예시
아래는 수평선입니다.
***

아래는 수평선입니다.
___

```markdown
아래는 수평선입니다.
***

아래는 수평선입니다.
___
```


# 각주 (Footnotes)

이 대괄호 구문을 사용하여 콘텐츠에 각주를 추가할 수 있습니다.

여기에 간단한 각주가 있습니다[^1].

각주에는 여러 줄이 있을 수도 있습니다[^2].

[^1]: 내 참조.
[^2]: 각주 내에서 줄을 바꾸려면 새 줄 앞에 공백 2개를 붙입니다.
  이것은 두 번째 줄입니다.

```markdown
여기에 간단한 각주가 있습니다[^1].

각주에는 여러 줄이 있을 수도 있습니다[^2].

[^1]: 내 참조.
[^2]: 각주 내에서 줄을 바꾸려면 새 줄 앞에 공백 2개를 붙입니다.
  이것은 두 번째 줄입니다.
```


# 이모지 (emoji)

콜론 `:` 뒤에 이모지 이름을 입력하여 텍스트에 이모지를 추가할 수 있습니다.

- :+1: 좋아요!
- :white_check_mark: 체크
- :lock: 잠금

콜론 뒤에 두 자 이상을 입력하면 이모지 제안 목록이 나타납니다. 이 목록은 계속 입력하면 좁혀집니다. 원하는 이모지를 찾으면 탭이나 엔터를 눌러 강조 표시된 이모지를 삽입합니다.

사용 가능한 이모지 목록은 "[이모지 치트 시트](https://github.com/ikatyang/emoji-cheat-sheet/blob/master/README.md)"를 참조하세요.


# 표 (Table)
### 일반 구문
#### 예시

| 왼쪽 정렬 | 오른쪽 정렬 | 가운데 정렬 |
|:-----------|------------:|:------------:|
| 이         | 이          | 이           |
| 열은       | 열은        | 열은         |
| 왼쪽으로   | 오른쪽으로  | 가운데로     |
| 정렬됩니다 | 정렬됩니다  | 정렬됩니다   |

```markdown
| 왼쪽 정렬 | 오른쪽 정렬 | 가운데 정렬 |
|:-----------|------------:|:------------:|
| 이         | 이          | 이           |
| 열은       | 열은        | 열은         |
| 왼쪽으로   | 오른쪽으로  | 가운데로     |
| 정렬됩니다 | 정렬됩니다  | 정렬됩니다   |
```

### CSV / TSV

#### 예시

``` tsv
콘텐츠 셀	콘텐츠 셀
콘텐츠 셀	콘텐츠 셀
```

~~~
``` csv
콘텐츠 셀,콘텐츠 셀
콘텐츠 셀,콘텐츠 셀
```
~~~

~~~
``` tsv
콘텐츠 셀	콘텐츠 셀
콘텐츠 셀	콘텐츠 셀
```
~~~


### CSV / TSV (헤더 포함)


#### 예시

``` tsv-h
첫 번째 헤더	두 번째 헤더
콘텐츠 셀	콘텐츠 셀
콘텐츠 셀	콘텐츠 셀
```

~~~
``` csv-h
첫 번째 헤더,두 번째 헤더
콘텐츠 셀,콘텐츠 셀
콘텐츠 셀,콘텐츠 셀
```
~~~

~~~
``` tsv-h
첫 번째 헤더	두 번째 헤더
콘텐츠 셀	콘텐츠 셀
콘텐츠 셀	콘텐츠 셀
```
~~~