마크다운(Markdown) 사용법 총정리!
팁

마크다운(Markdown) 사용법 총정리!

Basic Syntax

비주얼 스튜디오 코드사용법

  • 에디터 뷰 : Ctrl+Shift+V

    제목(header)

1.제목을 표현할 때, (#)을 심볼을 단어, 또는 문장앞에 사용할 수있다.

  • h1 부터 h6 까지 # 의 개수로 표현할 수있다.
Markdown Output
# 제목 1

제목 1
## 제목 2

제목 2
### 제목 3

제목 3
#### 제목 4

제목 4
##### 제목 5
제목 5
###### 제목 6
제목 6
* (#) 심볼을 사용할때는 공백이 한칸 있어야 적용된다.

2.또 다른방법으로는 (==) (--) 심볼을 사용할 수있다.

  • 단, h1 태그와 h2 태그만 표현가능하다.
Markdown Output
제목 1
====

제목 1
제목 2
-----

제목 2

단락 나누기(Paragraphs)

엔터키를 이용해 공백으로 단락을 나눌수 있다.

줄바꿈(Line Breaks)

br 태그를 이용해서 줄을 바꿀수 있다.

텍스트 강조

1.볼드(Bold)

  • 볼드체를 적용시키고 싶은 부분부터, 종료점까지
    아래와 같은 방식을 사용하면 된다
Markdown Output
I just love ** bold text** I just love bold text
I just love __ bold text__ I just love bold text
Love** is**bold Loveisbold
  • 단, 문장 중간을 볼드할때 (__)를 사용하면 안된다.

2.이텔릭체(Italic)

  • 이텔릭체를 적용시키고 싶은 부분부터 종료점 까지 아래와 같은 방식을 사용하면 된다.
Markdown Output
Italicized text is the * cat's meow* Italicized text is the cat's meow.
Italicized text is the _ cat's meow_ Italicized text is the cat's meow.
A* cat*meow Acatmeow
  • 단, 문장 중간을 이텔릭 할때 (_)를 사용하면 안된다.

3.볼드와 이텔릭을 섞어서 사용할 수도 있다.


인용구(Blockquotes)

1.인용구를 사용 하기

  • 위해서는 적용하고 싶은 문장, 글 앞에 > 를 사용하면 적용된다.
> Dorothy followed her through many of thebeautiful rooms in her castle.

Dorothy followed her through many of the beautiful rooms in her castle.

2.여러 인용구 적용하기

  • 인용구를 여러번 적용하고 싶다면 두 문장, 글 사이제 공백줄에 > 를 추가시킨다.
> Dorothy followed her through many of the beautiful rooms in her castle.
>
> The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood.

Dorothy followed her through many of the beautiful rooms in her castle.

The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood.

3.중첩된 인용구 적용하기

  • 중첩 하고 싶은 위치에 >> 를 사용하면 된다.
> Dorothy followed her through many of the beautiful rooms in her castle.
>
>> The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood.

Dorothy followed her through many of the beautiful rooms in her castle.

The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood.

4.인용구 내부에 다른 원소 추가시키기.

  • 인용구 내부에 여태 배운 "제목" "볼드" "이텔릭체" 등등, 특정 마크다운 요소를 사용할 수 있다. 
> ## **The quarterly results look great!**
>
> - Revenue was off the chart.
> - Profits were higher than ever.
>
>  *Everything* is going according to **plan**.

The quarterly results look great!

  • Revenue was off the chart.

  • Profits were higher than ever.

    Everything is going according to plan.
    The rendered output looks like this:

리스트(Lists)

리스트에는 순서리스트와 비순서리스트가 있다.

  • 인용구(Blockquotes)와 단락 나누기(Paragraphs)를 적용시킬 수 있다.
  1. 순서리스트
    • 순서리스트는 리스트에 번호가 매겨지는 리스트 이다.
    • 적용 시키려면 (번호). 를 적고 한칸 띄고난뒤 내용을 적으면 된다.
      • 단, 어떤 숫자를 적든 마크다운 화면에는 1,2,3... 순서로 차례대로 표시된다.
      • 순서 리스트 내부에 충첩으로 리스트를 적용 할 수있다.
    • ')'를 사용하면 안된다.
Markdown Output
1. First item
2. Second item
3. Third item
4. Fourth item		 1. First item
2. Second item
3. Third item
4. Fourth item
1. First item
2. Second item
3. Third item
(공백) 1. Indented item
(공백) 2. Indented item
4. Fourth item
  1. First item
  2. Second item
  3. Third item
    1. Indented item
    2. Indented item
  4. Fourth item
  1. 비순서 리스트
  • 비순서 리스트는 리스트에 ○,●,■ 심볼로 매겨지는 리스트이다.
    • 적용 시키려면 *, +, - 를 적고 한칸 띄고난뒤 내용을 적으면 된다.
      • 비순서 리스트 내부에 충첩으로 리스트를 적용 할 수있다.
    • *, +, -를 일관성 있게 사용해야 한다.
Markdown Output
:- First item
- Second item
- Third item
- Fourth item
  • First item
  • Second item
  • Third item
  • Fourth item
+ First item
+ Second item
+ Third item
+ Fourth item
  • First item
  • Second item
  • Third item
  • Fourth item
* First item
* Second item
* Third item
* Fourth item
  • First item
  • Second item
  • Third item
  • Fourth item
:- First item
- Second item
- Third item
(공백) - Indented item
(공백) - Indented item
- Fourth item
  • First item
  • Second item
  • Third item
    • Indented item
    • Indented item
  • Fourth item

코드블럭

하나의 탭, 또는 4번의 공백으로 코드블럭을 적용 시킬수 있다.

예시

    1.  Open the file.
    2.  Find the following code block on line
        <html>
          <head>
            <title>Test</title>
          </head>
    3.  Update the title to match the name of your website.

아래는 적용된 모습이다.

  1. Open the file.

  2. Find the following code block on line 21:

    <html>
  <head>
    <title>Test</title>
  </head>

  3. Update the title to match the name of your website.

경계선(Horizontal Rules)

*** 또는 --- 또는 ___ 으로 경계선을 적용 시킬수 있다.

이미지 적용 & 링크 적용

1. 링크 적용 : "![]();"

 ![표시](상대경로 혹은 절대경로) /// 이미지 적용
 -> ![lime](https://techcrunch.com/wp-content/uploads/2015/05/limes-e1431965418433.jpg?w=1390&crop=1)

2. 링크 적용 : "[]();"

 [표시](웹주소, 상대경로 혹은 절대경로)/// 링크적용
 -> My favorite search engine is [Duck Duck Go](https://duckduckgo.com).

아래는 적용된 모습이다.

lime

My favorite search engine is Duck Duck Go.

URLs & Email Addresses

<>를 감싼뒤에 그 안에 ULR, Email 주소를 작성한다.

<https://felipuss.tistory.com/>
<fake@example.com>

아래는 적용된 모습이다.

https://felipuss.tistory.com/

fake@example.com

Escape문

backslash to escape the following characters

  • 평소에 그냥 사용할 수 없는 특수문자를 \ (백슬래쉬)를 이용해 특문표현이 가능하다.

HTML 문법 사용

1.마크다운 언어는 HTML또한 사용 가능하다.

2. < style> 태그로 글자의 색,크기, 등등 CSS문법을 사용할 수있다.

GFM Syntax

표만들기

1. '|' 로 일단 표를 나눈다.

  • | 으로 나눈것만큼 열을 생성할 수가 있다

    2. '---' 로 머리글 행을 표시한다.

  • |:---| 는 왼쪽정렬
  • |---:| 는 오른쪽 정렬
  • |:---:| 는 가운데 정렬
| Markdown | Output |
|:---|:---|

3. 이제 한줄 한줄 행을 설정할 수 있다.

| # 제목 1 | <h1>제목 1</h1> |
| ## 제목 2 | <h2>제목 2</h2> |

아래는 적용된 모습이다.

Markdown Output
## 제목 2

제목 2
### 제목 3

제목 3

체크바(Task lists)

1.체크바를 생성하기 위해선 '-' 으로 리스트를 생성하고 대괄호를 작성한다.

  • : 체크 표시
  • [] : 체크 안됨
- [x] Finish my changes
- [ ] Push my commits to GitHub
- [ ] Open a pull request

아래는 적용된 모습이다.

2.괄호를 작성하기 위해 이스케이프문 '\'를 사용한뒤 괄호를 적용하면 된다.

- [ ] \(Optional) Open a followup issue

언급기능(Mentioning people & teams)

1. You can mention a person or team on GitHub

  • typing @ plus their username or team name.
@github/support What do you think about these updates?

Autolinked references and URLs

1.URLs

  • GitHub automatically creates links from standard URLs.
Visit https://github.com

Visit https://github.com

2. Issues and pull requests

  • Within conversations on GitHub, references to issues and pull requests are automatically converted to shortened links.
Reference type Raw reference Short link
Issue or pull request URL https://github.com/jlord/sheetsee.js/issues/26 #26
# and issue or pull request number #26 #26
GH- and issue or pull request number GH-26 GH-26

3.Commit SHAs

  • References to a commit's SHA hash are automatically converted into shortened links to the commit on GitHub.
Reference type Raw reference Short link
Commit URL https://github.com/jlord/sheetsee.js/commit/a5c3785ed8d6a35868bc169f07e40e889087fd2e a5c3785
SHA a5c3785ed8d6a35868bc169f07e40e889087fd2e a5c3785
User@SHA jlord@a5c3785ed8d6a35868bc169f07e40e889087fd2e jlord@a5c3785
# 취소선(Strikethrough)
### 1. '~~' 을 취소선을 적용할 범위마다 앞뒤로 적어주면 적용된다. 
~~안녕하세요~~

안녕하세요

'팁' 카테고리의 다른 글

잊지 않기 위해 작성하는 comp함수  (0) 2021.08.14
[C++ 자료구조 <string> ]substr 사용법 메모  (0) 2021.06.30
프로세스모델 작성중  (0) 2021.04.26
16(Hax) 진법 덧셈 뺄셈에 대한 그냥 글  (0) 2021.04.21
Notepad++ 플러그인(plugin) dll파일 적용법 & 노트패드에서 Vim 편집기 사용(?)  (0) 2020.11.22

    티스토리툴바