...

๋งํฌ๋ค์ด (MarkDown) ์ด๋
๋งํฌ๋ค์ด(MarkDown)์ ์ฐ๋ฌธ์ ์ฝ๊ณ , ์ฐ๊ณ , ํธ์งํ๊ธฐ ์ฌ์ด ๋ชฉ์ ์ผ๋ก ๋ง๋ค์ด์ง ๋ฌธ์ ์์ฑ์ ์ํ ํ์์ผ๋ก ์ฌ์ฉ๋๋ฉฐ ๋ฌธ๋ฒ์ด ๊ฐ๊ฒฐํ๊ณ HTML์ฝ์ ์ด ๊ฐ๋ฅํฉ๋๋ค.
์ด๋ ๋งํฌ๋ค์ด์ ์์ฑํ ๋ฌธ์์ ํํ ๋ฐฉ์์ CSS์ ์ค์ ์ ๋ฐ๋ผ ๋ฌ๋ผ์ง๋๋ค. ๊ทธ๋์ ๋ณธ ๊ฐ์ข๋ ๊นํ ๋งํฌ๋ค์ด css ๊ธฐ์ค์ผ๋ก ์งํํฉ๋๋ค. ๋ฐ๋ผ์ ๋ฐธ๋ก๊ทธ ๋งํฌ๋ค์ด ํ๋ฆฌ๋ทฐ์ ์ฝ๊ฐ์ ์ฐจ์ด๊ฐ ์์ ์๋ ์์ต๋๋ค.
[ ๋งํฌ๋ค์ด ์ฅ์ ]
- ๋ฌธ๋ฒ์ด ๊ฐ๊ฒฐํ๊ณ ์ฝ๋ค.
- ๋งํฌ๋ค์ด์ ๋ชจ๋ ๊ฒ์ ์ฌ์ฉํ ์ ์์ต๋๋ค. (์น ์ฌ์ดํธ, ๋ฌธ์, ๋ฉ๋ชจ, ๊ธฐ์ ๋ฌธ์ ๋ฑ)
- ๋งํฌ๋ค์ด์ ์ง์ํ๋ ํ๋ซํผ์ด ๋ง์ต๋๋ค. ( Github, Discord ๋ฑ)
- ๋งํฌ๋ค์ด์ ๋๋ถ๋ถ์ ํ๊ฒฝ์์ ํธ์ง, ์์ฑ์ด ๊ฐ๋ฅํฉ๋๋ค. (๋ฉ๋ชจ์ฅ์์๋ ๊ฐ๋ฅ)
- ํ ์คํธ๋ก ์ ์ฅ๋๊ธฐ ๋๋ฌธ์ ์ฉ๋์ด ์ ์ด ๋ณด๊ด์ด ์ฉ์ดํฉ๋๋ค.
[ ๋งํฌ๋ค์ด ๋จ์ ]
- ๋ชจ๋ HTML์ ๋ฌธ๋ฒ์ ๋์ ํ์ง ๋ชปํฉ๋๋ค.
- ํ์ค์ด ์๊ธฐ ๋๋ฌธ์ ๋๊ตฌ์ ๋ฐ๋ผ ๋ณํ๋ฐฉ์ ๋๋ ์์ฑ๋ฌผ์ด ๋ค๋ฆ ๋๋ค.
- ๋งํฌ๋ค์ด์ผ๋ก ํ์ผ ์ ๋ก๋ํ๋ ๊ฒฝ์ฐ ์ ์ฅํ ๋ค์ ํ์ผ ๊ฒฝ๋ก๋ฅผ ์ ๋ ฅํด์ผ๋๋ ๋ถํธํจ
- tistory, naver blog, notion๊ณผ๋ ๋ค๋ฅด๊ฒ ๋ฌธ๋ฒ๋ค์ ํ๋ํ๋ ์ ๋ ฅํด์ผ๋๋ ๊ฒฝ์ฐ๊ฐ ์์ด ๊ท์ฐฎ์์ด ์กฐ๊ธ ์์ต๋๋ค.
๋งํฌ๋ค์ด (MarkDown) ๋ฌธ๋ฒ
Headers ํค๋
- #์ผ๋ก ์์ํ๋ ํ ์คํธ.
- #์ ํ๋๋ถํฐ ์ฌ์ฏ๊ฐ๊น์ง ๊ฐ๋ฅ.
- #์ด ๋์ด๋ ๋๋ง๋ค ์ ๋ชฉ์ ์ค์ผ์ผ ๋ฎ์์ง๋๋ค.
- H1์ ===๋ก๋ ๋ง๋ค ์ ์์ต๋๋ค.
- H2๋ ---๋ก๋ ๋ง๋ค ์ ์์ต๋๋ค.
This is an H1
===
This is an H2
---

