Markdown 사용법 총정리!

Updated:

Markdown


Markdown은 README.md 라는 이름의 파일을 한 번은 보셨을텐데, 이 파일이 마크다운 문법으로 작성된 파일이에요.
github의 blog를 쓰거나 github를 쓰고 개발자나 저 처럼 Datascience등 컴퓨터로 하는 작업을 하는 사람들에게 필수적인 문법이지만 어렵지 않고 조금의 시간만으로 충분히 마스터 가능해요!

배우기전에 장단점 부터 알고 가보아요.


1. 장점

문법이 쉬워요. 관리가 쉬워요. 활용 가능한 플랫폼이 많아요.

2. 단점

표준문법이 없어요. 모든 HTML문법을 대신 할 수 없어요.

이제 Markdown문법을 배워 보아요.


1. 제목

<h1> ~ <h6> 까지 지원을 해줘요. 하지만 보통은 <h4>정도 까지만 쓰는걸 표준라고 해요.

# 1제목
## 2제목
### 3제목
#### 4제목
##### 5제목
###### 6제목

1제목

2제목

3제목

4제목

5제목
6제목

이렇게 제목의 사이즈가 달라지는걸 볼수 있죠?
그런데 보면 5제목과 6제목의 사이즌 많이 달라지지 않는걸 보니 사람들이 <h4><h5> 정도 까지만 쓰는 이유를 알 수 있어요.

2. 목록

1. 순서가 필요한 목록
1. 순서가 필요한 목록
  - 순서가 필요하지 않은 목록(서브) 
  - 순서가 필요하지 않은 목록(서브) 
1. 순서가 필요한 목록
  1. 순서가 필요한 목록(서브)
  1. 순서가 필요한 목록(서브)
1. 순서가 필요한 목록

- 순서가 필요하지 않은 목록에 사용 가능한 기호
  - 대쉬(hyphen)
  * 별표(asterisks)
  + 더하기(plus sign)
  1. 순서가 필요한 목록
  2. 순서가 필요한 목록
    • 순서가 필요하지 않은 목록(서브)
    • 순서가 필요하지 않은 목록(서브)
  3. 순서가 필요한 목록
    1. 순서가 필요한 목록(서브)
    2. 순서가 필요한 목록(서브)
  4. 순서가 필요한 목록
  • 순서가 필요하지 않은 목록에 사용 가능한 기호
    • 별표(asterisks)
    • 대쉬(hyphen)
    • 더하기(plus sign)

이렇게 Markdown을 쓰면서도 MSword에서 썻던것 처럼 목차를 만들수 있어요.

3. 강조

이텔릭체는 *별표* 또는 _언더바_
두껍게는 **별표2개**
**_이텔릭체_와 두껍게** 함께 사용할  있어요.
취소선은 ~~물결2개~~
<u>밑줄</u> 사용   있어요.

이텔릭체는 별표1개 또는 언더바
두껍게는 별표2개
_이텔릭체_와 두껍게는 함께 사용할 수 있어요.
취소선은 물결2개
밑줄도 사용 할 수 있어요.

이렇게 강조 할 수 있는 문법들이 많아서 꽤나 유용하게 사용 할 수 있어요.

4. 링크

[링크설명](링크주소)
[Google](https://google.com)
[Naver](https://naver.com)

Google Naver

이렇게 하면 링크도 쉽게 사용 할 수 있어요.

5. 이미지

![이미지설명](이미지주소)
![google](https://www.google.com/logos/doodles/2020/december-holidays-days-2-30-6753651837108830.3-law.gif)

google

6. 이미지 + 링크

[![google](https://www.google.com/logos/doodles/2020/december-holidays-days-2-30-6753651837108830.3-law.gif)](https://google.com)

google

5, 6 번 똑같은 이미지 인데 6번이미지는 google로 이동을 하죠??
신기 해요!!.

7. 간단한 코드

숫자 1 왼쪽에 있는 ` 코드를 감싸주세요

8. 복잡한 코드

숫자 1 왼쪽에 있는 ` 세번이상 아래 위로 감싸주세요

이렇게 7, 8 번처럼 ```로 감싸주면 코드에 음영처리가 되면서 실행 되지는 않고 코드를 살려서 표시해 줘요.

9. 테이블

| 이름 | 주소 | 국가 |
|---|:---:|---:|
| 구글 | http://google.com | 미국 |
| 네이버 | http://naver.com | 한국 |
| 다음 | http://daum.com | 한국 |
이름 주소 국가
구글 http://google.com 미국
네이버 http://naver.com 한국
다음 http://daum.com 한국

조금 엉성하지만 필요한 간결한 테이블은 간단하게 만들수 있어요.

10. 박스글

> 저는 이걸 자주 쓰는데 뭐라고 불러야 될지 몰라서 그냥 박스글이라고 해봤어요.  
  
그리고 박스에 박스를 넣어서 사용 할수도 있어요.
> 박스글
>> 박스글
>>> 박스글
>>> 박스글

저는 이걸 자주 쓰는데 뭐라고 불러야 될지 몰라서 그냥 박스글이라고 해봤어요.

그리고 박스에 박스를 넣어서 사용 할수도 있어요.

박스글

박스글

박스글 박스글

재밋는게 참 많은것 같아요.

11. 수평선

---
***
___



글을 구분지을때 유용하게 쓰는건데 바, 별표, 언더바를 세번씩 써주면 수평선을 그어 줘요.

12. 줄바꿈

가나다라  
마바사아 #띄어쓰기 2번  
자차카타<br>파하

가나다라
마바사아
자차카타
파하

Markdown처음 쓸때 줄바꿈이 안되서 너무 당황했었어요. 이렇게 하면 되요!


이상 Markdown 문법에 대해서 알아 봤어요.

제 첫 제대로된 블로그 포스팅이라 글이 많이 엉성하고 준비도 힘들었지만 그래도 블로그 제목처럼 성장일기 잘 써가 보도록 할께요!

Leave a comment