[Markdown] 마크다운으로 글쓰기

마크다운[Markdown]이란?

마크다운 (Markdown)은 마크업 언어의 일종으로, 존 그루버(John Gruber)와 아론 스워츠(Aaron Swartz)가 만들었다. 처음 이메일의 글쓰기 형식에 영감받아 python을 이용하여 html변환기를 만드면서 시작되었다. 마크다운 문법은 읽기도 쉽지만 쓰기도 쉽다는 장점이 있다. 그루버는 마크다운으로 작성한 문서를 HTML로 변환하는 펄 스크립트도 만들었다. 확장자는 .md를 쓴다.

• 마크다운은 문법이 간결하기 때문에 쓰기 쉽습니다.
• Github, velog, tistory 등 다양한 플랫폼에서 지원합니다.
• Jupyter notebook에서 또한 사용 가능합니다.

목차

제목

수평선

목록

• 순서가 없는 목록
• 순서가 있는 목록

인용

코드블럭

• 인라인 코드

강조

• 굵게 쓰기
• 기울여 쓰기

링크

• 외부 링크
• 내부 링크

표

사진

제목 Headers

<h1>부터 <h6>까지 간단하게 표현할 수 있습니다.

# header 1
## header 2
### header 3
#### header 4
##### header 5
###### header 6

다음과 같이 표현 하는 것도 가능합니다.

header 1
=========

header 2
---------

수평선 Horizontal Rules

--- *** ___ 을 사용합니다

---

---

---

---
***
___

목록 Lists

순서가 없는 목록 Unordered Lists

- * +로 사용합니다. 목록 안에 목록도 사용할 수 있습니다.

• List1
  • sublist1
    • sublist2
      • sublist3

- List1
 - sublist 1
  - sublist 2
   - sublist 3

순서가 있는 목록 Ordered Lists

1. 2. 로 사용합니다.

1. First
   1. sub
   2. sub
2. Second
   1. sub
   2. sub
3. Third

1. Fist
 1. sub
 2. sub
2. Second
 1. sub
 2. sub
3. Third

혼합 사용

1. First

   • List 1
   • List 2

2. Second

   • List 1

   • List 2

1. Frist
 - List 1
 - List 2
2. Second
 - List 1
 - List 2 

인용 Blockquotes

> 을 사용하여 인용합니다

사막이 아름다운 것은 어딘가에 샘이 숨겨져 있기 때문이다. -생떽쥐베리-

>사막이 아름다운 것은 어딘가에 샘이 숨겨져 있기 때문이다.  -생떽쥐베리-

>> 처럼 연속으로 사용하여 인용문 속의 인용문을 사용하는 것도 가능합니다.

인용문

속의 인용문

속의 인용문

속의 인용문

>인용문
>>속의 인용문
>>>속의 인용문
>>>>속의 인용문

인용문 속에서도 모든 문법이 적용됩니다.

• List

  header4

  코드블럭

코드 블럭 Code Blocks

~~~ 또는 ``` 로 감싼 코드

~~~ 또는 ```뒤에 언어를 명시해주면 문법에 대한 색상이 적용됩니다.

int main(){
    printf("1");
}

​```c
int main(){
    printf("1");
}
​```

인라인 코드 Inline Code Blocks

` ` `로 코드를 감싸주면 인라인 코드도 사용이 가능합니다.

printf("Hello world");

강조 Emphasis

굵게 쓰기 Bold

__ 또는 ** 로 감싼 텍스트

굵게쓰기 굵게쓰기

**굵게쓰기** **굵게쓰기**

기울여 쓰기 Italic

_ 또는 *로 감싼 텍스트

기울여 쓰기 기울여 쓰기

_기울여 쓰기_ _기울여 쓰기_

링크 Links

외부 링크 External Links

외부 링크를 거는 3가지 방법이 있습니다

Google

[Google](http://www.google.co.kr "구글")

[Google][1]
[Naver][2]
[1]: http://google.com/ “구글”
[2]: http://naver.com/ “네이버”

\[Google\]\[1\]  
\[Naver\]\[2\]  
\[1\]: [http://google.com/](http://google.com/) “구글”  
\[2\]: [http://naver.com/](http://naver.com/) “네이버”

http://google.com
example@gmail.com

[http://google.com](http://google.com)  
[example@gmail.com](mailto:example@gmail.com)

내부링크 Internal Links

앞의 목차를 작성한 방식입니다.

[보여지는 내용](링크) 이 방법으로 링크를 걸 수 있습니다.

대괄호[] 안에 페이지에 보여지는 내용, 소괄호() 안에 #이동할 헤드를 써주면 해당 헤더가 있는 곳으로 이동하게 됩니다.

내부링크

Internal Links

[내부링크](#internal-links)

#### Internal Links

표 Tables

-와 |를 사용하여 표를 그릴 수 있습니다.

Header1	Header2	Header3
content1	content2	content3
content4	content5	content6

| Header1 | Header2 | Header3 |
| --- | --- | --- |
| content1 | content2 | content3 |
| content4 | content5 | content6 |

:을 이용하여 원하는 방향으로 정렬이 가능합니다.

Center	Left	Right
content1	content2	content3
content4	content5	content6

| Center | Left | Right |
| :-: | :-- | --: |
| content1 | content2 | content3 |
| content4 | content5 | content6 |

사진 Images

컴퓨터에 저장되어 있는 파일의 경로를 통해 사진을 추가하거나 웹상에 올라와 있는 이미지의 주소를 가져와서 사진을 추가할 수 있습니다.

![사진 제목](이미지경로/파일명.확장자)

![사진 제목](이미지 주소)

![저작권 없는 이미지](https://t1.daumcdn.net/cfile/tistory/267AF84F56380F0B14)