컴퓨터 지식

마크다운(MarkDown) 개념 및 문법 코드(표, 이미지, 줄바꿈, 링크, 취소선)

시각마스터 2023. 9. 15.

Markdown은 텍스트를 포맷팅하고 문서를 작성하는 데 사용되는 경량 마크업 언어입니다. Markdown은 간단한 텍스트 편집기로 작성할 수 있으며, 일반 텍스트로도 읽을 수 있으며 가독성이 뛰어납니다. Markdown은 웹 기반 문서, 블로그 게시물, 리포지토리 README 파일, 이메일 등 다양한 형식의 문서를 작성하는 데 사용됩니다. 이번 글에서는 마크다운 개념 및 문법 코드(표, 이미지, 줄바꿈, 링크, 취소선, 체크박스)에 대해 알아보겠습니다.

 

마크다운(MarkDown) 개념 및 문법
마크다운(MarkDown) 개념 및 문법

 

마크다운(MarkDown)이란?

Markdown(마크다운)은 텍스트 기반의 경량 마크업 언어로, 특정 포맷으로 문서를 작성할 때 사용하는 문법입니다. Markdown은 John Gruber와 Aaron Swartz에 의해 개발되었으며, 특히 웹에서 문서를 작성하고 포맷팅하는 데 매우 유용합니다. Markdown은 다음과 같은 특징을 가지고 있습니다.

 

  1. 간단하고 읽기 쉬운 문법: Markdown 문법은 HTML에 비해 훨씬 간단하며, 일반 텍스트로도 읽을 수 있습니다. 이로써 사용자가 문서의 내용에 집중하고 복잡한 마크업에 신경 쓰지 않고도 문서를 작성할 수 있습니다.
  2. 포맷팅을 위한 다양한 요소: Markdown은 제목, 목록, 링크, 이미지, 코드 블록, 인용문 등 다양한 포맷팅 요소를 지원합니다. 이러한 요소를 사용하여 문서를 구조화하고 텍스트를 강조할 수 있습니다.
  3. 플랫폼 호환성: Markdown은 다양한 플랫폼과 도구에서 지원되므로, 웹사이트, 블로그, 문서 편집기, 버전 관리 시스템 등 여러 곳에서 사용할 수 있습니다.
  4. 확장성: Markdown은 필요에 따라 확장할 수 있습니다. 많은 Markdown 구현체가 Markdown 문법을 확장하여 특정 기능을 추가하거나 새로운 문법을 도입하고 있습니다.

 

마크다운 기초 문법

  1. 헤더: 제목을 표시할 때 #을 사용합니다. #의 개수에 따라 제목의 수준이 달라집니다.
    # 이것은 제목 1
    ## 이것은 제목 2
    ### 이것은 제목 3
    
    
  2. 볼드와 이탤릭: 텍스트를 강조할 때 *볼드** 또는 이탤릭*을 사용합니다.
    **이것은 볼드**이고 *이것은 이탤릭*입니다.
    
    
  3. 리스트: 순서 있는 목록은 숫자와 점을 사용하고, 순서 없는 목록은 , , 또는 +를 사용합니다.
    1. 첫 번째 항목
    2. 두 번째 항목
    
    - 목록 항목 1
    - 목록 항목 2
    
    
  4. 인용문: 인용문을 작성할 때 >를 사용합니다.
    > 이것은 인용문입니다.
    
    

마크다운 표

Markdown에서 표를 만들 때 다음과 같은 문법을 사용할 수 있습니다. 표는 데이터를 행과 열로 구성하여 정리하고 표현하는 데 사용됩니다.

 

  1. 표 헤더 생성: 표의 헤더는 파이프(|) 문자를 사용하여 생성합니다. 헤더 행과 데이터 행을 구분하기 위해 하이픈(``) 문자를 사용합니다. 헤더 행 바로 아래에 하이픈 행을 추가합니다. 헤더 행의 셀에는 헤더 열의 내용을 입력합니다.
    | 헤더1 | 헤더2 | 헤더3 |
    |-------|-------|-------|
    
    
  2. 데이터 행 생성: 데이터 행은 파이프(|) 문자를 사용하여 생성합니다. 각 셀에는 해당 셀의 내용을 입력합니다. 셀의 개수는 헤더 행의 셀 개수와 일치해야 합니다.
  3. 표 정렬: 표의 열을 정렬하려면 헤더 행 아래에 하이픈 행에 콜론(:)을 추가하여 정렬 방향을 지정합니다.
  • :를 왼쪽에 추가하면 왼쪽 정렬됩니다.
  • :를 오른쪽에 추가하면 오른쪽 정렬됩니다.
  • :를 양쪽에 추가하면 가운데 정렬됩니다.
