1
| 항목     | 설명                  |
2
| -------- | --------------------- |
3
| 마크다운 | 가벼운 마크업 언어    |
4
| HTML     | 웹 페이지 마크업 언어 |

1
| 좌측 정렬 | 중앙 정렬 | 우측 정렬 |
2
| :-------- | :-------: | --------: |
3
| 왼쪽      |  가운데   |    오른쪽 |
4
| Left      |  Center   |     Right |

1
| 기능   | 문법            | 예시                         |
2
| ------ | --------------- | ---------------------------- |
3
| 굵게   | `**텍스트**`    | **굵게**                     |
4
| 기울임 | `*텍스트*`      | _기울임_                     |
5
| 코드   | `` `코드` ``    | `console.log()`              |
6
| 링크   | `[텍스트](URL)` | [Google](https://google.com) |

1
```
2
function hello() {
3
  console.log('Hello, World!');
4
}
5
```

1
function hello() {
2
  console.log('Hello, World!');
3
}

1
```javascript
2
function greet(name) {
3
  return `Hello, ${name}!`;
4
}
5
```

1
function greet(name) {
2
  return `Hello, ${name}!`;
3
}

1
```python
2
def factorial(n):
3
    if n == 0:
4
        return 1
5
    return n * factorial(n - 1)
6
```

1
def factorial(n):
2
    if n == 0:
3
        return 1
4
    return n * factorial(n - 1)

1
```json
2
{
3
  "name": "마크다운",
4
  "version": "1.0.0",
5
  "description": "가벼운 마크업 언어"
6
}
7
```

1
{
2
  "name": "마크다운",
3
  "version": "1.0.0",
4
  "description": "가벼운 마크업 언어"
5
}

1
마크다운은 2004년 John Gruber가 만들었습니다.[^1]
2

3
[^1]: https://daringfireball.net/projects/markdown/

1
마크다운[^markdown]은 HTML[^html]로 변환됩니다.
2

3
[^markdown]: Markdown - 가벼운 마크업 언어
4

5
[^html]: HyperText Markup Language

1
### 제목 {#custom-id}

1
[이 제목으로 이동](#custom-id)

1
## 설치 방법 {#installation}
2

3
설치는 다음과 같습니다...
4

5
---
6

7
자세한 내용은 [설치 방법](#installation)을 참고하세요.

1
https://example.com/docs#installation

1
마크다운
2
: 읽기 쉽고 쓰기 쉬운 문서 작성 문법
3

4
HTML
5
: 웹 페이지를 만드는 마크업 언어

1
마크다운
2
: 가벼운 마크업 언어
3
: 2004년 John Gruber가 만듦
4
: GitHub, Reddit 등에서 사용

1
~~취소된 텍스트~~

1
- ~~할 일 1~~ (완료)
2
- ~~할 일 2~~ (완료)
3
- 할 일 3 (진행 중)

1
- [x] 마크다운 기본 문법 익히기
2
- [x] 확장 문법 배우기
3
- [ ] Astro 블로그 포스팅하기
4
- [ ] 옵시디언 노트 정리하기

1
- [x] 프로젝트 시작
2
  - [x] 요구사항 정의
3
  - [x] 디자인 작성
4
  - [ ] 개발
5
    - [x] 프론트엔드
6
    - [ ] 백엔드

1
😀 😃 😄 😁 😆 😅
2
🎉 🎊 ✨ 🎈 🎁
3
👍 👎 ✅ ❌ 💡

1
:smile: :tada: :rocket: :fire: :heart:

1
==강조할 텍스트==

1
<mark>강조할 텍스트</mark>

1
H~2~O

1
H<sub>2</sub>O

1
X^2^

1
X<sup>2</sup>

1
https://www.markdownguide.org

1
`https://www.markdownguide.org`

1
# 프로젝트 이름
2

3
## 기능
4

5
- [x] 사용자 인증
6
- [x] 데이터베이스 연동
7
- [ ] API 개발
8
- [ ] 프론트엔드 UI
9

10
## 기술 스택
11

12
| 분류     | 기술              |
13
| -------- | ----------------- |
14
| Frontend | React, TypeScript |
15
| Backend  | Node.js, Express  |
16
| Database | PostgreSQL        |
17

18
## 설치 방법
19

20
\`\`\`bash
21
npm install
22
npm run dev
23
\`\`\`
24

25
## 라이선스
26

27
MIT License[^1]
28

29
[^1]: https://opensource.org/licenses/MIT

1
---
2
title: "마크다운 확장 문법 실전 활용"
3
published: 2025-12-31
4
tags: ["마크다운", "블로그"]
5
---
6

7
# 마크다운 확장 문법 실전 활용
8

9
## 주요 기능 비교
10

11
|    기능    | 기본 문법 | 확장 문법 |
12
| :--------: | :-------: | :-------: |
13
|   테이블   |    ❌     |    ✅     |
14
| 코드 블록  |    ⚠️     |    ✅     |
15
| 체크리스트 |    ❌     |    ✅     |
16

17
## 코드 예시
18

19
\`\`\`typescript
20
interface User {
21
name: string;
22
email: string;
23
}
24
\`\`\`
25

26
## 참고 사항
27

28
확장 문법은 ==매우 유용==합니다.[^note]
29

30
[^note]: 모든 에디터가 지원하는 건 아닙니다.

1
# 마크다운 학습 노트
2

3
## 오늘 배운 것
4

5
- [x] 테이블 문법
6
- [x] 펜스 코드 블록
7
- [ ] 각주 활용법
8

9
## 핵심 요약
10

11
마크다운
12
: 가벼운 마크업 언어
13
: ==Astro와 옵시디언에서 필수==
14

15
## 참고 링크
16

17
- [[마크다운 기본 문법]]
18
- [[Astro 블로그 설정]]
19

20
#마크다운 #확장문법