Inyong Hong

Inyong Hong

For tomorrow better than today!

MarkDown 문법

Updated:


1.Mark Down

마크다운(Markdown)은 일반 텍스트 문서의 양식을 편집하는 문법이다.
README 파일이나 온라인 문서, 혹은 일반 텍스트 편집기로 문서 양식을 편집할 때 쓰인다.
마크다운을 이용해 작성된 문서는 쉽게 HTML등 다른 문서형태로 변환이 가능하다.

2.문법 사용법

2.1 헤더 Headers

  • 헤더 
    this is header
===

    this is header ===

  • H1 ~ 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

    This is a H1

    This is a H2

    This is a H3

    This is a H4

    This is a H5
    This is a H6

2.2 Block Quote

  • 블럭 인용 문자 
    >this is blockquote
>>this is blockquote
>>>this is blockquote

    this is blockquote

    this is blockquote

    this is blockquote

2.3 목록

  • 순서 있는 목록 
    1. 첫번째
2. 두번째
3. 세번째
    1. 첫번째
    2. 두번째
    3. 세번째
  • 순서 없는 목록
* 목록1
  * 목록2
    * 목록3
+ 목록1
  + 목록2
    + 목록3
- 목록1
  - 목록2
    - 목록3
  • 목록1
    • 목록2
      • 목록3
  • 목록1
    • 목록2
      • 목록3
  • 목록1
    • 목록2
      • 목록3

2.4 강조(Emphasis)

  • 각각 <em>, <strong>, <del> 태그로 변환됨
  • 밑줄은 <u></u>태그 사용 
    *이텔릭체* / _이텔릭체_  
**두껍게** / __두껍게__  
**__이텔릭체와_ 두껍게**같이 사용  
~~취소선~~  
<u>밑줄</u>

    이텔릭체 / 이텔릭체
    두껍게 / 두껍게
    __이텔릭체와_ 두껍게같이 사용
    취소선
    밑줄

[GOOGLE](https://google.com)  
[NAVER](https://naver.com "링크설명 작성.")  
[상대 참조](../about)  
[Dribble link][Dribble link]  
[Github][1]  

[Dribble link]: https://loverman85.github.io
[1]: https://github.com/loverman85

GOOGLE
NAVER
상대 참조
Dribble link
Github

2.6 띄어 쓰기 & 엔터

띄어      쓰기(space) 여러번은 한번과 같다

엔터를 두번 치거나 문장 끝에 space를 두번 입력하면 단락이 바뀜  
단락 바뀜
엔터 한번이면 단락이 안바뀌어요
이렇게...ㅠㅠ

띄어 쓰기(space) 여러번은 한번과 같다

엔터를 두번 치거나 문장 끝에 space를 두번 입력하면 단락이 바뀜
단락 바뀜 엔터 한번이면 단락이 안바뀌어요 이렇게…ㅠㅠ

2.7 이미지(Image)

링크와 비슷하지만 앞에 !(느낌표)가 붙음.

![code](https://images.unsplash.com/photo-1542831371-29b0f74f9713?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=2000&fit=max&ixid=eyJhcHBfaWQiOjExNzczfQ "링크설명")  


![html][logo]

[logo]: https://post-phinf.pstatic.net/MjAxODEwMDJfMjE1/MDAxNTM4NDQ2NjIxMzUw.Xm93FUZuXvCEfjqBssyPea5g8vb0wm2iJ4PqOk4hYAcg.8G6LNEdgoGZvcrvlGKcsH94PZLrCWNlW_warQw4NCTkg.JPEG/tja.jpg?type=w1200 "이미지 설명"

code

html

2.8 코드(Code) 강조

<pre>, <code> 로 변환된다.
숫자 1번 키 왼쪽에 있는 `키

  1. 인라인(inline) 코드 강조 
    `inline code` 강조

    inline code 강조

  2. 블록(block) 코드 강조
    • ` ``` 혹은 ~~~ `
    • 코드 첫 줄과 마지막 줄에 Back quote ( ` ) 또는 물결( ~ ) 3개 삽입
    • java(java), c++(cpp), c#(cs), XML(xml) 등등 있음
    • 참고 URL
    ```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.
    ```

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

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

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

$ vim ./~zshrc

s = "Python syntax highlighting"
print s

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

2.9 수평선 (Horizontal Rule)

---
(Hyphens)

***
(Asterisks)

___
(Underscores)

(Hyphens)

(Asterisks)

(Underscores)

2.10 표(Table)

값 | 의미 | 기본값
---|:---:|---:
`static` | 유형(기준) 없음 / 배치 불가능 | `static`
`relative` | 요소 **자신**을 기준으로 배치 |
값 의미 기본값
static 유형(기준) 없음 / 배치 불가능 static
relative 요소 자신을 기준으로 배치  

참고 문서

마크다운 사용법
MarkDown 사용법 총정리
구문 강조를 위한 펜스 코드 블럭

Leave a comment