📖 Markdown의 의미란?
일반 Text 문서의 양식을 편집하는데 사용되는 경량 Markup 언어를 말한다. 일반 Markup 언어에 비해 문법이 쉽고 간단한 특징이 있다. README 파일, Online 문서, 일반 Text 편집기 등으로 문서 양식을 편집할 수 있고, Markdown으로 작성된 문서는 쉽게 HTML 등의 다른 문서 형태로 변환이 가능하다.
📝 Markdown 작성 방법
1. 제목(Header)
h1부터 h6까지 표현할 수 있고, #의 개수로 작성하면 된다.
'=,-'를 해당 문장 아래에 1개 이상 사용하여 Header를 표현할 수 있다.
👉 Markdown 작성 예시
# = h1
## = h2
### = h3
#### = h4
##### = h5
###### = h6
h1
==
h2
--
하이픈 사용
(한 줄 띄우고 사용. 아니면 Header로 인식됨)
---👉 Markdown 작성 결과
h1
h2
h3
h4
h5
h6
h1
h2
하이픈 사용 👇
2. 문단 간격
👉 Markdown 작성 예시
첫 문단<br/>
다음 문단👉 Markdown 작성 결과
첫 문단
다음 문단
3. 목록(list)
Tab과 Spacebar를 이용해 들여쓰기 가능
3-1. 순서가 있는 목록(list) 작성
👉 Markdown 작성 예시
1. First
2. Second
3. Third👉 Markdown 작성 결과
1. First
2. Second
3. Third
3-2. 순서가 없는 목록(list) 작성
👉 Markdown 작성 예시
- Large 1
- Middle 1
- Small 1
* Large 2
* Middle 2
* Small 2
+ Large 3
+ Middle 3
+ Small 3👉 Markdown 작성 결과
- Large 1
-
Middle 1
- Small 1
-
- Large 2
- Middle 2
- Small 2
- Middle 2
- Large 3
- Middle 3
- Small 3
- Middle 3
4. Inline Code와 Block Code
👉 Markdown 작성 예시
`인라인 코드 내용...`
```
블럭 코드 내용...
```
```{python or 다른 언어}
{프로그램 내용 작성}
content = '내용...'
print(content)
```👉 Markdown 작성 결과
인라인 코드 내용...
블럭 코드 내용...content = '내용...'
print(content)5. Font Style
👉 Markdown 작성 예시
__굵게__
**굵게**
_기울이기_
*기울이기*
~~취소선~~👉 Markdown 작성 결과
굵게
굵게
기울이기
기울이기
취소선
6. Font Color
HTML 태그를 활용하여 작성 가능!
👉 Markdown 작성 예시
<span style="color:red">Temp1</span>
<span style="color:#c4c4c4">Temp2</span>
<span style="color:rgb(255,0,255)">Temp3</span>👉 Markdown 작성 결과
Temp1
Temp2
Temp3
7. 인용문
👉 Markdown 작성 예시
> 인용문 1
내용~~~~
> 인용문 1
>> 인용문 2
>>> 인용문 3👉 Markdown 작성 결과
인용문 1
내용
인용문 1
인용문 2
인용문 3
8. 링크(Link)
👉 Markdown 작성 예시
- 인라인 링크 예시
[velog](https://velog.io/)
- URL 링크 예시
<https://velog.io/>👉 Markdown 작성 결과
- 인라인 링크 예시
velog - URL 링크 예시
https://velog.io/
9. 수평선
*, -, _ 3개 이상 작성 (내용 밑에 하이픈 "-"은 Header로 인식할 수 있음)
👉 Markdown 작성 예시
***
---
___👉 Markdown 작성 결과
10. Image Link
❗GIF, 이미지 크기는 10MB 이하만 가능하다고 하니 올릴 때 주의
👉 Markdown 작성 예시
# 이미지에 링크 걸기
[](연결할 URL)👉 Markdown 작성 결과
11. Table
|으로 Cell을 구분하며, Font Style을 적용할 수 있다. 또, -(하이픈)으로 구분된 곳 왼쪽, 오른쪽, 양쪽에 :(세미콜론)을 붙일 경우 각각 왼쪽 정렬, 오른쪽 정렬, 가운데 정렬을 할 수 있다.
👉 Markdown 작성 예시
|Col1|Col2|Col3|
|:----|:----:|----:|
|**val1**|val2|~~val3~~|
|val4|val5|val6|👉 Markdown 작성 결과
| Col1 | Col2 | Col3 |
|---|---|---|
| val1 | val2 | |
| val4 | val5 | val6 |
12. Check Box
-, *, + 뒤에 띄워쓰기 후 대괄호[]를 써서 작성
대괄호 안에 띄어쓰기 시 빈 체크박스, x를 넣으면 체크된 체크박스 생성
👉 Markdown 작성 예시
- [ ] temp1
* [x] temp2
+ [ ] temp3👉 Markdown 작성 결과
- temp1
- temp2
- temp3
13. 이모지 넣기
Window10: Window 키 + 마침표(.) or Window 키 + 세미콜론(;)
Mac: Command + Control + Spacebar
14. 수식 넣기
$, $$ 기호를 써서, LaTeX를 표현
$ : 인라인으로 수식 넣기
$$ : 블럭으로 수식 넣기
✳️ LaTeX는 수식, 그래프 등을 작성하는데 쓰이는 문서 작성법
👉 Markdown 작성 예시
$y=x^2+x+y$ 내용...
$$
y=x^2+x+y\\
f(x) = \sum^{10}_{n=0}X\beta
$$👉 Markdown 작성 결과
내용...
15. Toggle Button 생성
특정 내용을 가리고, 누르면 내용이 나타나는 버튼
HTML 문법을 사용해서 생성 가능
👉 Markdown 작성 예시
<details>
<summary>제목</summary>
<div>내용...</div>
</details>👉 Markdown 작성 결과
제목