PlainApp

Markdown 가이드

PlainApp 노트에서 사용하는 Markdown 문법 빠른 참조 — 제목, 목록, 표, 코드 블록 등.

제목

줄 시작에 #을 붙입니다. # 개수가 수준을 나타내며 1(가장 큼)부터 6(가장 작음)입니다. 제목 앞뒤에는 빈 줄을 두세요.

Markdown
# Heading level 1
## Heading level 2
### Heading level 3
#### Heading level 4
##### Heading level 5
###### Heading level 6
결과

Heading level 1

Heading level 2

Heading level 3

Heading level 4

Heading level 5
Heading level 6

팁: PlainApp 편집기 툴바의 '제목' 버튼으로 자동 삽입할 수 있습니다.

단락과 줄바꿈

단락은 빈 줄로 구분합니다. 단락 안에서 줄을 바꾸려면 줄 끝에 백슬래시를 붙입니다.

Markdown
First paragraph.

Second paragraph.
결과

First paragraph.

Second paragraph.

Markdown
Line one\
Line two
결과

Line one
Line two

굵게 및 기울임

텍스트를 별표 두 개로 감싸면 굵게, 한 개로 감싸면 기울임꼴이 됩니다. 물결표 두 개는 취소선입니다.

Markdown
**bold text**
결과

bold text

Markdown
*italic text*
결과

italic text

Markdown
~~struck through~~
결과

struck through

Markdown
**bold and *nested italic***
결과

bold and nested italic

목록

줄 시작에 - 는 글머리 기호, 1. 는 번호 목록입니다. 공백으로 들여쓰면 중첩됩니다. 체크리스트는 - [ ], 완료 시 - [x] 를 사용합니다.

Markdown
- One
- Two
- Three
결과
  • One
  • Two
  • Three
Markdown
1. First
2. Second
3. Third
결과
  1. First
  2. Second
  3. Third
Markdown
- [ ] Buy milk
- [x] Write the note
결과
  • Buy milk
  • Write the note
Markdown
- Fruit
  - Apple
  - Banana
- Vegetable
결과
  • Fruit
    • Apple
    • Banana
  • Vegetable

인용 및 콜아웃

줄 시작에 > 를 붙이면 인용입니다. PlainApp에서는 > [!note] 로 강조 상자(콜아웃)를 만들 수 있습니다.

Markdown
> This is a blockquote.
결과

This is a blockquote.

Markdown
> [!note] Heads up
> This renders as a callout box in PlainApp.
결과

[!note] Heads up This renders as a callout box in PlainApp.

코드

인라인 코드는 백틱 하나로 감쌉니다. 코드 블록은 백틱 세 개로 감싸고 뒤에 언어 이름을 붙이면 구문 강조가 적용됩니다.

Markdown
Use `inline code` for short snippets.
결과

Use inline code for short snippets.

Markdown
```js
console.log("hello");
```
결과
console.log("hello");

팁: 편집기 툴바의 '코드' 버튼으로 인라인 코드와 코드 블록을 삽입할 수 있습니다.

이미지

링크와 같지만 앞에 느낌표를 붙입니다: ![대체 텍스트](이미지 URL).

Markdown
![PlainApp logo](/plainapp.svg)
결과

PlainApp logo

표

파이프

Markdown
| Left | Center | Right |
|:-----|:------:|------:|
| a    | b      | c     |
| d    | e      | f     |
결과
Left Center Right
a b c
d e f

팁: 편집기 툴바의 '표' 버튼으로 빈 표 뼈대를 삽입할 수 있습니다.

수평선

대시, 별표 또는 밑줄 세 개 이상을 한 줄에 두면 구분선이 됩니다. 위에 빈 줄이 없으면 이전 줄이 제목이 되니 주의하세요.

Markdown
First section.

---

Second section.
결과

First section.

Second section.

이스케이프

Markdown이 형식을 지정하는 문자(* _ #, 백틱 등) 앞에 백슬래시를 붙이면 그대로 표시됩니다.

Markdown
\*not italic\*
결과

*not italic*

Markdown
\# not a heading
결과

# not a heading

인라인 HTML

PlainApp 노트는 일부 HTML 태그도 지원합니다: 밑줄, 하이라이트, 글자 색, 접을 수 있는 details.

Markdown
<u>underlined text</u>
결과

underlined text

Markdown
<mark>highlighted text</mark>
결과

highlighted text

Markdown
<font color="#8b5cf6">colored text</font>
결과

colored text

Markdown
<details>
<summary>Click to expand</summary>
Hidden content here.
</details>
결과
Click to expand Hidden content here.

수학 등

위첨자 x^2^, 아래첨자 H~2~O, 인라인 수식 $E = mc^2$, $$ 수식 블록, 각주 [^1], 렌더링 시 숨겨지는 %% 주석 %%

Markdown
x^2^ + y^3^
결과

x^2^ + y^3^

Markdown
H~2~O
결과

H2O

Markdown
Inline math $E = mc^2$ and a block:
$$
a^2 + b^2 = c^2
$$
결과

Inline math $E = mc^2$ and a block: $$ a^2 + b^2 = c^2 $$

Markdown
See the footnote[^1] for details.

[^1]: This is the footnote text.
결과

See the footnote[^1] for details.

[^1]: This is the footnote text.

Markdown
%% This comment stays hidden in PlainApp %%
결과

%% This comment stays hidden in PlainApp %%

팁: PlainApp 노트에서는 수식·각주·콜아웃이 리치 블록으로 렌더링됩니다. 여기의 '결과' 열은 일반 웹 출력입니다.