마크다운 문법 정리

📄 마크다운 문법 정리

README.md와 같은 마크다운 파일 작성 시 필요한 문법 정리

---

1. 헤더 (Header)

문서 구조를 나누기 위한 제목 스타일. #의 개수로 깊이 설정
1~6단계의 헤더를 지원

# H1

## H2

### H3

#### H4

##### H5

###### H6

예시 출력

H1

H2

H3

H4

H5

H6

 

---

2. 목록 (List)

✔ 순서 있는 목록

1. 첫번째
   1. 하위 항목
      1. 하위의 하위 항목
   1. 하위 항목-2
2. 두번째

결과

1. 첫번째
   1. 하위 항목
      1. 하위의 하위 항목
   2. 하위 항목-2
2. 두번째

✔ 순서 없는 목록

- 첫번째
  - 하위 항목
    - 하위의 하위 항목
  - 하위 항목-2

* 두번째

결과

• 첫번째
  • 하위 항목
    • 하위의 하위 항목
  • 하위 항목-2
• 두번째

 

---

3. 코드 블록 (Code Block)

```js
console.log("Hello World");
```

결과

console.log("Hello World");

 

---

4. 링크 (Link)

외부 링크
[Google](https://google.com)

내부 링크
[내부 이동](docs#1-헤더-header)

결과
Google
내부 이동

 

---

5. 이미지 (Image)

![title](이미지 경로)
예시: ![Image](/image.png)

- 사이즈 조절
  <Image src="이미지경로" alt="image 대체 메시지" title="image title" width={90} height={90} />

결과

 

---

6. 텍스트 강조 (Text Emphasis)

_기울임_ 또는 _기울임_  
**굵게** 또는 **굵게**  
~~취소선~~

결과
기울임 / 기울임
굵게 / 굵게

취소선

 

---

7. 인용구 & 수평선

🗨 인용문

> 인용문
>
> > 중첩 인용문

결과(.md파일이나 mdx에서는 중첩인용문이 인용문의 인용문으로 들어감: tistory지원 markdown의 한계)

인용문

중첩 인용문

📏 수평선

---

<hr/>

결과

---

 

---

8. 표 (Table)

| 제목1 | 제목2 | 제목3 |
| :---- | :---: | ----: |
| 좌측  | 중앙  |  우측 |

결과

제목1	제목2	제목3
좌측	중앙	우측