Overview

1. Kakao tech blog를 fork하여 사용합니다.
2. Markdown 문법이 사용되므로 Markdown의 기본 문법을 정리합니다.

Index

1. Basic Syntax
   1. Headings
   2. List
   3. Table
   4. Link
   5. Emphasis
   6. BlockQuotes
   7. Images
   8. CodeBlock
   9. Line

MarkDown

1. Basic Syntax

   1. Headings

      1. Default Syntax

         Example

         # Heading level 1
         ## Heading level 2
         ### Heading level 3
         #### Heading level 4
         ##### Heading level 5
         ##### Heading level 6
         

         Result

         Heading level 1

         Heading level 2

         Heading level 3

         Heading level 4

         Heading level 5

         Heading level 6

      2. Alternate Syntax

         Example

         Heading level 1
         ===============
         Heading level 2
         ---------------
         

   2. List

      1. Nested Numbering List

         Example

         1. First
             1. Nested First
         2. Second
         3. Third
         

         Result

         1. First
            1. Nested First
         2. Second
         3. Third

      2. Nested Not Numbered List

         Example

         * One
             * One-One
                 * One-One-One
             * One-Two
         * Two
         * Three
         - Four
             - Four-One
                 - Four-One-One
             - Four-Two
         - Five
         - Six
         

         Result

         • One
           • One-One
             • One-One-One
           • One-Two
         • Two

         • Three

         • Four
           • Four-One
             • Four-One-One
           • Four-Two
         • Five
         • Six

      3. Definition Lists

         Example

             First Term
             : This is the definition of the first term.
             Second Term
             : This is one definition of the second term.
             : This is another definition of the second term.
         

         Result

         First Term

         This is the definition of the first term.

         Second Term

         This is one definition of the second term.

         This is another definition of the second term.

   3. Table

      1. Table

         Example

         | First Column | Second Column | Third Column | Fourth Column |
         |---|:---|---:|:---:| < Align >
         | Normal | Left-Align | Right-Align | Center-Align |
         | Normal | Left-Align | Right-Align | Center-Align |
         | Normal | Left-Align | Right-Align | Center-Align |
         | Normal | Left-Align | Right-Align | Center-Align |
         

         Result

         First Column	Second Column	Third Column	Fourth Column
         Normal	Left-Align	Right-Align	Center-Align
         Normal	Left-Align	Right-Align	Center-Align
         Normal	Left-Align	Right-Align	Center-Align
         Normal	Left-Align	Right-Align	Center-Align

   4. Link

      1. Link

         Example

         * 이것은 각주입니까?[^1]
         * 안녕하세요. 첫 링크는 [구글](https://google.com) 입니다.
         [^1]: 각주1. 설명을 써주세요.
         

         Result

         • 이것은 각주입니까?¹
         • 안녕하세요. 첫 링크는 구글 입니다.

      2. Link Add Title

         Example

         * 안녕하세요. 두번째 링크는 [구글](https://google.com "Google") 입니다.
         

         Result

         • 안녕하세요. 두번째 링크는 구글 입니다.

      3. Task Lists

         Example

         - [x] ReadMe 작성
         - [ ] PC Logo
         - [ ] Mobile Logo
         - [ ] Favico
         - [ ] Markdown Css Customize
         

         Result

         • ReadMe 작성
         • PC Logo
         • Mobile Logo
         • Favico
         • Markdown Css Customize

   5. Emphasis

      1. Bold

         Example

         * 이것을 **Bold** 입니다.
         

         Result

         • 이것은 Bold 입니다.

      2. Italic

         Example

         * 이것은 *Italic* 입니다.
         

         Result

         • 이것은 Italic 입니다.

      3. Bold & Italic

         Example

         * 이것은 ***Bold & Italic*** 입니다.
         

         Result

         • 이것은 Bold & Italic 입니다.

      4. Strikethrough

         Example

         - [x] ~~ReadMe 작성~~
         - [ ] PC Logo
         - [ ] Mobile Logo
         - [ ] Favico
         - [ ] Markdown Css Customize
         

         Result

         • ReadMe 작성
         • PC Logo
         • Mobile Logo
         • Favico
         • Markdown Css Customize

   6. BlockQuotes

      1. BlockQuotes with Multiple paragrahs

         Example

         \> First BlockQuotes
         \>
         \> Second BlockQuotes
         

         Result

         First BlockQuotes

         Second BlockQuotes

      2. Nested BlockQuotes

         Example

         \> First BlockQuotes
         \>
         \>> Second BlockQuotes
         

         Result

         First BlockQuotes

         Second BlockQuotes

   7. Images

      1. Images

         Example

         ![Alt Tag](/assets/images/Wake.Alan.jpg "Title AlanWake Photo")
         

         Result

   8. CodeBlock

      1. Fenced Code Blocks

         Example

         \```
         {
         "firstName": "Alan",
         "lastName": "Wake",
         "age": 29
         }
         \```
         

         Result

         {
         "firstName": "Alan",
         "lastName": "Wake",
         "age": 29
         }
         

      2. Fenced Code Blocks

         Example

         \```Json
         {
         "firstName": "Alan",
         "lastName": "Wake",
         "age": 29
         }
         \```
         

         Result

         {
         "firstName": "Alan",
         "lastName": "Wake",
         "age": 29
         }
         

   9. Line

      1. Horizontal Rule

         Example

         Three or more...
         ---
         Hyphens
         ***
         Asterisks
         ___
         Underscores
         ---
         

         Result

         Three or more…

         ---

         Hyphens

         ---

         Asterisks

         ---

         Underscores

• https://www.markdownguide.org 를 참고하여 작성함.
• https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet 를 참고하여 작성함.