# This is an H1
## This is an H2
### This is an H3
#### This is an H4
##### This is an H5
###### This is an H6

Horizontal Rules ์ํ์
- - ๋๋ * ๋๋ _ ์ 3๊ฐ ์ด์ ์์ฑ.
- ๋จ, -์ ์ฌ์ฉํ ๊ฒฝ์ฐ header๋ก ์ธ์ํ ์ ์์ผ๋ ์ด ์ ๋ผ์ธ์ ๋น์๋์ด์ผ ํฉ๋๋ค.
* * *
***
*****
- - -
-------------------

Line Breaks ์ค๋ฐ๊ฟ
- <br>๋ฅผ ํ์ฉํด์ ์ค๋ฐ๊ฟ์ ํ ์ ์์ต๋๋ค.
- ์ํฐ๋ก ์นธ์ ๋๋ฉด ๋ค์ ํ์ผ๋ก ๋์ด๊ฐ๊ฒ ๋ฉ๋๋ค. <br>์ ํ๋์ ๋ฌธ์ฅ์์ ์ค๋ฐ๊ฟ
Oh my my my oh my my my
You got me high so fast <br>
๋ค ์ ๋ถ๋ฅผ ํจ๊ปํ๊ณ ์ถ์ด
Oh my my my oh my my my
You got me fly so fast <br>
์ด์ ์กฐ๊ธ์ ๋ ์๊ฒ ์ด

Emphasis ๊ฐ์กฐ
- ๊ธฐ์ธ์ฌ ์ฐ๊ธฐ(italic) : * ๋๋ _๋ก ๊ฐ์ผ ํ ์คํธ.
- ๋๊ป๊ฒ ์ฐ๊ธฐ(bold) : ** ๋๋ __๋ก ๊ฐ์ผ ํ ์คํธ.
- ์ทจ์์ : ~~๋ก ๊ฐ์ผ ํ ์คํธ.
- ์ดํค๋ฆญ์ฒด์ ๋๊ป๊ฒ๋ฅผ ๊ฐ์ด ์ฌ์ฉํ ์ ์์ต๋๋ค.
_This will also be italic_
**This will also be bold**
~~This is canceled~~
_You **can** ~~combine~~ them_

Blockquotes ์ธ์ฉ
- >์ผ๋ก ์์ํ๋ ํ ์คํธ.
- >๋ 3๊ฐ๊น์ง ๊ฐ๋ฅํฉ๋๋ค.
As Grace Hopper said:
> Iโve always been more interested in the future than in the past.
> This is a first blockquote.
> > This is a second blockquote.
> > > This is a third blockquote.

์ฐธ๊ณ ๋ก ์ธ์ฉ๊ตฌ ์์๋ ์ ๋ชฉ์ด๋ ๋ฆฌ์คํธ, ํ ์คํธ๋ฐ์ค ๋ฑ ๋ ๋ฃ์ ์ ์์ต๋๋ค.
> # this is h1!
> * list
> `textbox`

Lists ๋ชฉ๋ก
Unordered lists ์์๊ฐ ์๋ ๋ชฉ๋ก
- *, +, - ๋ฅผ ์ด์ฉํด์ ์์๊ฐ ์๋ ๋ชฉ๋ก์ ๋ง๋ค ์ ์์ต๋๋ค.
- ๋ค์ฌ์ฐ๊ธฐ๋ฅผ ํ๋ฉด ๋ชจ์์ด ๋ฐ๋๋๋ค.
* ๋จธ๋ฆฌ
* ์ฝ
* ์
+ ๋จธ๋ฆฌ
+ ์ฝ
+ ์
* ์
- ๋จธ๋ฆฌ
- ์ฝ
- ์