| 데이터1 | 데이터2 | 데이터3 |

| 왼쪽 정렬 | 가운데 정렬 | 오른쪽 정렬 |
|:---------|:-----------:|-----------:|
| 이름   | 나이 | 성별   |
|-------|-----|-------|
| Alice | 25  | 여성  |
| Bob   | 30  | 남성  |
| Carol | 28  | 여성  |

이름 나이 성별
Alice 25 여성
Bob 30 남성
Carol 28 여성

 

마크다운 취소선

Markdown에서 텍스트에 취소선을 추가하려면 텍스트 양쪽에 두 개의 물결 기호(~~)를 사용합니다. 취소선을 추가하려는 텍스트를 물결 기호로 감싸면 됩니다.

예를 들어:

이것은 ~~취소선~~입니다.

위의 코드는 "이것은 취소선입니다."라는 문장에서 "취소선" 부분에 취소선을 추가합니다. 결과는 다음과 같습니다:

이것은 취소선입니다.

취소선 문법은 텍스트에서 중요한 부분을 표시할 때 유용하게 사용될 수 있습니다.

 

마크다운 줄바꿈

Markdown에서 줄바꿈을 추가하는 방법은 다음과 같이 두 가지가 있습니다.

  1. 두 번의 스페이스 또는 라인 끝에 <br> 태그: 텍스트 뒤에 두 번의 스페이스를 입력하거나, 줄의 끝에서 <br> HTML 태그를 사용하여 줄바꿈을 만들 수 있습니다.
    첫 번째 줄
    두 번째 줄
    
    
    또는이렇게 하면 다음과 같이 두 줄로 표시됩니다:두 번째 줄
  2. 첫 번째 줄
  3. 첫 번째 줄<br> 두 번째 줄
  4. 빈 줄 추가: 빈 줄을 입력하여 새로운 문단을 시작하면 Markdown에서 줄바꿈이 발생합니다.
    첫 번째 문단
    
    두 번째 문단
    
    
     

 

마크다운 링크

Markdown에서 링크를 생성하는 방법은 다음과 같습니다. 링크는 웹 페이지, 이미지, 다른 문서 등 다양한 리소스로 연결할 때 사용됩니다.

  1. 인라인 링크:
    • 링크 텍스트와 URL을 직접 연결:예를 들어:
    • [Google](<https://www.google.com>)
    • [링크 텍스트](URL)
    • URL만 표시하기:이 방법은 URL을 그대로 표시하고 싶을 때 사용됩니다. 예를 들어:
    • <https://www.google.com>
    • <URL>
  2. 참조 링크:
    • 링크 텍스트와 참조 연결: 링크 참조는 문서 어딘가에 정의되어 있어야 합니다. 참조는 다음과 같이 정의됩니다: 예를 들어:
      [링크 참조]: URL "링크 제목"
      
      
      [Google][1]
      
      [1]: <https://www.google.com> "Google 홈페이지"
      
      
  3. 자동 연결: Markdown은 URL을 자동으로 인식하고 링크로 변환합니다. URL을 꺾쇠 괄호(< >)로 묶지 않고 그냥 입력해도 인식됩니다. 예를 들어 <https://www.google.com> 이렇게 하면 됩니다.

 

결론

이러한 방법을 사용하여 링크를 생성할 수 있으며, 링크에 제목을 포함하려면 이를 따옴표로 묶어주면 됩니다. Markdown을 지원하는 대부분의 플랫폼에서 이러한 방법을 사용할 수 있으며, 텍스트를 클릭하면 링크된 리소스로 이동하거나 이를 보여주는 것이 일반적입니다.

Markdown은 다양한 렌더링 엔진과 플랫폼에서 지원되며, Markdown으로 작성한 문서를 HTML, PDF 등 다른 형식으로 변환하는 도구도 있습니다. Markdown의 간결함과 읽기 쉬운 구조는 문서 작성을 더 편리하게 만들며, 개발자, 작가, 블로거 등 다양한 분야에서 널리 사용됩니다.

 

지금까지 마크다운(MarkDown) 개념 및 문법(표, 이미지, 줄바꿈, 링크, 취소선)에 대해 알아보았습니다.

댓글