Markdown(마크다운)

Markdown

※ 원본 : https://heropy.blog/2017/09/30/markdown/
          https://gist.github.com/ihoneymon/652be052a0727ad59601

# 마크다운(MarkDown)
    - 확장자가 .md로 작성된 파일이다.
    - 깃허브에서 저장소에대한 정보를 기록하는 용도로 사용되어 파급됨.

# 장점
    - 간결함.
    - 다양한 형태로 변환 가능.
    - 텍스트(Text) 형태 저장으로 용량적음.
    - 텍스트파일로 작성되어 버전관리 용이.
    - 지원 프로그램 & 플랫폼 다양함.

# 단점
    - 표준이 없다.
    - 모든 HTML마크업을 대신할 수 없다.

# 제목 1
## 제목 2
### 제목 3
#### 제목 4
##### 제목 5
###### 제목 6

1. 순서가 필요한 목록
1. 순서가 필요한 목록
  - 순서가 필요하지 않은 목록(서브)
  - 순서가 필요하지 않은 목록(서브)
1. 순서가 필요한 목록
  1. 순서가 필요한 목록(서브)
  1. 순서가 필요한 목록(서브)
1. 순서가 필요한 목록

- 순서가 필요하지 않은 목록에 사용 가능한 기호
  - 대쉬(hyphen)
  * 별표(asterisks)
  + 더하기(plus sign)  

*이탤릭*

~~취소선~~

**강조**

