MoodturnPost 
마크다운 완벽가이드 - 치트시트
마크다운 완벽가이드 - 치트시트
요약
빠른 참고용 마크다운 전체 문법 요약
- 기본 문법: 제목, 강조, 목록, 링크, 이미지 등 필수 10가지
- 확장 문법: 테이블, 코드 블록, 체크리스트 등 고급 11가지
- HTML 활용: 이미지 크기, 색상, 정렬 등 6가지 테크닉
용도: 마크다운 작성 중 문법이 기억나지 않을 때 빠르게 참고
기본 문법
| 요소 | 문법 | 예시 |
|---|---|---|
| 제목 | # H1 ## H2 ### H3 | # 제목 1## 제목 2 |
| 굵게 | **텍스트** | 굵은 텍스트 |
| 기울임 | *텍스트* | 기울인 텍스트 |
| 굵고 기울임 | ***텍스트*** | 굵고 기울임 |
| 인용구 | > 인용문 | > 인용구 |
| 순서 있는 목록 | 1. 항목 | 1. 첫 번째 2. 두 번째 |
| 순서 없는 목록 | - 항목 | - 항목 1 - 항목 2 |
| 인라인 코드 | `코드` | console.log() |
| 수평선 | --- | --- |
| 링크 | [텍스트](URL) | 구글 |
| 이미지 |  |  |
확장 문법
| 요소 | 문법 | 예시 |
|---|---|---|
| 테이블 | | 헤더 | 헤더 || --- | --- || 셀 | 셀 | | 위 표 참고 |
| 코드 블록 | ```언어 코드 ``` | ```javascriptcode``` |
| 각주 | 텍스트[^1][^1]: 각주 내용 | 참고1 |
| 제목 ID | ## 제목 {#id} | ## 설치 {#install} |
| 정의 목록 | 용어: 정의 | 마크다운: 문서 작성 문법 |
| 취소선 | ~~텍스트~~ | |
| 체크리스트 | - [x] 완료- [ ] 미완료 | - [x] 완료 - [ ] 미완료 |
| 이모지 | :emoji: | :smile: → 😀 |
| 하이라이트 | ==텍스트== | ==강조== (일부 에디터) |
| 아래 첨자 | H~2~O | H |
| 위 첨자 | X^2^ | X^2^ (일부 에디터) |
HTML 활용
| 기능 | HTML | 예시 |
|---|---|---|
| 이미지 크기 | <img src="..." width="300"> | <img src="./logo.png" width="200"> |
| 텍스트 색상 | <p style="color:색상"> | <p style="color:red;">빨간 텍스트</p> |
| 중앙 정렬 | <p style="text-align:center"> | <p style="text-align:center;">중앙</p> |
| 밑줄 | <ins>텍스트</ins> | 밑줄 텍스트 |
| 비디오 | <iframe src="..."></iframe> | 유튜브 임베드 코드 |
| 주석 | [주석]: # | [메모]: # |
테이블 정렬
| 정렬 | 문법 | 예시 |
|---|---|---|
| 좌측 정렬 | :--- | | :--- | |
| 중앙 정렬 | :---: | | :---: | |
| 우측 정렬 | ---: | | ---: | |
예시:
| 좌측 | 중앙 | 우측 || :--- | :----: | ----: || Left | Center | Right |자주 쓰는 패턴
Admonitions (주의사항 박스)
> ⚠️ **Warning:** 경고 메시지
> 📝 **Note:** 정보성 노트
> 💡 **Tip:** 유용한 팁코드 블록 (언어별)
```javascriptfunction hello() { console.log('Hello!');}` ` `
` ` `pythondef hello(): print('Hello!')` ` `
` ` `bashnpm install` ` ````중첩 목록
- 항목 1 - 하위 항목 1-1 - 하위 항목 1-2- 항목 2링크가 있는 이미지
[](https://example.com)특수문자 (HTML 엔티티)
| 기호 | 엔티티 | 설명 |
|---|---|---|
| © | © | 저작권 |
| ® | ® | 등록 상표 |
| ™ | ™ | 상표 |
| € | € | 유로 |
| ← | ← | 왼쪽 화살표 |
| → | → | 오른쪽 화살표 |
| ° | ° | 도 |
| π | π | 파이 |
| ✓ | ✓ | 체크 |
| ✗ | ✗ | X |
이모지 단축코드
| 이모지 | 단축코드 | 이모지 | 단축코드 |
|---|---|---|---|
| 😀 | :smile: | 🎉 | :tada: |
| 🚀 | :rocket: | 🔥 | :fire: |
| ❤️ | :heart: | 💡 | :bulb: |
| ✅ | :white_check_mark: | ❌ | :x: |
빠른 사용 예시
README 헤더
# 프로젝트 이름
> 간단한 프로젝트 설명
## 특징
- ✅ 기능 1- ✅ 기능 2- 🚀 빠른 성능블로그 포스트
---title: "포스트 제목"published: 2025-12-31tags: ["태그1", "태그2"]---
# 포스트 제목
## 요약
> 핵심 내용 요약
## 본문
내용...
## 참고 자료
- [링크 1](URL1)- [링크 2](URL2)옵시디언 노트
# 노트 제목
## 체크리스트
- [x] 완료된 항목- [ ] 할 일
## 관련 노트
- [[노트 1]]- [[노트 2]]
#태그1 #태그2호환성 참고
| 기능 | GitHub | Astro | 옵시디언 | VS Code |
|---|---|---|---|---|
| 기본 문법 | ✅ | ✅ | ✅ | ✅ |
| 테이블 | ✅ | ✅ | ✅ | ✅ |
| 코드 블록 | ✅ | ✅ | ✅ | ✅ |
| 체크리스트 | ✅ | ✅ | ✅ | ✅ |
| 각주 | ✅ | ✅ | ✅ | ⚠️ |
| HTML | ✅ | ✅ | ✅ | ✅ |
| CSS 스타일 | ❌ | ✅ | ✅ | ⚠️ |
✅ 완전 지원 | ⚠️ 부분 지원 | ❌ 미지원
참고 자료
상세 가이드
공식 문서
- Markdown Guide - 마크다운 공식 가이드
- CommonMark - 마크다운 표준 스펙
- GitHub Flavored Markdown - GitHub 마크다운
도구
- Markdown Tables Generator - 테이블 생성
- Emoji Cheat Sheet - 이모지 목록
- HTML Color Codes - 색상 코드
💡 Tip: 이 치트시트를 북마크하거나 인쇄해서 책상에 두고 참고하세요!
Footnotes
-
각주 예시입니다. ↩
공유
이 글이 도움이 되었다면 다른 사람과 공유해주세요!
마크다운 완벽가이드 - 치트시트
https://moodturnpost.net/posts/markdown/markdown-cheatsheet/ 작성자
Moodturn
게시일
2025-12-29