Ordered lists ์์๊ฐ ์๋ ๋ชฉ๋ก
- ์ซ์๋ฅผ ๊ธฐ์ ํ๋ฉด ์์๊ฐ ์๋ ๋ชฉ๋ก์ด ๋ฉ๋๋ค.
- ๋ค์ฌ์ฐ๊ธฐ๋ฅผ ํ๋ฉด ๋ชจ์์ด ๋ฐ๋๋๋ค.
- ์ซ์๋ฅผ ๋ฌด์์ ์ฐ๋๋๋ ๊ทธ๋ค์ง ํฐ ์๋ฏธ๊ฐ ์๊ณ ์์๋๋ก ์์์ ์ซ์๋ฅผ ๋งค๊น๋๋ค
1. ๋จธ๋ฆฌ
2. ๋ค๋ฆฌ
3. ๋๋ฐฐ๊ธฐ
5. ํ <!-- 5๋ฒ์ ์ป๋๋ฐ๋ 4๋ฒ์ผ๋ก ํ์๋๋ค. -->

- ๋ฆฌ์คํธ ์ ๋ฆฌ์คํธ๋ฅผ ์ฌ์ฉํ๋ ค๋ฉด tab๊ณผ ํจ๊ผ ์ซ์ 1๋ฒ ์๋ถํฐ ๋์ดํด์ผ ์ ์ฉ์ด ๋ฉ๋๋ค.
1. ๋ฆฌ์คํธ 1๋ฒ
1. ๋ฆฌ์คํธ 1-1๋ฒ
2. ๋ฆฌ์คํธ 2๋ฒ
3. ๋ฆฌ์คํธ 3๋ฒ
1. ๋ฆฌ์คํธ 3-1๋ฒ <!-- ๋ฆฌ์คํธ ์ ๋ฆฌ์คํธ๋ฅผ ์ฌ์ฉํ๋ ค๋ฉด tab๊ณผ ํจ๊ผ ์ซ์ 1๋ฒ ์๋ถํฐ -->
2. ๋ฆฌ์คํธ 3-2๋ฒ

ํผํฉ ๋ฆฌ์คํธ
1. ๋จธ๋ฆฌ
* ๋จธ๋ฆฌ์นด๋ฝ
* ๋๋ฐฐ๊ธฐ
+ ํธ
2. ๋ค๋ฆฌ
- ๋ค๋ฆฌํธ
- ๋ฐ๊ฐ๋ฝ
1. ํ๋ฒ
์ง

Backslash Escapes
- ํน์๋ฌธ์๋ฅผ ํํํ ๋, ํ์๋ ๋ฌธ์ ์์ \๋ฅผ ๋ฃ๊ณ ํน์๋ฌธ์๋ฅผ ์ฐ๋ฉด ๋ฉ๋๋ค.
* ํน์๋ฌธ์ ์ถ๋ ฅ์๋จ
- ํน์๋ฌธ์ ์ถ๋ ฅ์๋จ
\* ํน์๋ฌธ์ ์ถ๋ ฅ
\- ํน์๋ฌธ์ ์ถ๋ ฅ

\*literal asterisks\*
\#hash mark\#
\[squre brackets\]

์ด๋ฏธ์ง
- ๋งํฌ์ ๋น์ทํ์ง๋ง ์์ !๊ฐ ๋ถ์ต๋๋ค.
- ์ธ๋ผ์ธ ์ด๋ฏธ์ง 
- ๋งํฌ ์ด๋ฏธ์ง 
- ์ด๋ฏธ์ง์ ์ฌ์ด์ฆ๋ฅผ ๋ณ๊ฒฝํ๊ธฐ ์ํด์๋ <img width="OOOpx" height="OOOpx"></img>์ ๊ฐ์ด ํํํฉ๋๋ค.


์ด๋ฏธ์ง ํ์ผ์ ๋ง์ฐ์ค๋ฅผ ์ฌ๋ ธ์ ๋ ์ปค์ ์์ ๋์ค๋ ํ ์คํธ ์ค์


