마크다운 문법 및 수식어 정리

shyoon·2023년 7월 6일
0

✍마크다운(Markdown) 이란?

존 그루버가 만든 일반 텍스트 기반의 경량 마크업 언어로 쉽게 문서 작성을 하기 위한 목적으로 만들어졌다. html로 변환도 가능하다. 지원하는 플랫폼도 다양하여 온라인 게시물 등에 많이 사용된다.

※ 시작하기에 앞서 본 포스팅은 velog에서 이용 가능한 마크다운 문법 위주로 정리했기 때문에 다른 플랫폼과 상이한 부분이 있을 수 있습니다.


마크다운 문법

✅제목

<h1> 부터 <h6> 까지 표현할 수 있으며 # 개수가 많을수록 글자가 작아진다.

입력

# 제목1 h1
## 제목2 h2
### 제목3 h3
#### 제목4 h4
##### 제목5 h5
###### 제목6 h6

출력

제목1 h1

제목2 h2

제목3 h3

제목4 h4

제목5 h5
제목6 h6

h1h2 는 다음과 같은 방식으로도 작성할 수 있다.

입력

제목1 h1
======

제목2 h2
------

이 때 '=' 나 '-' 의 갯수는 중요하지 않다.

출력

제목1 h1

제목2 h2


✅강조

이텔릭체, 볼드체, 취소선, 밑줄 을 표현할 수 있다.

➤ 입력

*이텔릭체*
__볼드체__
~~취소선~~
<u>밑줄</u>

➤ 출력
이텔릭체
볼드체
취소선
밑줄



✅목록(list)

리스트는 흔히

  • 안에
    • 안에
      • 형식으로 나타낼 수 있다.

➤ 입력

- 를 써도
+ 를 써도
* 를 써도 모두 같다.

➤ 출력

  • 를 써도
  • 를 써도
  • 를 써도 모두 같다.

세 단까지 나타내려면 다음과 같이 입출력 하면 된다.

➤ 입력

- 1단
  - 2단
    - 3단

➤ 출력

  • 1단
    • 2단
      • 3단

순서를 넣으려면 다음과 같이 쓰면 된다.

➤ 입력

1. 순서 1
1. 순서 2
1. 순서 3

➤ 출력

  1. 순서 1
  2. 순서 2
  3. 순서 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

설명 안에 링크 삽입
인라인 링크

참조 링크
누르면 링크타고!



✅이미지(image) 및 이미지 링크

➤ 입력

이미지만 삽입 : ![](이미지 링크)
![](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)

➤ 출력

이미지만 삽입
Travel

이미지에 설명 삽입(마우스 커서 올릴 시)
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)


✅ 표(table)

| 로 컬럼을 구분한다.
컬럼 명과 셀을 구분하는 줄은 셋 이상의 - 를 넣고, 컬럼 별로 왼쪽 정렬 하고 싶다면 왼쪽에만 : 을 넣고, 가운데 정렬은 양쪽에 : 을 넣고, 오른쪽 정렬을 하고 싶다면 오른쪽에만 : 을 넣어주면 된다.

➤ 입력

|    |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

따라서, 다음과 같이 입력해도 출력되는 표는 같다.


➤ 출력

col1col2col3
row1c1c2c3
row2c4c5c6
row3c7c8c9

컬럼 명 / 셀을 구분하는 둘째 줄의 : 배치에 따라 1행은 왼쪽 정렬, 2행은 가운데 정렬, 3행은 오른쪽 정렬이 된 것을 확인할 수 있다.



✅ 인용문(BlockQuote)

본문에 인용된 문장을 넣고자 한다면 > 기호 뒤에 입력한다.

➤ 입력

