πŸ“– Markup / Markdown μ–Έμ–΄λž€?

μ–Έμ§€Β·2025λ…„ 3μ›” 4일
post-thumbnail

🌟 Markupμ΄λž€?

λ§ˆν¬μ—…(Markup)은 ν…μŠ€νŠΈλ₯Ό κ΅¬μ‘°ν™”ν•˜κ³  의미λ₯Ό λΆ€μ—¬ν•˜κΈ° μœ„ν•΄ κ³ μ•ˆλœ μ–Έμ–΄μž…λ‹ˆλ‹€.
일반적인 λ¬Έμ„œμ—μ„œ ν…μŠ€νŠΈ 자체뿐만 μ•„λ‹ˆλΌ, λ¬Έμ„œμ˜ μ„œμ‹(μŠ€νƒ€μΌ), 의미(ꡬ쑰), 데이터 속성 등을 ν‘œν˜„ν•  수 μžˆμ–΄μš”.

πŸ“Œ HTML, XML, LaTeX, Markdown 등이 λ§ˆν¬μ—… μ–Έμ–΄μ˜ λŒ€ν‘œμ μΈ μ˜ˆμ‹œ!


✨ Markup μ–Έμ–΄μ˜ μ’…λ₯˜

λ§ˆν¬μ—… μ–Έμ–΄λŠ” ν‘œν˜„ 방식에 따라 크게 3κ°€μ§€ μœ ν˜•μœΌλ‘œ λ‚˜λ‰©λ‹ˆλ‹€.

μœ ν˜•μ„€λͺ…μ˜ˆμ‹œ
ν‘œν˜„μ  λ§ˆν¬μ—…
(Presentational Markup)
λ¬Έμ„œμ˜ μŠ€νƒ€μΌ(ν˜•νƒœ, μ™Έκ΄€)을 μ§€μ •ν•˜λŠ” λ§ˆν¬μ—…<b>, <i>, <font>
순차적 λ§ˆν¬μ—…
(Procedural Markup)
λ¬Έμ„œμ˜ μˆœμ„œλ‚˜ 처리λ₯Ό μ œμ–΄ν•˜λŠ” λͺ…λ Ήν˜• λ§ˆν¬μ—…LaTeX의 \section{}
μ„€λͺ…적 λ§ˆν¬μ—…
(Descriptive Markup)
λ¬Έμ„œμ˜ ꡬ쑰와 의미λ₯Ό μ„€λͺ…ν•˜λŠ” λ§ˆν¬μ—…<h1>, <p>, <table>

πŸ’‘ μ„€λͺ…적 λ§ˆν¬μ—…μ΄ κ°€μž₯ 널리 μ‚¬μš©λ˜λ©°, ν˜„λŒ€μ μΈ HTML λ¬Έμ„œ μž‘μ„±μ—μ„œ μ€‘μš”ν•œ 역할을 ν•΄μš”!


🌟 Markdownμ΄λž€?

Markdown(λ§ˆν¬λ‹€μš΄)은 일반 ν…μŠ€νŠΈ 기반의 κ²½λŸ‰ λ§ˆν¬μ—… μ–Έμ–΄μž…λ‹ˆλ‹€.
HTML 같은 λ³΅μž‘ν•œ 문법 없이, κ°„λ‹¨ν•œ 기호둜 λ¬Έμ„œμ˜ μ„œμ‹μ„ μ§€μ •ν•  수 μžˆμ–΄μš”.

✨ Markdown의 μž₯점과 단점

βœ… μž₯점

  • 문법이 κ°„κ²°ν•˜κ³  배우기 쉽닀
  • λ‹€μ–‘ν•œ ν”Œλž«νΌμ—μ„œ 지원
  • μš©λŸ‰μ΄ μž‘κ³  λΉ λ₯΄κ²Œ λ Œλ”λ§ κ°€λŠ₯
  • λ‹€μ–‘ν•œ ν˜•νƒœλ‘œ λ³€ν™˜ κ°€λŠ₯ (HTML, PDF λ“±)

❌ 단점

  • HTML의 λͺ¨λ“  κΈ°λŠ₯을 λŒ€μ²΄ν•˜μ§€ λͺ»ν•œλ‹€
  • ν‘œμ€€μ΄ μ—†μ–΄μ„œ ν™˜κ²½μ— 따라 λ‹€λ₯΄κ²Œ ν‘œν˜„λ  수 있음
  • 이미지 μ‚½μž… μ‹œ 경둜λ₯Ό μˆ˜λ™μœΌλ‘œ μž…λ ₯ν•΄μ•Ό 함

πŸ“Œ μ£Όμš” μ‚¬μš©μ²˜

  • GitHub (README.md λ¬Έμ„œ μž‘μ„±)
  • λΈ”λ‘œκ·Έ (Velog, Notion, Tistory λ“±)
  • μœ„ν‚€ λ¬Έμ„œ (Wikipedia, GitBook)

πŸ”Ή Markdown 문법 μ˜ˆμ‹œ

# 큰 제λͺ©
## μž‘μ€ 제λͺ©
**ꡡ은 글씨**  
_이타릭체_  
[λ„€μ΄λ²„λ‘œ 이동](https://naver.com)

βœ… Markup vs Markdown 비ꡐ 정리

비ꡐ ν•­λͺ©Markup (λ§ˆν¬μ—…)Markdown (λ§ˆν¬λ‹€μš΄)
μ •μ˜λ¬Έμ„œμ˜ ꡬ쑰와 의미λ₯Ό μ •μ˜ν•˜λŠ” μ–Έμ–΄κ°„λ‹¨ν•œ μ„œμ‹ 지정을 μœ„ν•œ κ²½λŸ‰ λ§ˆν¬μ—… μ–Έμ–΄
μ˜ˆμ‹œHTML, XML, LaTeXMarkdown (.md 파일)
λͺ©μ λ¬Έμ„œμ˜ μŠ€νƒ€μΌ, 의미, ꡬ쑰λ₯Ό μ •μ˜κ°€λ³κ³  μ‰½κ²Œ λ¬Έμ„œλ₯Ό μž‘μ„±
λ³΅μž‘λ„μƒλŒ€μ μœΌλ‘œ λ³΅μž‘ν•¨λ§€μš° 간단함
μ‚¬μš© ν™˜κ²½μ›Ή νŽ˜μ΄μ§€ μ œμž‘, 데이터 ꡬ쑰화GitHub, λΈ”λ‘œκ·Έ, λ¬Έμ„œ μž‘μ„±

🎯 ν•œ 쀄 μš”μ•½

Markup은 λ¬Έμ„œμ˜ ꡬ쑰λ₯Ό μ •μ˜ν•˜λŠ” 일반적인 κ°œλ…μ΄κ³ ,
Markdown은 κ°„λ‹¨ν•œ λ¬Έλ²•μœΌλ‘œ λ¬Έμ„œλ₯Ό μ„œμ‹ν™”ν•  수 μžˆλŠ” κ²½λŸ‰ λ§ˆν¬μ—… μ–Έμ–΄μž…λ‹ˆλ‹€.

0개의 λŒ“κΈ€