소프트웨어Markdown

6편. Markdown - Block Quote, Horizontal Line, Back-Slash Escape

, , , , , , ,

목차

  1. Block Quotes 작성
  2. 수평선 그리기
  3. 특수 기호 표시하기


Block Quotes 작성

Block Quote는 한국말로 “인용문”이라는 의미이며, 일반적으로 어떤 특정 문단을 강조할 때 많이 사용한다.

1
> 인용문을 사용하는 방법

인용문을 사용하는 방법

위의 모양은 현재 필자가 사용하고 있는 Hexo 블로그의 Hueman Theme에서 나타나는 인용문의 모양이다. 실제 Github의 GFM에서는 아래와 같이 나타난다. (2021년 1월 기준)


앞의 다른 편에서 Markdown을 소개하면서 ‘알아두면 좋은 유의 사항’에서 언급했다시피 Markdown 문법은 이를 제공하는 서비스의 CSS 상태에 따라 다르게 표시되며, 또 현재 보고 계시는 블로그와 같이 SSG(Static Site Generator)를 사용하면 해당 Framework의 CSS가 가장 먼저 작동하기 때문에 같은 Github repository를 사용하고 있지만 결과에 차이가 나타난다.

Block Quote는 > 기호를 추가하는 걸로 추가 depth를 사용할 수 있다.

1
2
3
> 브루터스는 뽀빠이를 언급하며 이렇게 말했다.
>> 그래, 뽀빠이는 이렇게 말했지
>>> 시금치!

브루터스는 뽀빠이를 언급하며 이렇게 말했다.

그래, 뽀빠이는 이렇게 말했지

시금치!



수평선 그리기

Markdown 페이지에서 수평선(Horizontal Line)을 그리는 방법은 여러가지가 있다. 본인의 취향, 코딩 버릇 등을 고려하여 아무거나 사용하면 된다. 다만, 필자는 **방법5)**는 추천하지 않는다. Markdown Text 작성 중 제목 표시의 문법과 상당히 유사한 부분이 있어 컨텐츠를 유지보수할 때 실수하기 쉽기 때문이다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
방법1) 
* * *

방법2) 
***

방법3) 
*****

방법4) 
- - -

방법5) 
---------------------------------------

방법6)
<hr/>

방법1)

방법2)

방법3)

방법4)

방법5)

방법6)

수평선은 지금 이 문단의 아래에 그려진 선과 같이 특정 컨텐츠를 구분하는 구분선으로 사용하면 용이하다.



특수 기호 표시하기

Markdown 문법은 기본적으로 웹에서 사용하는 Markup 언어이며, 이는 < 기호**, 그리고 **> 기호를 표시하는 걸로 태그(Tag) 문법을 사용한다.

그러나 지금 이 문서에서처럼 특수 기호를 Markdown에 직접 표시하고 싶은 경우 웹서버에 “지금 이 기호는 직접 표시하고 싶고, 태그로 사용하려는 목적이 아닙니다” 라고 알려주어야 한다. 이때 사용하는 문법을 Escape라고 하며, Markdown에서는 \ 기호를 쓰기 때문에 Back-slash Escape라고 부른다.

Markdown에서 Back-slash Escape를 사용하는 방법은 아래와 같다.

1
2
3
4
5
\<hr\> 
라고 백슬래시를 기호 앞에 입력하면 글자만 표시된다.

아래처럼 하면 수평선이 표시된다.
<hr>

<hr>
라고 백슬래시를 기호 앞에 입력하면 글자만 표시된다.

아래처럼 하면 수평선이 표시된다.

Markdown에서 문법으로 쓰이는 특수 기호들은 아래와 같으며, Back-slash를 보이고 싶은 경우는 \\ 라는 식으로 두 번 사용하면 된다.

표시&nbsp;&nbsp;&nbsp;&nbsp; 영문 이름 Markdown 문법 사용처
\ backslash Markdown 내에서 특수 기호 표시할 때 사용
` backtick Code Block 만들 때 사용
* asterisk 기울어진 글씨, 굵은 글씨, 목록 정렬 등에 사용
_ underscore 기울어진 글씨, 굵은 글씨 등에 사용
{ } curly braces GFM 공식적으로는 역할 없음
어떤 Markdown에서는 문법으로 등록되어 있음
[ ] square brackets 링크, 그림 등 삽입 시 사용
( ) parentheses 링크, 그림 등 삽입 시 사용
# hash mark 텍스트 제목 강조 표시
+ plus sign 목록 정렬에 사용
- minus sign (hyphen) 목록 정렬, 수평선 등에 사용
. dot GFM 공식적으로는 역할 없음
어떤 Markdown에서는 문법이 적용된 경우가 있다고 함
! exclamation mark 그림 삽입 시 사용
| pipe Markwodn 테이블을 그릴 때 사용



주요 참고 자료