> 이런 식으로 인용문을 작성하면 된다.
>> 중첩 인용문도 사용할 수 있다.
>>> 계속 중첩 가능하다.
### 중첩문 내에서 제목을 넣을 수도 있고,
- 리스트를 넣을 수도 있으며,
![Travel](https://t4.ftcdn.net/jpg/02/80/82/81/240_F_280828158_ZZ2W8atYMHiSkLoDzxgDHNhdmXJ31jCR.jpg)
이미지도 넣을 수 있다.

➤ 출력

이런 식으로 인용문을 작성하면 된다.

중첩 인용문도 사용할 수 있다.

계속 중첩 가능하다.

중첩문 내에서 제목을 넣을 수도 있고,

  • 리스트를 넣을 수도 있으며,
    Travel
    이미지도 넣을 수 있다.


✅ 가로선 넣기

다양한 가로선 넣기의 방법이 있는데 본인이 자주 사용할 방법 하나를 골라서 사용하면 된다.

➤ 입력

---
- - -
***
* * *
___
_ _ _

➤ 출력









✅ 줄바꿈

<br>을 입력하여 줄바꿈이 가능하다.

➤ 입력

문단을 띄고 싶을 땐
<br>
`<br>` 이용!

➤ 출력
문단을 띄고 싶을 땐


<br> 이용!



마크다운 수식어 (LaTex)

✅ 자주 쓰는 문자, 수식 정리

그리스 문자

α\alpha \quad \quad \quad \alpha
β\beta \quad \quad \quad \beta
γ\gamma \quad \quad \quad \gamma
ϵ\epsilon \quad \quad \quad \epsilon
ε\varepsilon \quad \quad \quad \varepsilon
ζ\zeta \quad \quad \quad \zeta
η\eta \quad \quad \quad \eta
θ\theta \quad \quad \quad \theta
ϑ\vartheta \quad \quad \quad \vartheta
Γ\Gamma \quad \quad \quad \Gamma
Δ\Delta \quad \quad \quad \Delta
Θ\Theta \quad \quad \quad \Theta
Λ\Lambda \quad \quad \quad \Lambda
ι\iota \quad \quad \quad \iota
κ\kappa \quad \quad \quad \kappa
λ\lambda \quad \quad \quad \lambda
μ\mu \quad \quad \quad \mu
ν\nu \quad \quad \quad \nu
ξ\xi \quad \quad \quad \xi
ο\omicron \quad \quad \quad \omicron
π\pi \quad \quad \quad \pi
ρ\rho \quad \quad \quad \rho
Ξ\Xi \quad \quad \quad \Xi
Π\Pi \quad \quad \quad \Pi
Σ\Sigma \quad \quad \quad \Sigma
Υ\Upsilon \quad \quad \quad \Upsilon
ϱ\varrho \quad \quad \quad \varrho
σ\sigma \quad \quad \quad \sigma
ς\varsigma \quad \quad \quad \varsigma
τ\tau \quad \quad \quad \tau
υ\upsilon \quad \quad \quad \upsilon
ϕ\phi \quad \quad \quad \phi
φ\varphi \quad \quad \quad \varphi
χ\chi \quad \quad \quad \chi
ψ\psi \quad \quad \quad \psi
ω\omega \quad \quad \quad \omega
Φ\Phi \quad \quad \quad \Phi
Ψ\Psi \quad \quad \quad \Psi
Ω\Omega \quad \quad \quad \Omega

관계

\le \quad \quad \quad \le
\ge \quad \quad \quad \ge
\equiv \quad \quad \quad \equiv
\sim \quad \quad \quad \sim
\simeq \quad \quad \quad \simeq
\ll \quad \quad \quad \ll
\gg \quad \quad \quad \gg
\subset \quad \quad \quad \subset
\subseteq \quad \quad \quad \subseteq
\supset \quad \quad \quad \supset
\supseteq \quad \quad \quad \supseteq
\in \quad \quad \quad \in
\ni \quad \quad \quad \ni
\notin \quad \quad \quad \notin
\propto \quad \quad \quad \propto
\approx \quad \quad \quad \approx
\cong \quad \quad \quad \cong
\perp \quad \quad \quad \perp
\ne \quad \quad \quad \ne
\cap \quad \quad \quad \cap
\cup \quad \quad \quad \cup

연산

±\pm \quad \quad \quad \pm
\mp \quad \quad \quad \mp
\sum \quad \quad \quad \sum
\prod \quad \quad \quad \prod
lim\lim \quad \quad \quad \lim
\prime \quad \quad \quad \prime
\partial \quad \quad \quad \partial
\int \quad \quad \quad \int
\iint \quad \quad \quad \iint
\oint \quad \quad \quad \oint
×\times \quad \quad \quad \times
÷\div \quad \quad \quad \div
\ast \quad \quad \quad \ast

✅ 수식 표기법

왼쪽 정렬

$ 로 수식의 앞뒤를 감싸면 왼쪽 정렬 된 수식을 작성할 수 있다.
➤ 입력

$y=x+1$

➤ 출력
y=x+1y = x + 1


가운데 정렬

$$ 로 수식의 앞뒤를 감싸면 가운데 정렬 된 수식을 작성할 수 있다.

➤ 입력

$$y=x+1$$

➤ 출력
y=x+1y = x + 1


특정 문자 기준 정렬

aligned 를 사용하여 특정 문자를 기준으로 정렬된 수식을 작성할 수 있다. 기준 삼고 싶은 문자 앞에 &를 붙여주면 된다.

➤ 입력

$$
\begin{aligned}
y &= x + 1 \\
y &= ax^2 + bx + c
\end{aligned}
$$

➤ 출력

y=x+1y=ax2+bx+c\begin{aligned} y &= x + 1 \\ y &= ax^2 + bx + c \end{aligned}

수식 내 줄바꿈

수식에서 \\ 를 사용하여 줄바꿈이 가능하다.

➤ 입력

$$
y = x+1 \\ y = ax^2+bx+c
$$

➤ 출력

y=x+1y=ax2+bx+cy = x+1 \\ y = ax^2+bx+c

수식 내 띄어쓰기

\, \,, \;, \quad 를 사용하여 수식 내 띄어쓰기가 가능하다.

➤ 입력

$$
hello world \\
hello \, world \\
hello \ world \\
hello \; world \\
hello \quad world
$$

➤ 출력

helloworldhelloworldhello worldhello  worldhelloworldhello 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)}
$$

