Github Blog 기초 Markdown (제목, 텍스트 스타일, 목록)

👋 블로그 두 번째 걸음 Markdown

LatentLab의 Markdown 포스팅입니다. 이번 글에서는 GitHub Blog를 운영하면서 가장 기본이 되는 Markdown 문법에 대해 다뤄보려 합니다.

💭 첫 번째 글에서 다짐했던 ‘꾸준함’을 이어가기 위한 첫 실습이기도 합니다.

---

🧩 Markdown이란?

Markdown은 글을 쉽고 간단하게 꾸밀 수 있는 경량 마크업 언어입니다. 복잡한 HTML 태그를 몰라도 제목, 강조, 목록, 링크 등을 손쉽게 표현할 수 있습니다.

📌 마크다운의 핵심: 간단한 문법 + 깔끔한 결과

원래는 개발자 문서(README 등)를 정리하기 위해 만들어졌지만, 지금은 블로그, 메모, Notion, GitHub 등 거의 모든 플랫폼에서 활용되고 있습니다.

---

🚀 GitHub Blog에서 Markdown을 쓰는 이유

GitHub Pages 기반 블로그(Jekyll)는 .md 확장자를 가진 Markdown 파일로 글을 작성합니다.
즉, 마크다운이 곧 블로그의 언어입니다.

💡 “정적 사이트”란 서버에서 매번 새로 렌더링하지 않고, 미리 만들어진 HTML을 그대로 보여주는 사이트를 뜻합니다.

✅ Markdown의 장점

• 복잡한 HTML을 몰라도 간단하게 글 작성 가능
• GitHub가 자동으로 마크다운 렌더링 지원
• Git 버전 관리와의 궁합이 뛰어남 (git diff로 변경점 파악 용이)
• 블로그 외에도 README, 위키, 문서화에 재사용 가능

---

🌟 Markdown의 매력

Markdown은 텍스트 기반이기 때문에 환경 제약이 적고, 작성이 빠릅니다.
특히 ‘글쓰기에만 집중할 수 있다’는 점이 가장 큰 장점입니다.

✏️ 콘텐츠 집중 – 툴 대신 내용에 집중
🔄 버전 관리에 최적화 – git과 완벽 호환
📱 높은 호환성 – 어떤 플랫폼에서도 사용 가능
⚙️ 자동화 용이 – Jekyll 같은 정적 사이트 생성기와 궁합 좋음

---

💡 HTML vs Markdown 비교

기능	HTML 방식	Markdown 방식
제목	<h1>제목입니다</h1>	# 제목입니다
굵은 글씨	<strong>굵게</strong>	**굵게**
링크	<a href="url">이동</a>	[이동](url)
목록	<ul><li>항목</li></ul>	- 항목
이미지	<img src="img.png" alt="설명">	

👀 짧고 직관적인 문법만으로 동일한 결과를 얻을 수 있다는 것이 Markdown의 강점입니다.

---

📚 Markdown 기초 문법

이제 실제로 자주 사용하는 문법을 예시와 함께 살펴보겠습니다.

🧱 1. 제목 (Header)

#의 개수에 따라 제목의 크기가 달라집니다.

# 제목 1
## 제목 2
### 제목 3

👀 실제 예시:

제목 1

제목 2

제목 3

💡 블로그 글의 제목에는 #, 본문 소제목에는 ##나 ###를 주로 사용합니다.

---

✨ 2. 텍스트 스타일

스타일	문법 예시	결과
굵게	**굵게**	굵게
기울임	*기울임*	기울임
취소선	~~취소선~~	취소선
조합형	**_굵고 기울임_**	굵고 기울임

---

🧾 3. 목록 (List)

순서 없는 목록

-, *, + 중 아무거나 사용 가능합니다.

- 사과
- 바나나
- 포도

• 사과
• 바나나
• 포도

순서 있는 목록

1. 첫 번째
2. 두 번째
3. 세 번째

1. 첫 번째
2. 두 번째
3. 세 번째

✅ 들여쓰기를 활용하면 하위 목록도 쉽게 만들 수 있습니다.

---

✍️ 마무리 및 다음 계획

이번 글에서는 다음 내용을 다뤘습니다:

• Markdown의 개념과 필요성
• HTML vs Markdown 비교
• 기본 문법 (제목, 텍스트 스타일, 목록)

다음 포스팅에서는 링크 & 이미지를 다뤄보겠습니다.

꾸준히 작성하며 LatentLab의 블로그 빌드업을 이어가겠습니다.

---

💬 오늘의 명언

벤자민 프랭클린 (Benjamin Franklin)
“Little strokes fell great oaks.”
“작은 도끼질이 거대한 참나무를 쓰러뜨린다.”