yunwoong7/markdown.md

## markdown.md

      
    Raw
  

              markdown.md
            
          
    Markdown 문법

0. 목차


괄호 안에 #이동할 헤드(제목) 를 써주면 웹페이지에서 아래와 같이 해당 제목이 있는 곳으로 이동
띄어쓰기는 - 로 연결

**목차**  
[1. 헤더 (Headers)](#1.-헤더-(Headers))  
[2. 줄바꿈 (Line Breaks)](#2.-줄바꿈-(Line-Breaks))  
[3. 목록 (List)](#3.-목록-(List))  
[4. 인용문 (BlockQuote)](#4.-인용문-(BlockQuote))  
[5. 코드(Code)블럭](#5.-코드(Code)블럭)  
[6. 수평선 (Horizontal Rule)](#6.-수평선-(Horizontal-Rule))  
[7. 강조 (Emphasis)](#7.-강조-(Emphasis))  
[8. 링크 (Links)](#8.-링크-(Links))  
[9. 이미지 (Image)](#9.-이미지-(Image))  
[10. 표 (Table)](#10.-표-(Table))  
[11. 각주 (Footnote)](#11.-각주-(Footnote))  
[12. 접기 (Fold)](#12.-접기-(Fold))  
[13. 이스케이프 (Backslash Escapes)](#13.-이스케이프-(Backslash-Escapes))  
목차

1. 헤더 (Headers)

2. 줄바꿈 (Line Breaks)

3. 목록 (List)

4. 인용문 (BlockQuote)

5. 코드(Code)블럭

6. 수평선 (Horizontal Rule)

7. 강조 (Emphasis)

8. 링크 (Links)

9. 이미지 (Image)

10. 표 (Table)

11. 각주 (Footnote)

12. 접기 (Fold)

13. 이스케이프 (Backslash Escapes)

1. 헤더 (Headers)


6가지의 제목을 나타내는 문법이 있는데 #을 사용 (글머리는 1 ~ 6까지만 지원)

# 제목 1
## 제목 2
### 제목 3
#### 제목 4
##### 제목 5
###### 제목 6
####### 제목 7 (지원 않됨)
제목 1

제목 2

제목 3

제목 4

제목 5

제목 6

####### 제목 7 (지원 않됨)

2. 줄바꿈 (Line Breaks)


<br> 태그를 이용해서 줄바꿈을 사용할 수 있는데, 간단하게 띄어쓰기 두 번을 하고 enter을 누르면 줄을 바꿀 수 있음

첫번째 문장입니다. <br>
두번째 문장입니다.  
세번째 문장입니다.  
네번째 문장입니다.
첫번째 문장입니다.

두번째 문장입니다.

세번째 문장입니다.

네번째 문장입니다.

3. 목록 (List)

3-1) 순서가 있는 목록(번호)


순서가 있는 목록은 숫자와 점을 사용

1. 첫번째
2. 두번째
3. 세번째

첫번째
두번째
세번째

3-2) 순서가 없는 목록


순서가 없는 목록은 글머리 기호( *, +, - ) 를 사용

+ 첫번째
+ 두번째
+ 세번째

- 첫번째
- 두번째
- 세번째

* 첫번째
* 두번째
* 세번째
+ 첫번째
    + 두번째
        + 세번째
        
* 1단계
  - 2단계
    + 3단계
      + 4단계

첫번째

두번째

세번째


1단계

2단계

3단계

4단계


4. 인용문 (BlockQuote)


>을 사용하여 블럭인용문자를 삽입 할 수 있음

> 첫번째 인용구입니다.
>> 두번째 인용구입니다.
>>> 세번째 인용구입니다.

첫번째 인용구입니다.

두번째 인용구입니다.

세번째 인용구입니다.


5. 코드(Code)블럭

5-1) <pre><code>{code}</code></pre> 이용

<pre>
<code>
def print_text():
    print("Hello Wolrd!!")
</code>
</pre>

5-1) "```" 을 이용


코드블럭코드("```") 시작점에 사용하는 언어를 선언하여 문법강조(Syntax highlighting)이 가능


```python
def print_text():
    print("Hello Wolrd!!")
```


def print_text():
    print("Hello Wolrd!!")

6. 수평선 (Horizontal Rule)


각 기호를 3개 이상 입력
마크다운 문서를 미리보기로 출력할 때 페이지 나누기 용도로 많이 사용

* * *

***

*****

- - -

---------------------------------------


7. 강조 (Emphasis)

*기울어진 글씨*
_기울어진 글씨_
**굵은 글씨**
__굵은 글씨__
~~취소선 글씨~~
기울어진 글씨
기울어진 글씨
굵은 글씨
굵은 글씨
취소선 글씨

8. 링크 (Links)

8-1) 참조링크

[link keyword][id]
[id]: URL "Optional Title here"
Link: Google
8-2) 자동연결

일반적인 URL 혹은 이메일주소인 경우 적절한 형식으로 링크를 형성
* 외부링크: <http://example.com/>
* 이메일링크: <address@example.com>


외부링크 : http://example.com/
E-mail Link : address@example.com


9. 이미지 (Image)

![Markdown Image](asset/images/test_image.jpg "Tooltip Message")

이미지의 크기나 정렬은 html 문법을 이용

<img width="" height=""></img>를 이용하며, 정렬을 위해서는 추가적으로 <div align="center"> </div>  을 이용

width, height에 직접 사이즈를 지정하거나 비율(%)로 지정 할 수 있음
<img src="asset/images/test_image.jpg" width="450px" height="300px" title="px(픽셀) 크기 설정" alt="Markdown Image"></img><br/>
<div align="center">
  <img src="asset/images/test_image.jpg" width="20%">
</div>


10. 표 (Table)

10-1) 일반적인 표


테이블 안에 | 파이프 기호를 사용하려면 파이프 기호 대신에 &#124; 를 입력

|제목|&#124;내용&#124;|설명|
|------|---|---|
|테스트1|테스트2|테스트3|
|테스트1|테스트2|테스트3|
|테스트1|테스트2|테스트3|


제목
|내용|
설명


테스트1
테스트2
테스트3


테스트1
테스트2
테스트3


테스트1
테스트2
테스트3


10-2) 셀 정렬


: 문자로 정렬을 정의

|제목|내용|설명|
|:---|---:|:---:|
|왼쪽정렬|오른쪽정렬|중앙정렬|
|왼쪽정렬|오른쪽정렬|중앙정렬|
|왼쪽정렬|오른쪽정렬|중앙정렬|


제목
내용
설명


왼쪽정렬
오른쪽정렬
중앙정렬


왼쪽정렬
오른쪽정렬
중앙정렬


왼쪽정렬
오른쪽정렬
중앙정렬


10-3) 셀 확장


사이가 비어있으면 자동으로 확장

|제목|내용|설명|
|:---|:---:|---:|
||중앙에서확장||
|||오른쪽에서 확장|
|왼쪽에서확장||


제목
내용
설명


중앙에서확장


오른쪽에서 확장


왼쪽에서확장


10-4) 셀 강조


일반적인 text와 마찬가지로 * 와 ** 를 통해 이탤릭/강조를 표시할 수 있습니다. span tag를 사용하면 컬러도 표시 가능

|제목|내용|설명|
|---|---|---|
|테스트1|*강조1*|테스트3|
|테스트1|**강조2**|테스트3|
|테스트1|<span style="color:red">강조3</span>|테스트3|


제목
내용
설명


테스트1
강조1
테스트3


테스트1
강조2
테스트3


테스트1
강조3
테스트3


11. 각주 (Footnote)

각주<sup>[1](#각주 이름)</sup>

<a name="각주 이름">1</a>: 각주에 대한 설명
각주^{[1](#각주 이름)}
1: 각주에 대한 설명

12. 접기 (Fold)

<details><summary>Click Me</summary>
Good!!
</details>    
Click Me
Good!!
    

13. 이스케이프 (Backslash Escapes)


마크다운으로 글을 작성하다 보면 * 문자나 _ 문자 등을 사용하고 싶은 경우 \ 문자로 회피

강조는 \* 문자 혹은 \_ 문자를 사용
강조는 * 문자 혹은 _ 문자를 사용
제목	\|내용\|	설명
테스트1	테스트2	테스트3
테스트1	테스트2	테스트3
테스트1	테스트2	테스트3
제목	내용	설명
왼쪽정렬	오른쪽정렬	중앙정렬
왼쪽정렬	오른쪽정렬	중앙정렬
왼쪽정렬	오른쪽정렬	중앙정렬
제목	내용	설명
테스트1	강조1	테스트3
테스트1	강조2	테스트3
테스트1	강조3	테스트3