➤ 출력

xi=ximin(x)max(x)min(x)x'_i = {x_i - min(x) \over max(x) - min(x)}

  • \frac : \frac 뒤 첫번째 글자는 분자, 두번째 글자는 분모

➤ 입력

$$
x'_i = \frac{x_i - min(x)}{max(x) - min(x)}
$$

➤ 출력

xi=ximin(x)max(x)min(x)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
$$

➤ 출력

x=1|x| = 1
x+1x2+2x+1\left\vert {\frac{x+1}{x^2+2x+1}} \right\vert

루트 값 표현

\sqrt 뒤에 {} 로 묶어 들어가는 문자들이 모두 루트 안에 들어간다.

➤ 입력

$$
x'_i = a\sqrt {x_i+b+c}
$$

➤ 출력

xi=axi+b+cx'_i = a\sqrt {x_i+b+c}

case 나누기

\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}
$$

➤ 출력

xi={xiλ1λ,  if  λ0log(xi),  otherisex'_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
$$

➤ 출력

y=ax3+bx2+cx+dyi=xi+xi1yi=axi2y = ax^3 + bx^2 + cx + d\\ y_i = x_i + x_{i-1}\\ y_i = ax^2_i

\sum , limlim 활용법

아랫첨자와 윗첨자를 쓰는 방식과 동일하고, 앞에 \displaystyle을 명시하느냐, \textstyle을 명시하느냐에 따라 출력이 달라진다.

\textstyle 명시 :

➤ 입력

$$
\textstyle \sum_{i=0}^n y_i^2
$$
$$
\textstyle \lim_{x\rarr\infin}{1\over x}
$$

➤ 출력

i=0nyi2\textstyle \sum_{i=0}^n y_i^2
limx1x\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}
$$

➤ 출력

i=0nyi2\displaystyle \sum_{i=0}^n y_i^2
limx1x\displaystyle \lim_{x\rarr\infin}{1\over x}

Accents

a^\hat a \quad \quad \quad \hat
a~\tilde a \quad \quad \quad \tilde
aˊ\acute a \quad \quad \quad \acute
a˙\dot a \quad \quad \quad \dot
aˉ\bar a \quad \quad \quad \bar
a\vec a \quad \quad \quad \vec



✅ 행렬 표기법

\matrix 를 사용하여 &로 열 구분, \\로 행 구분.
시작 부분에 \begin{괄호 종류}, 끝 부분에 \end{괄호 종류}) 로 감싸준다.

abcd\begin{matrix}a&b\\c&d\\ \end{matrix}

(abcd)\begin{pmatrix}a&b\\c&d\\ \end{pmatrix}

[abcd]\begin{bmatrix}a&b\\c&d\\ \end{bmatrix}

{abcd}\begin{Bmatrix}a&b\\c&d\\ \end{Bmatrix}

abcd\begin{vmatrix}a&b\\c&d\\ \end{vmatrix}

abcd\begin{Vmatrix}a&b\\c&d\\ \end{Vmatrix}


References

profile
큰 사람이 되겠어요

0개의 댓글