Markdown 표기법

Markdown 표기법 안내서(빠른 참조 및 예제)

이 안내서를 참고해 텍스트 차트의 콘텐츠에 서식을 적용하세요. ProcessMind는 CommonMark의 기본 문법과 표, 작업 목록, 취소선 등을 포함한 GitHub-Flavored Markdown(GFM) 확장 문법을 지원합니다.

제목

줄의 시작 부분에 #부터 ######까지 사용합니다.

# H1
##  H2
###  H3
####  H4
#####  H5
######  H6

문단 및 줄 바꿈

문단을 구분하려면 빈 줄을 넣습니다.

한 줄 안에서 줄 바꿈(소프트 줄 바꿈)을 하려면 줄 끝에 공백 두 개를 넣거나 <br>를 사용합니다.

First line with a soft break··
continues on the next line.

New paragraph after a blank line.

강조(기울임꼴, 굵게, 취소선)

*italic* or _italic_
**bold** or __bold__
***bold italic***
~~strikethrough~~   <!-- GFM -->

목록(글머리 기호, 번호, 중첩)

글머리 기호 목록: -, + 또는 *. 번호 목록: 1. 2. 등.

- Item A
- Item B
  - Nested item B1
  - Nested item B2

1. Step one
2. Step two
   1. Sub-step
   2. Sub-step

팁: 중첩 항목은 들여쓰기 간격(공백 2~4개)을 일관되게 유지하세요.

링크

인라인 링크와 참조 스타일 링크:

Inline: [ProcessMind](https://processmind.com)
With title: [Site](https://example.com "Optional title")

Reference: [Docs][docs-link]

[docs-link]: https://example.com/docs

이미지

접근성을 위해 대체 텍스트를 입력하는 것이 중요합니다.

![Alt text describing the image](https://example.com/image.png "Optional title")

참조 스타일 이미지:

![Logo][logo]

[logo]: https://example.com/logo.png

인용문

줄의 시작 부분에 >를 사용합니다. >를 여러 개 사용하면 인용문을 중첩할 수 있습니다.

> A single-line quote.
>
> Multi-paragraph quote:
>
> > Nested quote level 2.

코드(인라인 및 펜스 블록)

인라인 코드는 백틱 하나로 감쌉니다: code

펜스 블록에는 백틱 세 개를 사용합니다. 구문 강조를 적용하려면 언어를 지정하세요.

```code
[your code]
```

Here's `inline code`.

콘텐츠에 백틱 세 개가 포함되어 있다면 펜스에 백틱 네 개를 사용하세요.

수평선

줄에 ---, *** 또는 ___를 세 개 이상 입력합니다.

---

표

파이프 |와 머리글 구분선 ---을 사용합니다. 콜론(:)으로 정렬 방식을 지정합니다.

| Column        | Type    | Notes              |
|:--------------|:-------:| :------------------|
| Name          | String  | Left-aligned       |
| Score         | Number  | Left-aligned       |
| Description   | String  | Left-aligned       |

열	유형	설명
이름	문자열	왼쪽 정렬
점수	숫자	왼쪽 정렬
설명	문자열	왼쪽 정렬

표 앞에 빈 줄을 넣으면 일부 파서에서 표가 올바르게 표시됩니다.

작업 목록

- [ ]와 - [x]를 사용합니다.

- [x] Design schema
- [ ] Implement API
- [ ] Write tests

• 스키마 설계
• API 구현
• 테스트 작성

특수 문자 이스케이프

문자를 그대로 표시하려면 앞에 백슬래시 \를 붙입니다.

\*Not italic\*, show the asterisks literally.
Use a backslash for \#, \[, \], \(, \), \_, \*, \`, \|, \>

참조 스타일 링크 및 이미지

참조를 문서 하단에 모으면 본문을 깔끔하게 정리할 수 있습니다.

Read the [Guide][g].
See the ![Badge][b].

[g]: https://example.com/guide
[b]: https://example.com/badge.svg

자동 링크 및 이메일

URL은 보통 자동으로 링크가 됩니다. 꺾쇠괄호로 감싸면 링크로 처리됩니다.

https://example.com
<mailto:hello@example.com>

인라인 HTML(선택 사항)

Markdown만으로 부족한 경우 대부분의 렌더러에서 안전한 인라인 HTML을 사용할 수 있습니다.

<strong>Bold</strong> and <em>italic</em> with HTML.
<br>
<span style="font-variant:small-caps">Small caps</span>

참고: 보안 및 호환성 문제로 모든 HTML 태그를 지원하는 것은 아닙니다.

자주 발생하는 실수

• 줄바꿈: 줄 끝에 공백 두 개 또는 <br>를 추가합니다.
• 목록 중첩: 중첩 항목은 일정한 간격(공백 2~4개)으로 들여씁니다.
• 코드 블록: 구문 강조를 위해 여는 백틱 뒤에 언어를 지정합니다.
• 표: 표 앞에 빈 줄을 넣습니다.
• 이미지: 내용을 설명하는 alt 텍스트를 항상 추가합니다.
• 탭과 공백 혼용: 일관된 렌더링을 위해 공백을 사용합니다.

시작 템플릿

복사한 뒤 필요에 맞게 수정합니다:

### Title of TextChart

Short intro paragraph that explains the context.

Value of the metric ${metric} is measured.

![image](https://processmind.com/logo.webp)

Visit us at: https://processmind.com

#### Key Points
- Point A
- Point B
- Point C

관련 주제

• 지표: 텍스트 차트에서 지표와 표현식을 사용하는 방법입니다.
• 대시보드의 표현식: 표현식으로 동적 콘텐츠를 만드는 방법입니다.