๋งํฌ์ ์ด๋ฏธ์ง๋ฅผ ํฉ์น ๋ฌธ๋ฒ (์ด๋ฏธ์ง๋ฅผ ๋งํฌ๋ก ์ฌ์ฉ)
[  ]( ๋งํฌURL )
[](https://unity3d.com/kr)

<img>ํ๊ทธ๋ฅผ ์ด์ฉํ ์ด๋ฏธ์ง ํฌ๊ธฐ ์กฐ์
<img src="https://i1.sndcdn.com/avatars-000639959556-jhitcq-t500x500.jpg" width="200" height="200" />
<!-- aํ๊ทธ๋ฅผ ์ด์ฉํ ์ด๋ฏธ์ง ๋งํฌ ์์ฑ๋ฒ-->
<a href="#">
<img src="https://github.com/images/markdown_syntax.jpg" width="400px" alt="sample image">
</a>

Links (Anchor) ๋งํฌ
์ธ๋ถ ๋งํฌ
[Google](http://www.google.com "๊ตฌ๊ธ")
[Naver](http://www.naver.com "๋ค์ด๋ฒ")
[Github](http://www.github.com "๊นํ๋ธ")
๊ตฌ๊ธ www.google.com
๋ค์ด๋ฒ <www.naver.com>
My mail <inpa.dev@gmail.com>
๊ตฌ๊ธ www.google.com
๋ค์ด๋ฒ <www.naver.com>
My mail inpa.dev@gmail.com
๊บฝ์ ๊ดํธ ์์ด๋ ์๋์ผ๋ก ๋งํฌ๋ฅผ ์ฌ์ฉ
๋งํฌ ์ด๋ฆ ๋ณ๊ฒฝ
[๋งํฌ๋ ์ ค๋ค์์ ์ค ์ฃผ์ธ๊ณต ์ด๋ฆ](http://zeldahagoshipda.com)
๋งํฌ๋ ์ ค๋ค์์ ์ค ์ฃผ์ธ๊ณต ์ด๋ฆ
๋ด๋ถ(ํด์) ๋งํฌ
[๋ณด์ฌ์ง๋ ๋ด์ฉ](#์ด๋ํ ํค๋(์ ๋ชฉ))
๊ดํธ ์์ ๋งํฌ๋ฅผ ์ธ ๋๋ ๋์ด์ฐ๊ธฐ๋ -๋ก ์ฐ๊ฒฐ, ์์ด๋ ๋ชจ๋ ์๋ฌธ์๋ก ์์ฑ
[1. Headers ํค๋](#1-headers-ํค๋)
[2. Emphasis ๊ฐ์กฐ](#2-emphasis-๊ฐ์กฐ)
[3. Blockquotes ์ธ์ฉ](#3-blockquotes-์ธ์ฉ)
1. Headers ํค๋
2. Emphasis ๊ฐ์กฐ
3. Blockquotes ์ธ์ฉ
์ฝ๋ ๋ธ๋ญ
- ๊ฐ๋จํ ์ธ๋ผ์ธ ์ฝ๋๋ ํ ์คํธ๋ฅผ ์๋ค๋ก `๊ธฐํธ๋ก ๊ฐ์ธ๋ฉด ๋ฉ๋๋ค.
- ``` ํน์ ~~~ ์ฝ๋.
- ์ฝ๋๊ฐ ์ฌ๋ฌ ์ค์ธ ๊ฒฝ์ฐ, ์ค ์์ ๊ณต๋ฐฑ ๋ค ์นธ์ ์ถ๊ฐํ๋ฉด ๋ฉ๋๋ค.
- ``` ์์ ์ธ์ด๋ฅผ ์ง์ ํด์ฃผ๋ฉด syntax color๊ฐ ์ ์ฉ๋ฉ๋๋ค.
```javascript
function test() {
console.log("look maโ, no spaces");
}
```

์ฒดํฌ ๋ฆฌ์คํธ
- ์ค ์์ - [x]๋ฅผ ์จ์ ์๋ฃ๋ ๋ฆฌ์คํธ ํ์.
- ์ค ์์ - [ ]๋ฅผ ์จ์ ๋ฏธ์๋ฃ๋ ๋ฆฌ์คํธ ํ์.
- ์ฒดํฌ ์์์ ๊ฐ์กฐ ์ธ์ ์ฌ๋ฌ ๊ธฐ๋ฅ์ ์ฌ์ฉํ ์ ์์ต๋๋ค.
- [x] this is a complete item
- [ ] this is an incomplete item

- [x] @mentions, #refs, [links](), **formatting**, and <del>tags</del> supported

Table ํ ์ด๋ธ
- ํค๋์ ์ ์ ๊ตฌ๋ถํ ๋ 3๊ฐ ์ด์์ -(hyphen/dash) ๊ธฐํธ๊ฐ ํ์ํฉ๋๋ค.
- ํค๋ ์ ์ ๊ตฌ๋ถํ๋ฉด์ :(Colons) ๊ธฐํธ๋ก ์ (์ด/์นธ) ์์ ๋ด์ฉ์ ์ ๋ ฌํ ์ ์์ต๋๋ค.
- ๊ฐ์ฅ ์ข์ธก๊ณผ ๊ฐ์ฅ ์ฐ์ธก์ ์๋ |(vertical bar) ๊ธฐํธ๋ ์๋ต ๊ฐ๋ฅํฉ๋๋ค.
ํ
์ด๋ธ ์์ฑ
ํค๋1|ํค๋2|ํค๋3|ํค๋4
---|---|---|---
์
1|์
2|์
3|์
4
์
5|์
6|์
7|์
8
์
9|์
10|์
11|์
12

ํ
์ด๋ธ ์ ๋ ฌ
ํค๋1|ํค๋2|ํค๋3
:---|:---:|---:
Left|Center|Right
1|2|3
4|5|6
7|8|9

๋งํฌ๋ค์ด ์๋ํฐ
๋งํฌ๋ค์ด ๋ฌธ๋ฒ์ ๋ฉ๋ชจ์ฅ์ ์ผ์ ์์ ์ ํด๋ ๋ฌด๋ฆฌ์์ด ์์ฑ ๊ฐ๋ฅํ๋ค๋ง ์์ ์๋ ํฅ์์ ์ํด ์๋ํฐ๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ ์ถ์ฒํฉ๋๋ค.
์๋ํฐ๋ ์ฌ์ฉํ ๋งํฌ๋ค์ด์ ๋๋๋งํ์ฌ ์๋ํฐ ์์ ์ค์๊ฐ์ผ๋ก ๋ณด์ฌ์ฃผ๋ฉฐ, ๋จ์ถํค ๋ฑ์ ์ฌ์ฉํ์ฌ ๋งํฌ๋ค์ด ๋ฌธ๋ฒ์ ๋น ๋ฅด๊ฒ ์ฌ์ฉํ ์ ์์ต๋๋ค.
Typora
Typora โ a markdown editor, markdown reader.
Readable & Writable Typora gives you a seamless experience as both a reader and a writer. It removes the preview window, mode switcher, syntax symbols of markdown source code, and all other unnecessary distractions. Instead, it provides a real live preview
typora.io
์ผ์ผํ ํ์ดํํ๋ ๋ฌธ๋ฒ์ ์๋์ผ๋ก ์์ฑํด์ค์ ์์ ์๊ฐ์ด ์์ฒญ ๋จ์ถ๋๋ ๊ฒ์ ๋ณผ ์ ์์ต๋๋ค.
๊ทธ๋ฆฌ๊ณ ๊ตฐ๋๋๊ธฐ ์๋ ๋์์ธ๋ ์ด ์๋ํฐ๋ฅผ ์ฐ๊ฒ ํ๋๋ฐ ํ ๋ชซ์ ํด์ค๋๋ค.
๋ฌด๋ฃ์ด๋ ๋งํฌ๋ค์ด๋ฅผ ์ฒ์ ์ฌ์ฉํ๋ ๋ด๋น๋ถ๋ค์๊ฒ ์ถ์ฒํฉ๋๋ค.
VSCode - Dark Github Markdown Pack
Dark Github Markdown Pack - Visual Studio Marketplace
Extension for Visual Studio Code - Replaces VS Code's Markdown preview with GFM's rendering & dark theme.
marketplace.visualstudio.com
vscode์์ ๋ฐ๋ก ๋งํฌ๋ค์ด ํ๋ฆฌ๋ทฐ๋ฅผ ๋ณผ์ ์๋ ํ์ฅํ๋ก๊ทธ๋จ ์ ๋๋ค.

# ์ฐธ๊ณ ์๋ฃ
http://taewan.kim/post/markdown/
์ด ๊ธ์ด ์ข์ผ์ จ๋ค๋ฉด ๊ตฌ๋ & ์ข์์
์ฌ๋ฌ๋ถ์ ๊ตฌ๋
๊ณผ ์ข์์๋
์ ์์๊ฒ ํฐ ํ์ด ๋ฉ๋๋ค.