마크다운
개요
Markdown은 텍스트 기반의 마크업언어로 2004년 존그루버에 의해 만들어졌으며 쉽게 쓰고 읽을 수 있으며 HTML로 변환이 가능하다. 특수기호와 문자를 이용한 매우 간단한 구조의 문법을 사용하여 웹에서도 보다 빠르게 컨텐츠를 작성하고 보다 직관적으로 인식할 수 있다.
왜 사용하는가?
- 마크 다운은 모든 것에 사용될 수 있습니다. 사람들은이 도구를 사용하여 웹 사이트 , 문서 , 메모 , 서적 , 프리젠 테이션 , 전자 메일 메시지 및 기술 문서를 작성 합니다.
- 마크 다운 형식은 거의 모든 응용 프로그램을 사용하여 열 수 있습니다. 현재 사용중인 Markdown 응용 프로그램이 마음에 들지 않으면 Markdown 파일을 다른 Markdown 응용 프로그램으로 가져올 수 있습니다. 콘텐츠를 독점 파일 형식으로 잠그는 Microsoft Word와 같은 워드 프로세싱 응용 프로그램과는 대조적입니다.
- 마크 다운은 플랫폼에 독립적입니다. 운영 체제를 실행하는 모든 장치에서 마크 다운 형식의 텍스트를 만들 수 있습니다.
문법 (Syntex)
제목 (Headers)
# This is a H1
## This is a H2
### This is a H3
#### This is a H4
##### This is a H5
###### This is a H6
This is a H1
This is a H2
This is a H3
This is a H4
This is a H5
This is a H6
목록(List)
● 순서있는 목록(번호)
순서있는 목록은 숫자와 점을 사용한다.
1. 첫번째
2. 두번째
3. 세번째
- 첫번째
- 두번째
- 세번째
● 순서없는 목록(글머리 기호)
* 1단계
* 2단계
* 3단계* 이외에 +, -, =를 사용할 수 있다.
혼합해서 사용하는 것도 가능하다.+ 1단계
- 2단계
= 3단계
- 1단계
- 2단계
- 3단계
- 2단계
- 1단계
- 2단계
= 3단계
- 2단계
BlockQuote
이메일에서 사용하는 >
블럭인용문자를 이용한다.
> This is a blockqute.
This is a first blockqute.
This is a second blockqute.
This is a third blockqute.
이 안에서는 다른 마크다운 요소를 포함할 수 있다.
This is a H3
- List
code
코드 <pre><code></code></pre>
This is a normal paragraph: This is a code block.
end code block.
This is a normal paragraph:
This is a code block.
end code block.
코드블럭
마크다운에서 기본 코드 블럭은 1 tab 혹은 4 spaces 이다. 그런데 Github.com 에서는 3개의 backtick ` 을 연달아 작성하는 것으로 구문강조 코드 블럭을 지원하면서 이 Fenced Code Block이 코드 블럭의 기본 방식처럼 되어가고 있다.
```
ruby
code block
```
```
javascript
function syntaxHighlight(code, lang) {
var foo = 'rhio';
var bar = 33;
}
```
수평선 <hr/>
아래 줄은 모두 수평선을 만든다. 마크다운 문서를 미리보기로 출력할 때 *페이지 나누기- 용도로 많이 사용한다.
- - *********- - ----------------------------------------
링크
참조링크
[link keyword][id]
[id]: URL "Optional Title here"Link: [Google][googlelink]
[googlelink]: https://google.com "Go google"
Link: Google
인라인 링크
syntax: [Title](link)
Link: Google
자동연결
<http://example.com/>
<address@example.com>
http://example.com/
address@example.com
강조
*single asterisks*
_single underscores_
**double asterisks**
__double underscores__
++underline++
~~cancelline~~
single asterisks
single underscores
double asterisks
double underscores
++underline++
cancelline
이미지
![Alt text](/path/to/img.jpg)
![Alt text](/path/to/img.jpg "Optional title")
사이즈 조절 기능은 없기 때문에 <img width="" height=""></img>
를 이용한다.