마크다운(MarkDown) 정리

영민·2023년 7월 14일
7

Git & GitHub

목록 보기
1/4
post-thumbnail

개발 블로그를 시작하면서 공부한 내용을 벨로그에 정리하려 했는데 글 작성부터 마크다운에 막혀서 다른 개발자 분들이 정리하신 글들을 복습 삼아서 정리 해보려고 합니다.


📌  제목 (Header)

  • H1 ~ H6 으로 제목 크기를 설정합니다.

✏️  작성

# h1
## h2
###	h3
#### h4
##### h5
###### h6

📝  결과

h1

h2

h3

h4

h5
h6



📌  인용문 (BlockQuote)

  • > 을 사용하여 작성합니다.

✏️  작성

> 인용문 입니다.
>> 인용문 입니다.
>>> 인용문 입니다.

📝  결과

인용문 입니다.

인용문 입니다.

인용문 입니다.

  • 인용문에서 다른 마크다운 요소도 사용 가능합니다.

📝  결과

제목

  • Bold
코드 블럭 작성



📌  목록 (List)

  • 숫자 을 사용합니다.

✏️  작성

1. 첫 번째
2. 두 번째
3. 세 번째

📝  결과

  1. 첫 번째
  2. 두 번째
  3. 세 번째
  • -, *, + 을 사용합니다.
- 첫 번째
  - 두 번째
    - 세 번째
      - 네 번째
  • 첫 번째
    • 두 번째
      • 세 번째
        • 네 번째
* 첫 번째
  * 두 번째
    * 세 번째
      * 네 번째
  • 첫 번째
    • 두 번째
      • 세 번째
        • 네 번째
+ 첫 번째
  + 두 번째
    + 세 번째
      + 네 번째
  • 첫 번째
    • 두 번째
      • 세 번째
        • 네 번째



📌  강조 (Emphasis)

  • 문자 부호 를 사용하여 작성합니다.

✏️  작성

*Italic*
_Italic_
**Bold**
__Bold__
<u>Underline</u>
~~LineThrough~~

📝  결과

  • Italic
  • Italic
  • Bold
  • Bold
  • Underline
  • LineThrough



  • [링크명](url) 을 사용하여 작성합니다.
[Google](http://google.com)
[velog](http://velog.io)
[참조 링크] 작성도 가능합니다.
[참조 링크]: http://github.com

참조 링크 작성도 가능합니다.

부등호 기호(<>)를 사용하여 URL 링크를 생성합니다.
이메일: <address@example.com>



📌  이미지 (Images)

  • ![]() 를 사용하여 작성합니다.

✏️  작성

![](https://images.com)

📝  결과




📌  인라인 코드 (Inline Code)

백틱(') 을 사용하여 작성합니다.

✏️  작성

`인라인 코드 작성`

📝  결과

인라인 코드 작성




📌  줄 바꿈 (Line Breaks)

<br/> 을 사용하여 줄 바꿈을 합니다.

✏️  작성

첫 번째 <br/> 두 번째 <br/> 세 번째

📝  결과

첫 번째
두 번째
세 번째




📌  코드 블럭 (Code Blocks)

  • 백틱(') 을 3번 입력하여 사용 가능합니다.
블록코드 입니다.
  • 백틱(') 을 3번 뒤에 언어 이름을 넣어서 사용 가능합니다.

✏️  작성

```javascript
console.log('Hello World');

📝  결과

console.log('Hello World');



📌  표 (Table)

  • |- 를 사용하여 작성합니다.

✏️  작성

|언어|MarkDown|
|:---:|:---:|
|HTML|html|
|CSS|css|
|JavaScript|javascript|

📝  결과

언어MarkDown
HTMLhtml
CSScss
JavaScriptjavascript



📌  작업 목록 (Task Lists)

  • - 뒤에 [ ] 대괄호를 사용하여 작성합니다.

✏️  작성

- [ ] 작업 목록
- [ ] 작성

📝  결과

  • 작업 목록
  • 작성



📌  탈출 문자 (Escaping Characters)

\ 를 사용하여 텍스트 문자 및 기호를 사용 가능합니다.

✏️  작성

\- 글머리 기호 작성

📝  결과
- 글머리 기호 작성




📌  HTML

  • MarkDown 에서 HTML 태그 사용 가능합니다.

✏️  작성

<h4> 제목
<p style="color:red"> 텍스트 작성 <br/>
<a href="https://velog.io">Velog</a>

📝  결과

제목

텍스트 작성

Velog




📌  수평선 (Horizontal Rule)

  • ***, ---, ___ 를 입력하여 사용 가능합니다.

✏️  작성

***
---
___

📝  결과





References

profile
프론트엔드 공부중

0개의 댓글