마크다운(markdown) 문법

3 분 소요

1. Header

  • 큰 제목: 문서 제목
     This is an H1
     =============

This is an H1

  • 작은 제목: 문서 부제목
     This is an H2
     -------------

This is an H2

  • 글머리: 1~6까지만 지원
     # 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. BlockQuote

     > This is a first blockqute.
     >	> This is a second blockqute.
     >	>	> This is a third blockqute.  

This is a first blockqute.

This is a second blockqute.

This is a third blockqute.

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

4. 코드

  • 들여쓰기
     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.

  • 코드블럭
    • <pre><code>{code}</code></pre> 이용방식
            <pre>
            <code>
            public class BootSpringBootApplication {
                 public static void main(String[] args) {
                      System.out.println("Hello World");
                 }
            }
            </code>
            </pre>
    
    
    public class BootSpringBootApplication {
       public static void main(String[] args) {
            System.out.println("Hello World");
       }
    }
    
    
    • 코드블럭코드(“```”) 을 이용하는 방법

     ```
     public class BootSpringBootApplication {
          public static void main(String[] args) {
               System.out.println("Hello World");
          }
     }
     ```
     

     public class BootSpringBootApplication {
          public static void main(String[] args) {
               System.out.println("Hello World");
          }
     }

문법강조(Syntax highlighting)

          ```java
          public class BootSpringBootApplication {
               public static void main(String[] args) {
                    System.out.println("Hello World");
               }
          }
          ```          

   public class BootSpringBootApplication {
     public static void main(String[] args) {
          System.out.println("Hello World");
     }
   }

5. 수평선

* * *

***

*****

- - -

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






6. 링크

  • 참조링크
       [link keyword][id]
    
       [id]: URL "Optional Title here"
    
       // code
       Link: [Google][googlelink]
    
       [googlelink]: https://google.com "Go google"          
    

    Link: Google

  • 외부링크
       사용문법: [Title](link)
       적용예: [Google](https://google.com, "google link")
    

    Google

  • 자동연결

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

7. 강조

*single asterisks*
_single underscores_
**double asterisks**
__double underscores__
~~cancelline~~
<u>밑줄</u>  

single asterisks
single underscores
double asterisks
double underscores
cancelline
밑줄

8. 이미지

![Alt text](/path/to/img.jpg)
![Alt text](/path/to/img.jpg "Optional title")

사이즈 조절 기능

<img src="/path/to/img.jpg" width="450px" height="300px" title="px(픽셀) 크기 설정" alt="RubberDuck"></img><br/>
<img src="/path/to/img.jpg" width="40%" height="30%" title="px(픽셀) 크기 설정" alt="RubberDuck"></img>

9. 줄바꿈

줄 바꿈을 하기 위해서는 문장 마지막에서 3칸이상을 띄어쓰기해야 한다.
이렇게

참조: https://gist.github.com/ihoneymon/652be052a0727ad59601

10. 표

|제목 셀1|제목 셀2|제목 셀3|제목 셀4|
|---|---|---|---|
|내용 1|내용 2|내용 3|내용 4|
|내용 5|내용 6|내용 7|내용 8|
|내용 9|내용 10|내용 11|내용 12|
제목 셀1 제목 셀2 제목 셀3 제목 셀4
내용 1 내용 2 내용 3 내용 4
내용 5 내용 6 내용 7 내용 8
내용 9 내용 10 내용 11 내용 12

[열정렬]

|기본값|왼쪽 정렬|가운데 정렬|오른쪽 정렬|
|---|:---|:---:|---:|
|내용 1|내용 2|내용 3|내용 4|
|내용 5|내용 6|내용 7|내용 8|
|내용 9|내용 10|내용 11|내용 12|
기본값 왼쪽 정렬 가운데 정렬 오른쪽 정렬
내용 1 내용 2 내용 3 내용 4
내용 5 내용 6 내용 7 내용 8
내용 9 내용 10 내용 11 내용 12

11. 특수문자

Symbol HTML Number HTML Name Description
! &#33;   exclamation point
" &#34; &quot; double quotes
# &#35;   number sign
$ &#36;   dollar sign
% &#37;   percent sign
& &#38; &amp; ampersand
' &#39;   single quote
( &#40;   opening parenthesis
) &#41;   closing parenthesis
* &#42;   asterisk
+ &#43;   plus sign
, &#44;   comma
- &#45;   minus sign - hyphen
. &#46;   period
/ &#47;   slash
: &#58;   colon
; &#59;   semicolon
< &#60; &lt; less than sign
= &#61;   equal sign
> &#62; &gt; greater than sign
? &#63;   question mark
@ &#64;   symbol
[ &#91;   ening bracket
\ &#92;   ck slash
] &#93;   osing bracket
^ &#94;   ret - circumflex
__ &#95;   derscore
` &#96;   grace accent
{ &#123;   opening brace
| &#124;   vertical bar - pipe
} &#125;   closing brace
~ &#126;   equivalency sign - tilde
&#8211;   en dash

12. 글자색

<span style="color: red">빨간색</span>

빨간색

<span style="color: blue">파란색</span>

파란색

<span style="color: yellow">노란색</span>

노란색

카테고리:

업데이트: