존 그루버가 만든 일반 텍스트 기반의 경량 마크업 언어로 쉽게 문서 작성을 하기 위한 목적으로 만들어졌다. html로 변환도 가능하다. 지원하는 플랫폼도 다양하여 온라인 게시물 등에 많이 사용된다.
※ 시작하기에 앞서 본 포스팅은 velog에서 이용 가능한 마크다운 문법 위주로 정리했기 때문에 다른 플랫폼과 상이한 부분이 있을 수 있습니다.
<h1>
부터 <h6>
까지 표현할 수 있으며 # 개수가 많을수록 글자가 작아진다.
➤ 입력
# 제목1 h1
## 제목2 h2
### 제목3 h3
#### 제목4 h4
##### 제목5 h5
###### 제목6 h6
➤ 출력
h1
과 h2
는 다음과 같은 방식으로도 작성할 수 있다.
➤ 입력
제목1 h1
======
제목2 h2
------
이 때 '=' 나 '-' 의 갯수는 중요하지 않다.
➤ 출력
이텔릭체, 볼드체, 취소선, 밑줄 을 표현할 수 있다.
➤ 입력
*이텔릭체*
__볼드체__
~~취소선~~
<u>밑줄</u>
➤ 출력
이텔릭체
볼드체
취소선
밑줄
리스트는 흔히
➤ 입력
- 를 써도
+ 를 써도
* 를 써도 모두 같다.
➤ 출력
세 단까지 나타내려면 다음과 같이 입출력 하면 된다.
➤ 입력
- 1단
- 2단
- 3단
➤ 출력
순서를 넣으려면 다음과 같이 쓰면 된다.
➤ 입력
1. 순서 1
1. 순서 2
1. 순서 3
➤ 출력
➤ 입력
직접 url 입력
https://www.naver.com
꺾쇠 (<>) 안에 url 입력
<https://www.naver.com>
설명 안에 링크 삽입
[인라인 링크](https://www.naver.com)
참조 링크
[누르면 링크타고!]
[누르면 링크타고!]: https://www.naver.com/
➤ 출력
직접 url 입력
https://www.naver.com
꺾쇠 (<>) 안에 url 입력
https://www.naver.com
설명 안에 링크 삽입
인라인 링크
참조 링크
누르면 링크타고!
➤ 입력
이미지만 삽입 : ![](이미지 링크)
![](https://t4.ftcdn.net/jpg/02/80/82/81/240_F_280828158_ZZ2W8atYMHiSkLoDzxgDHNhdmXJ31jCR.jpg)
이미지에 설명 삽입(마우스 커서 올릴 시) : ![](이미지 링크 "설명")
![](https://t4.ftcdn.net/jpg/02/80/82/81/240_F_280828158_ZZ2W8atYMHiSkLoDzxgDHNhdmXJ31jCR.jpg "Travel")
이미지에 링크 삽입 : [![](이미지 링크)](연결 url)
[![](https://t4.ftcdn.net/jpg/02/80/82/81/240_F_280828158_ZZ2W8atYMHiSkLoDzxgDHNhdmXJ31jCR.jpg)](https://stock.adobe.com/kr/search?k=travel)
➤ 출력
이미지만 삽입
이미지에 설명 삽입(마우스 커서 올릴 시)
한 줄짜리 코드 삽입은 Tab
을 입력하고 작성하거나 ``(백틱) 사이에 작성하면 된다. 이 때 ''(따옴표) 랑 헷갈리면 안 된다.
``안에 혹은 Tab 뒤에 이런식으로 입력이 될 수 있다.
줄 별로 출력이 아닌 회색 박스를 만들고 싶다면 백틱(`) 세개 안에 감싸서 입력하면 된다.
이런식으로 박스가 만들어 진다.
이제 이런식으로 코드를 삽입할 수 있다.
```원하는 코드 언어
코드
```
➤ 입력
```python
x = 10
if x > 5:
print("x는 5보다 큽니다.")
else:
print("x는 5보다 작거나 같습니다.")
for i in range(5):
print(i)
```
➤ 출력
x = 10
if x > 5:
print("x는 5보다 큽니다.")
else:
print("x는 5보다 작거나 같습니다.")
for i in range(5):
print(i)
| 로 컬럼을 구분한다.
컬럼 명과 셀을 구분하는 줄은 셋 이상의 - 를 넣고, 컬럼 별로 왼쪽 정렬 하고 싶다면 왼쪽에만 : 을 넣고, 가운데 정렬은 양쪽에 : 을 넣고, 오른쪽 정렬을 하고 싶다면 오른쪽에만 : 을 넣어주면 된다.
➤ 입력
| |col1|col2|col3
|----|:---|:--:|---:
|row1|c1 | c2 | c3
|row2|c4 | c5 | c6
|row3|c7 | c8 | c9
이 때 || 사이에 값과 공백을 같이 넣어준 이유는 간격을 맞추어 입력 값을 보기 편하게 하기 위해서이다. 따라서 굳이 공백문자를 넣어 간격을 맞추지 않아도 표는 똑같이 만들어진다.
||col1|col2|col3
|----|:---|:--:|---:
|row1|c1|c2|c3
|row2|c4|c5|c6
|row3|c7|c8|c9
따라서, 다음과 같이 입력해도 출력되는 표는 같다.
➤ 출력
col1 | col2 | col3 | |
---|---|---|---|
row1 | c1 | c2 | c3 |
row2 | c4 | c5 | c6 |
row3 | c7 | c8 | c9 |
컬럼 명 / 셀을 구분하는 둘째 줄의 : 배치에 따라 1행은 왼쪽 정렬, 2행은 가운데 정렬, 3행은 오른쪽 정렬이 된 것을 확인할 수 있다.
본문에 인용된 문장을 넣고자 한다면 >
기호 뒤에 입력한다.
➤ 입력
> 이런 식으로 인용문을 작성하면 된다.
>> 중첩 인용문도 사용할 수 있다.
>>> 계속 중첩 가능하다.
### 중첩문 내에서 제목을 넣을 수도 있고,
- 리스트를 넣을 수도 있으며,
![Travel](https://t4.ftcdn.net/jpg/02/80/82/81/240_F_280828158_ZZ2W8atYMHiSkLoDzxgDHNhdmXJ31jCR.jpg)
이미지도 넣을 수 있다.
➤ 출력
이런 식으로 인용문을 작성하면 된다.
중첩 인용문도 사용할 수 있다.
계속 중첩 가능하다.
중첩문 내에서 제목을 넣을 수도 있고,
- 리스트를 넣을 수도 있으며,
이미지도 넣을 수 있다.
다양한 가로선 넣기의 방법이 있는데 본인이 자주 사용할 방법 하나를 골라서 사용하면 된다.
➤ 입력
---
- - -
***
* * *
___
_ _ _
➤ 출력
<br>
을 입력하여 줄바꿈이 가능하다.
➤ 입력
문단을 띄고 싶을 땐
<br>
`<br>` 이용!
➤ 출력
문단을 띄고 싶을 땐
<br>
이용!
\alpha
\beta
\gamma
\epsilon
\varepsilon
\zeta
\eta
\theta
\vartheta
\Gamma
\Delta
\Theta
\Lambda
\iota
\kappa
\lambda
\mu
\nu
\xi
\omicron
\pi
\rho
\Xi
\Pi
\Sigma
\Upsilon
\varrho
\sigma
\varsigma
\tau
\upsilon
\phi
\varphi
\chi
\psi
\omega
\Phi
\Psi
\Omega
\le
\ge
\equiv
\sim
\simeq
\ll
\gg
\subset
\subseteq
\supset
\supseteq
\in
\ni
\notin
\propto
\approx
\cong
\perp
\ne
\cap
\cup
\pm
\mp
\sum
\prod
\lim
\prime
\partial
\int
\iint
\oint
\times
\div
\ast
$
로 수식의 앞뒤를 감싸면 왼쪽 정렬 된 수식을 작성할 수 있다.
➤ 입력
$y=x+1$
➤ 출력
$$
로 수식의 앞뒤를 감싸면 가운데 정렬 된 수식을 작성할 수 있다.
➤ 입력
$$y=x+1$$
➤ 출력
aligned
를 사용하여 특정 문자를 기준으로 정렬된 수식을 작성할 수 있다. 기준 삼고 싶은 문자 앞에 &를 붙여주면 된다.
➤ 입력
$$
\begin{aligned}
y &= x + 1 \\
y &= ax^2 + bx + c
\end{aligned}
$$
➤ 출력
수식에서 \\
를 사용하여 줄바꿈이 가능하다.
➤ 입력
$$
y = x+1 \\ y = ax^2+bx+c
$$
➤ 출력
\
, \,
, \;
, \quad
를 사용하여 수식 내 띄어쓰기가 가능하다.
➤ 입력
$$
hello world \\
hello \, world \\
hello \ world \\
hello \; world \\
hello \quad world
$$
➤ 출력
\over
나 \frac
을 사용하여 분수 표기가 가능하다.
\over
: \over
을 기준으로 왼쪽은 분자, 오른쪽은 분모➤ 입력
$$
x'_i = {x_i - min(x) \over max(x) - min(x)}
$$
➤ 출력
\frac
: \frac
뒤 첫번째 글자는 분자, 두번째 글자는 분모➤ 입력
$$
x'_i = \frac{x_i - min(x)}{max(x) - min(x)}
$$
➤ 출력
한 글자를 절댓값 표현할 땐 |
로 감싸주면 된다.
여러 문자를 한 번에 절댓값을 씌워줄 땐 양 끝에 \vert
를 넣어주고 각각 \left
, \right
를 명시해 주면 된다.
➤ 입력
$$
|x| = 1
$$
$$
\left\vert {\frac{x+1}{x^2+2x+1}} \right\vert
$$
➤ 출력
\sqrt
뒤에 {}
로 묶어 들어가는 문자들이 모두 루트 안에 들어간다.
➤ 입력
$$
x'_i = a\sqrt {x_i+b+c}
$$
➤ 출력
\begin{cases}
와 \end{cases}
사이에 \\
로 분리된 case들을 나눌 수 있다.
➤ 입력
$$
x'_i=
\begin{cases}
{x_i^\lambda - 1 \over \lambda},\quad \;if\;\lambda \ne 0\\
log(x_i) , \; otherise
\end{cases}
$$
➤ 출력
윗 첨자는 ^
뒤에, 아랫 첨자는 _
뒤에 써주면 된다. 두 글자 이상을 쓰려면 {}
로 묶어주면 된다.
➤ 입력
$$
y = ax^3 + bx^2 + cx + d \\
y_i = x_i + x_{i-1} \\
y_i = ax^2_i
$$
➤ 출력
아랫첨자와 윗첨자를 쓰는 방식과 동일하고, 앞에 \displaystyle
을 명시하느냐, \textstyle
을 명시하느냐에 따라 출력이 달라진다.
\textstyle
명시 :
➤ 입력
$$
\textstyle \sum_{i=0}^n y_i^2
$$
$$
\textstyle \lim_{x\rarr\infin}{1\over x}
$$
➤ 출력
displaystyle
명시 :
➤ 입력
$$
\displaystyle \sum_{i=0}^n y_i^2
$$
$$
\displaystyle \lim_{x\rarr\infin}{1\over x}
$$
➤ 출력
\hat
\tilde
\acute
\dot
\bar
\vec
\matrix
를 사용하여 &
로 열 구분, \\
로 행 구분.
시작 부분에 \begin{괄호 종류}
, 끝 부분에 \end{괄호 종류})
로 감싸준다.
References