마크다운 문법 총정리
시리즈: Index
목차
1. Heading IDs
### My Great Heading {#custom-id}
위처럼 쓰면 html에서 이렇게 적용된다.
<h3 id="custom-id">My Great Heading</h3>
1.1. 응용(ID로 링크 걸기)
1. [Heading IDs](#1-heading-ids)
1. [응용(ID로 링크 걸기)](#11-응용id로-링크-걸기)
2. [코드(Code)](#2-코드code)
1. [인라인(inline)](#21-인라인inline)
2. [블록(block)](#22-블록block)
3. [HTML tag](#23-html-tag)
3. [표(Table)](#3-표table)
4. [수식](#4-수식)
1. [인라인(inline)](#41-인라인inline)
2. [블록(block)](#42-블록block)
2. 코드(Code)
가끔 `(백틱)으로 감싸도 사이트에서 렌더링이 제대로 되지 않을 때가 있다. 여러 이유가 있겠지만 jekyll과 liquid를 사용하는 블로그의 경우 {{...}} 를 템플릿 언어인 liquid가 먼저 해석해서 오류가 발생하는 경우가 있다.
그럴 경우
{% raw %}
...
{% endraw %}
로 앞뒤를 감싸주면 해결할 수 있다.
2.1. 인라인(inline)
`print("Hello, World!")`
print("Hello, World!")
2.2. 블록(block)
Highlighting을 적용시키기 위해서는 ``` 옆에 알맞는 language를 적어주면 된다.
``` python
while (True):
print("마크다운 나 짜증나게 하지마")
```
while (True):
print("마크다운 나 짜증나게 하지마")
``` java
public static void main(String[] args) {
while (true) {
System.out.println("마크다운 나 짜증나게 하지마");
}
}
```
public static void main(String[] args) {
while (true) {
System.out.println("마크다운 나 짜증나게 하지마");
}
}
``` c
#include <stdio.h>
for (int i = 0; i++; i>10) {
printf("Hello World!");
}
return 0;
```
#include <stdio.h>
for (int i = 0; i++; i>10) {
printf("Hello World!");
}
return 0;
2.3. HTML tag
<code>
print("Hello, World!")
</code>
print("Hello, World!")
<pre>
print("Hello, World!")
</pre>
print("Hello, World!")
3. 표(Table)
| 1st | 2nd | 3rd |
| --- | --- | --- |
| 한자 | 심리학 | 수치해석학 |
| 선형대수학 | 통계학 | 이산수학 |
| 컴퓨터 구조 | 토익 | 파이썬 |
| 1st | 2nd | 3rd |
|---|---|---|
| 한자 | 심리학 | 수치해석학 |
| 선형대수학 | 통계학 | 이산수학 |
| 컴퓨터 구조 | 토익 | 파이썬 |
| 1st | 2nd | 3rd |
| :--- | :---: | ---: |
| 좌로 정렬 | 가운데 정렬 | 우로 정렬 |
| 선형대수학 | 통계학 | 이산수학 |
| 컴퓨터 구조 | 토익 | 파이썬 |
| 1st | 2nd | 3rd |
|---|---|---|
| 좌로 정렬 | 가운데 정렬 | 우로 정렬 |
| 선형대수학 | 통계학 | 이산수학 |
| 컴퓨터 구조 | 토익 | 파이썬 |
<table>
<thead>
<tr>
<th>1st</th>
<th>2nd</th>
<th>3rd</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan = "2">2열 병합</td>
<!-- <td>가운데 정렬</td> -->
<td style = "text-align: right">우로 정렬</td>
</tr>
<tr>
<td rowspan = "2">2행 병합</td>
<td style = "text-align: center">가운데 정렬</td>
<td style = "text-align: left">좌로 정렬</td>
</tr>
<tr>
<!-- <td>컴퓨터 구조</td> -->
<td>토익</td>
<td>파이썬</td>
</tr>
</tbody>
</table>
| 1st | 2nd | 3rd |
|---|---|---|
| 2열 병합 | 우로 정렬 | |
| 2행 병합 | 가운데 정렬 | 좌로 정렬 |
| 토익 | 파이썬 | |
4. 수식
수식 같은 경우에는 다른 프로그램에서 수식을 작성하고 캡처해서 사진으로 붙여넣는 게 빠르다
* 2026.02.05 추가최근에는 AI에게 수식을 캡처해서 보여주고 LaTeX로 변환해줘! 하면 꽤나 깔끔하게 바꿔준다
4.1. 인라인(inline)
$x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$
$x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$
4.2. 블록(block)
$$
\begin{aligned}
y&=\sin x \\
\frac{dy}{dx}&=\cos x \\
\\
y&=\cos x \\
\frac{dy}{dx}&=-\sin x \\
\\
y&=\tan x \\
\frac{dy}{dx}&=\sec^2 x
\end{aligned}
$$
Comments