마크다운(Markdown) 쉽게 따라하기

1. 마크다운 이란?

 

 

2004년 UI 디자이너인 존 그루버에 의해 만들어진 텍스트 기반의 언어인 Markup Language이다. 마크다운은 읽고 쓰기가 쉽고 HTML 기반이라 웹상에서 글쓰기 도구로 활용되고 있습니다.

직관적이라 HTML 문법을 잘 몰라도, 텍스트를 HTML 형식으로 변환시켜주는 특징이 있습니다.

마크다운은 git hub(깃 허브)로 인해 대중에게 각광을 받기 시작합니다. git hub repository(저장소)에 대한 정보를 기록하는 파일인 README.md라는 파일을 보셨을 텐데요. 바로 이 파일이 확장자 md인 마크다운으로 작성된 파일입니다.

README.md

마크다운의 장단점에 대해 알아볼께요.

2. 마크다운의 장단점

2.1 장점

1. 별도의 도구 없이 작성이 가능하다.
2. 직관적이고 심플하다.
3. 다양한 형태로의 변환이 가능하다.
4. 텍스트로 저장되기에 용량이 적고 보관 또한 용이하다.
5. 텍스트 파일 기반이므로 git web과 같은 버전 관리시스템상에서 변경 이력의 관리가 용이할 수 있다.
6. 지원되는 다양한 툴들이 있다.

2.2 단점

1. 표준이 없다.
2. 표준이 없기에 툴에 따라 변환 방식이 다르고 각 에디터마다 문법도 조금씩 다르다.
3. 모든 HTML이 마크업과 호환되지는 않는다.

3. 마크다운 문법 쉽게 따라 하기

 

 

3.1. 글머리 (Header)

#을 이용합니다. h1~h6 태그 크기로 '글의 제목'을 작성할 수 있습니다.

#수의 크기에 따라 글의 크기가 변경되며 1~6까지만 지원합니다. (1이 가장 큽니다.)

 

마크다운 heder 문법 작성

 

출력 결과

3.2. 강조

가독성을 위해 텍스트를 강조하고자 할 때 사용합니다.

 

마크다운 강조 문법 작성

*calibri_star*
_calibri_underbar_
**strong_star**
__strong_underbar__

~~ delete~~
**_strong_calibri_underbar_**

 

출력 결과

 

 

3.3 목차

3.3.1 숫자 목록

예제:

1.  순서 목록 One  
    1.1 One - 1
2.  순서 목록 Two  
    2.2 Two - 2  
    2.3 Two - 2

 

출력 결과

 

 

3.3.2 기호 목록

 

-   순서 기호
    -   Minus
    -   Star
    -   Plus

출력 결과

 

3.4 링크

외부 URL을 연결할 때는 [제목](Link주소) 형식을 사용합니다.

 

예제:

[파이썬의 탄생 이야기](https://freernd.tistory.com/42)

 

출력 결과: 파이썬의 탄생 이야기

파이썬 (Python) 스토리

 

3.5 이미지

위의 링크처럼, 이미지가 필요하다면 이미지 링크로 추가가 가능하다.

 

![Picture](URL "제목")

<img src="URL" alt="Picture" title="제목">

 

예제:


 

출력 결과

 

3.6 코드 블록

`code 작성` 또는 ```code 작성``` 의 사용으로 코드 블록을 사용할 수 있습니다.

' 한 개는 인라인 코드 작성이고, ``` 세 개는 파이썬이나 자바 스크립트처럼, 특정 언어를 지정해서 코드를 작성할 경우에 사용합니다.

 

예제:

`code 작성`

`c="markdown is good!"`

```
>>> c="Python is good!"
>>> print(c)
Python is good!
>>>
```

 

출력 결과

3.7 수평선

hr태그로 페이지 구분을 지어 줄 수 있다.

 

---------------------------------------------------------------------------------------------------------------------------------
*********************************************************************************************************************************
<hr/>

 

출력 결과

 

3.8 인용구(quote)

>를 사용해서 인용구를 표현할 수 있습니다.

 

예제:

> The following sections use quotations.
> > Flip over to the detail page.

 

quote

3.9 표작성

 

예제:

Date | Type | Description
:--- | :---: | ---:
el | `HTMLElement` | container element
좌측 정렬 | 가운데 정렬 | 우측 정렬

 

 

출력 결과

 

---

이 블로그의 다른 포스팅 보기

파이썬 셀레니움 구글 이미지 자동 다운로드 예제 소스