초보자를 위한 마크다운 사용법 (+ 마크다운 뜻, 문법, …)




마크다운(Markdown)은 문서를 작성할 때 매우 유용한 도구로, 특히 개발자와 블로거들에게 널리 사용되고 있습니다.

마크다운을 처음 접하시는 분들에게 마크다운의 기본 개념부터 실제 사용 예제까지 초보자도 이해하기 쉽게 설명드리도록 하겠습니다.

마크다운 뜻




마크다운이란 텍스트 기반의 마크업 언어로, HTML과 달리 복잡한 태그를 사용하지 않고 간단한 기호를 통해 문서의 구조와 스타일을 정의할 수 있습니다.

즉, 마크다운을 사용하면 텍스트 파일을 쉽게 ‘풍부한’ 형식의 문서로 변환할 수 있습니다. 이 언어는 2004년에 존 그루버(John Gruber)와 아론 스워츠(Aaron Swartz)가 개발하였으며, 간결하고 읽기 쉬운 문서 작성을 목표로 하고 있습니다.

마크다운 문법

마크다운 문서를 작성하는 기본 원칙은 매우 간단합니다. 먼저, 텍스트 파일에 원하는 내용을 작성한 후 마크다운 기호를 사용해 해당 내용을 포맷팅할 수 있습니다.

헤더

헤더는 문서의 제목이나 소제목을 설정할 때 사용합니다. # 기호를 이용해 헤더를 만들 수 있으며, 기호의 개수에 따라 헤더의 수준이 달라집니다.

예시:

# 제목 1

## 제목 2

### 제목 3

위의 예시에서 #의 개수에 따라 헤더의 크기와 중요도가 결정됩니다. HTML의 h1, h2, h3 태그와 유사하게 동작합니다.

리스트

마크다운을 사용하면 쉽게 목록을 만들 수 있습니다. 목록에는 순서가 있는 목록과 순서가 없는 목록 두 가지가 있습니다.

순서가 있는 목록:

1. 첫 번째 항목

2. 두 번째 항목

3. 세 번째 항목

순서가 없는 목록:

* 항목 1

* 항목 2

* 항목 3

혹은

– 항목 1

– 항목 2

– 항목 3

위 방법 중 하나를 선택해 사용하시면 됩니다.

강조

마크다운에서는 다양한 방법으로 텍스트를 강조할 수 있습니다. 기울임, 굵게, 취소선 등을 사용할 수 있습니다.

기울임: *텍스트* 또는 _텍스트_

굵게: **텍스트** 또는 __텍스트__

취소선: ~~텍스트~~

이러한 기호를 통해 손쉽게 텍스트를 강조할 수 있습니다.

링크

인터넷 링크도 마크다운에서 간편하게 추가할 수 있습니다. 대괄호 안에 링크 텍스트를 쓰고, 괄호 안에 URL을 넣어주면 됩니다.

예시: [Google](https://www.google.com)




이미지

마크다운에서 이미지를 삽입할 때는 링크와 비슷한 문법을 사용합니다. ! 기호를 링크 앞에 추가하고, 괄호 안에 이미지의 URL을 넣어줍니다.

예시: ![Alt text](이미지 URL)

인용

마크다운에서 인용을 할 때는 > 기호를 사용합니다. 이는 이메일의 인용 스타일과 비슷합니다. 여러 줄의 텍스트도 인용할 수 있습니다.

예시:

> 인용문입니다.

> 여러 줄의 텍스트도 포함할 수 있습니다.

코드

코드 블록이나 인라인 코드를 표시할 때도 마크다운을 사용할 수 있습니다. 인라인 코드는 백틱(`) 기호 한 개로 감싸주고, 코드 블록은 세 개의 백틱 기호로 감싸줍니다.

예시:

`inline code`

코드 블록

마크다운 편집기




마크다운을 작성하려면 전용 편집기를 사용하는 것이 편리합니다. 여러 가지 편집기가 있으며, 그 중 대표적인 것들은 다음과 같습니다.

Visual Studio Code: 다양한 확장 기능을 제공하며, 마크다운 미리보기 기능도 포함되어 있습니다.

Typora: 실시간 미리보기 기능이 뛰어나며, WYSIWYG 편집기가 특징입니다.

마크다운 온라인 편집기: Dillinger 같은 브라우저 기반의 마크다운 편집기도 존재합니다.

마크다운 확장자

마크다운 파일의 기본 확장자는 .md 또는 .markdown 입니다. 이러한 파일을 텍스트 편집기로 열어 내용을 작성할 수 있으며, 이후 HTML이나 PDF 등의 형식으로 변환 가능합니다.

마크다운은 다양한 플랫폼에서 지원됩니다. GitHub, GitLab 같은 코드 저장소나, 티스토리, 워드프레스 같은 블로그 플랫폼, 슬랙(Slack)과 같은 협업 도구에서도 마크다운을 활용할 수 있습니다.

유용한 마크다운 기능

알아두면 좋은 마크다운 기능에 대해 몇 가지 알려드리도록 하겠습니다.

표 만들기

마크다운을 사용해 표를 간단히 작성할 수 있습니다. 다음은 예시입니다.

| Header 1 | Header 2 |

| — | — |

| Cell 1 | Cell 2 |

HTML 코드

마크다운 문서에 HTML 코드도 포함시킬 수 있습니다.

예시:

굵게

LaTeX 수식: 일부 마크다운 편집기는 LaTeX 수식도 지원합니다.

예시: $E = mc^2$

이 외에도 마크다운은 다양한 기능을 제공하므로 본인의 필요에 맞게 유용하게 활용할 수 있습니다.

이렇게 마크다운의 기초부터 활용 방법까지 쭉 알아보았습니다. 마크다운은 처음 배우기에는 다소 낯설 수 있지만, 익숙해지면 정말 편리하게 문서를 작성할 수 있는 강력한 도구가 됩니다.

 


함께 보면 도움 되는 글