<u>[**_이탤릭강조_**]( http://www.naver.com )</u>

<!--
![대체 텍스트(alternative text)를 입력하세요!](http://www.gstatic.com/webp/gallery/5.jpg "링크 설명(title)을 작성하세요.")

![Kayak][logo]

[logo]: http://www.gstatic.com/webp/gallery/2.jpg "To go kayaking." -->

| 값 | 의미 | 기본값 |
|---|:---:|---:|
| `static` | 유형(기준) 없음 / 배치 불가능 | `static` |
| `relative` | 요소 자신을 기준으로 배치 |  |
| `absolute` | 위치 상 부모(조상)요소를 기준으로 배치 |  |
| `fixed` | 브라우저 창을 기준으로 배치 |   | |

값 | 의미 | 기본값
---|:---:|---:
`static` | 유형(기준) 없음 / 배치 불가능 | `static`
`relative` | 요소 **자신**을 기준으로 배치 |
`absolute` | 위치 상 **_부모_(조상)요소**를 기준으로 배치 |
`fixed` | **브라우저 창**을 기준으로 배치 |

### 수평선
---
***
---

### 줄바꿈
첫번째줄<br/>
두번째줄

인용문(blockQuote)
> 남의 말이나 글에서 직접 또는 간접으로 따온 문장.
> _(네이버 국어 사전)_

BREAK!

> 인용문을 작성하세요!
>> 중첩된 인용문(nested blockquote)을 만들 수 있습니다.
>>> 중중첩된 인용문 1
>>> 중중첩된 인용문 2
>>> 중중첩된 인용문 3

`aaaaaaaaaaaaaaa`
```html
<a href="https://www.google.co.kr/" target="_blank">GOOGLE</a>
```

```css
.list > li {
  position: absolute;
  top: 40px;
}
```

```javascript
function func() {
  var a = 'AAA';
  return a;
}
```

```bash
$ vim ./~zshrc
```

```python
s = "Python syntax highlighting"
print s
```

```
No language indicated, so no syntax highlighting.
But let's throw in a tag.
```

[![Vue](/images/vue.png)](https://kr.vuejs.org/)

[GOOGLE](https://google.com)

[NAVER](https://naver.com "링크 설명(title)을 작성하세요.")

[상대적 참조](../users/login)

[Dribbble][Dribbble link]

[GitHub][1]

문서 안에서 [참조 링크]를 그대로 사용할 수도 있습니다.

다음과 같이 문서 내 일반 URL이나 꺾쇠 괄호(`< >`, Angle Brackets)안의 URL은 자동으로 링크를 사용합니다.
구글 홈페이지: https://google.com
네이버 홈페이지: <https://naver.com>

[Dribbble link]: https://dribbble.com
[1]: https://github.com
[참조 링크]: https://naver.com "네이버로 이동합니다!"



								

 


								
								

 

                                
                

================================================================================================== ※ 원본 : https://heropy.blog/2017/09/30/markdown/ https://gist.github.com/ihoneymon/652be052a0727ad59601 # 마크다운(MarkDown) - 확장자가 .md로 작성된 파일이다. - 깃허브에서 저장소에대한 정보를 기록하는 용도로 사용되어 파급됨. # 장점 - 간결함. - 다양한 형태로 변환 가능. - 텍스트(Text) 형태 저장으로 용량적음. - 텍스트파일로 작성되어 버전관리 용이. - 지원 프로그램 & 플랫폼 다양함. # 단점 - 표준이 없다. - 모든 HTML마크업을 대신할 수 없다. # 제목 1 ## 제목 2 ### 제목 3 #### 제목 4 ##### 제목 5 ###### 제목 6 1. 순서가 필요한 목록 1. 순서가 필요한 목록 - 순서가 필요하지 않은 목록(서브) - 순서가 필요하지 않은 목록(서브) 1. 순서가 필요한 목록 1. 순서가 필요한 목록(서브) 1. 순서가 필요한 목록(서브) 1. 순서가 필요한 목록 - 순서가 필요하지 않은 목록에 사용 가능한 기호 - 대쉬(hyphen) * 별표(asterisks) + 더하기(plus sign) *이탤릭* ~~취소선~~ **강조** <u>[**_이탤릭강조_**]( http://www.naver.com )</u> <!--  ![Kayak][logo] [logo]: http://www.gstatic.com/webp/gallery/2.jpg "To go kayaking." --> | 값 | 의미 | 기본값 | |---|:---:|---:| | `static` | 유형(기준) 없음 / 배치 불가능 | `static` | | `relative` | 요소 자신을 기준으로 배치 | | | `absolute` | 위치 상 부모(조상)요소를 기준으로 배치 | | | `fixed` | 브라우저 창을 기준으로 배치 | | | 값 | 의미 | 기본값 ---|:---:|---: `static` | 유형(기준) 없음 / 배치 불가능 | `static` `relative` | 요소 **자신**을 기준으로 배치 | `absolute` | 위치 상 **_부모_(조상)요소**를 기준으로 배치 | `fixed` | **브라우저 창**을 기준으로 배치 | ### 수평선 --- *** --- ### 줄바꿈 첫번째줄<br/> 두번째줄 인용문(blockQuote) > 남의 말이나 글에서 직접 또는 간접으로 따온 문장. > _(네이버 국어 사전)_ BREAK! > 인용문을 작성하세요! >> 중첩된 인용문(nested blockquote)을 만들 수 있습니다. >>> 중중첩된 인용문 1 >>> 중중첩된 인용문 2 >>> 중중첩된 인용문 3 `aaaaaaaaaaaaaaa` ```html <a href="https://www.google.co.kr/" target="_blank">GOOGLE</a> ``` ```css .list > li { position: absolute; top: 40px; } ``` ```javascript function func() { var a = 'AAA'; return a; } ``` ```bash $ vim ./~zshrc ``` ```python s = "Python syntax highlighting" print s ``` ``` No language indicated, so no syntax highlighting. But let's throw in a tag. ``` [](https://kr.vuejs.org/) [GOOGLE](https://google.com) [NAVER](https://naver.com "링크 설명(title)을 작성하세요.") [상대적 참조](../users/login) [Dribbble][Dribbble link] [GitHub][1] 문서 안에서 [참조 링크]를 그대로 사용할 수도 있습니다. 다음과 같이 문서 내 일반 URL이나 꺾쇠 괄호(`< >`, Angle Brackets)안의 URL은 자동으로 링크를 사용합니다. 구글 홈페이지: https://google.com 네이버 홈페이지: <https://naver.com> [Dribbble link]: https://dribbble.com [1]: https://github.com [참조 링크]: https://naver.com "네이버로 이동합니다!"