thumbnail
Markdown 완벽 가이드
Web
2024.11.20.

들어가며

블로그 작성에 자주 사용되는 마크다운(Markdown)과 마크업(Markup)의 차이점을 명확히 이해하고, 각각의 특징과 활용 방법에 대해 알아보겠습니다.

마크업(Markup) 언어

정의와 특징

마크업 언어는 문서나 데이터의 구조를 명시하기 위해 태그를 사용하는 언어입니다. 원래는 원고의 교정부호와 주석을 표현하기 위한 것이었으나, 현재는 문서의 구조를 표현하는 중요한 역할을 담당하고 있습니다.

프로그래밍 언어와의 차이

  • 프로그래밍 언어 (Java, JavaScript 등)

    • 시스템 동작을 위한 소프트웨어 개발
    • 로직과 알고리즘 구현
  • 마크업 언어

    • 문서 구조와 형식 정의
    • 내용의 표현과 설명에 중점

마크업 언어의 분류

  1. 표현적 마크업 (Presentational Markup)

    • 문서의 시각적 형태 표현
    • 예: HTML의 style 태그
  2. 절차적 마크업 (Procedural Markup)

    • 문서 처리 방법 서술
    • 프로그램의 처리 절차 정의
  3. 기술적 마크업 (Descriptive Markup)

    • 가장 널리 사용되는 형태
    • 문서 내용과 구조 기술
    • 범용적 특성
    • 예: HTML, XML, Markdown

주요 마크업 언어

  • HTML (웹 문서)
  • XML (데이터 구조)
  • XHTML (XML 기반 HTML)
  • JSON (데이터 교환)
  • YAML (구성 파일)
  • TeX (문서 조판)

마크다운(Markdown)

개요

마크다운은 경량 마크업 언어로, 일반 텍스트를 기반으로 하면서도 서식이 있는 문서를 쉽게 작성할 수 있게 해줍니다.

특징

  1. 간단한 문법

    • 직관적인 작성 방식
    • 빠른 학습 곡선
  2. 높은 가독성

    • 일반 텍스트처럼 읽기 쉬움
    • 서식이 적용된 상태도 이해하기 쉬움
  3. 변환 용이성

    • HTML로 쉽게 변환
    • 다양한 출력 형식 지원

사용 이점

  1. 접근성

    • 특별한 도구 없이 작성 가능
    • 텍스트 에디터만으로 충분
  2. 생산성

    • 빠른 문서 작성
    • 간단한 서식 적용
  3. 호환성

    • 다양한 플랫폼 지원
    • 버전 관리 시스템과의 좋은 호환성

HTML vs Markdown

HTML

  • 웹 페이지 구조 정의
  • 복잡한 태그 시스템
  • 상세한 스타일링 가능
  • JavaScript와 연동 가능

Markdown

  • 문서 작성에 최적화
  • 단순한 문법
  • 제한된 스타일링
  • 빠른 문서화

결론

마크업과 마크다운은 각각의 용도에 맞게 선택하여 사용하면 됩니다. 복잡한 웹 페이지 구조가 필요한 경우 HTML을, 간단한 문서 작성이나 블로그 포스팅에는 Markdown을 사용하는 것이 효율적입니다.


기술 블로그 운영하면서 느낀 Markdown 팁 & 관리 전략
기술 블로그 운영하면서 느낀 Markdown 팁 & 관리 전략
2025.07.01.
Web
시작과 기록
🔒 Web Locks API 완벽 가이드: 브라우저 다중 탭 동시성 제어와 리더 선출
🔒 Web Locks API 완벽 가이드: 브라우저 다중 탭 동시성 제어와 리더 선출
2026.10.17.
Web
탭이 10개 열려도 데이터 꼬임 없는 브라우저 락
🔊 Web Audio API 완벽 가이드
🔊 Web Audio API 완벽 가이드
2026.10.16.
Web
브라우저에서 직접 사운드를 조작하다
📡 Web Bluetooth API 완벽 가이드: 브라우저에서 하드웨어를 직접 제어하는 방법
📡 Web Bluetooth API 완벽 가이드: 브라우저에서 하드웨어를 직접 제어하는 방법
2026.10.15.
Web
브라우저에서 블루투스 기기와 통신하기

Thank You for Visiting My Blog, Have a Good Day 🌿

© 2024 Developer LIM.