[Markdown] 마크다운 문법 정리

마크다운(MarkDown)

누가 작성해놓은 github에 접속하여 해당 패키지를 설명해놓은 문서를 보신적 있나요?

README.md, 이 파일이 바로 마크다운 문법으로 작성된 문서 파일입니다. 

 

개발자들이 블로그나 github의 내용을 정리할 때 주로 사용하고, 분석가들이나 DS분들이 주피터에 마크다운 형식으로 정리를 하기도 합니다. 

이처럼 알아두면 쓸데있는, 오늘은 마크다운 사용법에 대해서 정리해보겠습니다. 

 

마크다운 에디터 추천 

 

Vscode - 마크다운 

Mac 사용자는 거의 대부분의 마크다운 에디터가 '유료'이기 때문에 Vscode의 확장팩을 활용해서 가성비를 챙기시는 걸 추천드립니다. 

Typora 

편리함.... 편리해요.. 윈도우 사용자는 추천입니다. 

typora

 

 

마크다운(MarkDown) 사용법 정리

제목(Header)

<h1>부터 <h6>까지 제목을 표현할 수 있습니다.

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

강조(Emphasis)

강조 : 주로 Command(Ctrl) + B

언더바(_) , 별표(*) , 물결표시(~) 사용 

이텔릭체는 *별표(asterisks)* 혹은 _언더바(underscore)_를 사용하세요.
두껍게는 **별표(asterisks)** 혹은 __언더바(underscore)__를 사용하세요.
**_이텔릭체_와 두껍게**를 같이 사용할 수 있습니다.
취소선은 ~~물결표시(tilde)~~를 사용하세요.
<u>밑줄</u>은 `<u></u>`를 사용하세요.

목록(List)

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

 

링크(Links)

[GOOGLE](https://google.com)

[NAVER](https://naver.com "링크 설명(title)을 작성하세요.")

[상대적 참조](../users/login)

[Dribbble][Dribbble link]

[GitHub][1]

문서 안에서 [참조 링크]를 그대로 사용할 수도 있습니다.

다음과 같이 문서 내 일반 URL이나 꺾쇠 괄호(`< >`, Angle Brackets)안의 URL은 자동으로 링크를 사용합니다.
구글 홈페이지: https://google.com
네이버 홈페이지: <https://naver.com>

[Dribbble link]: https://dribbble.com
[1]: https://github.com
[참조 링크]: https://naver.com "네이버로 이동합니다!"

이미지(Images)

![대체 텍스트(alternative text)를 입력하세요!](http://www.gstatic.com/webp/gallery/5.jpg "링크 설명(title)을 작성하세요.")

![Kayak][logo]

[logo]: http://www.gstatic.com/webp/gallery/2.jpg "To go kayaking."

 

이미지에 링크

마크다운 이미지 코드를 링크 코드로 묶어 줍니다.

[![Vue](/images/vue.png)](https://kr.vuejs.org/)

블록(block) 코드 강조

`를 3번 이상 입력하고 코드 종류도 적습니다.

```html
<a href="https://www.google.co.kr/" target="_blank">GOOGLE</a>
```

```css
.list > li {
  position: absolute;
  top: 40px;
}
```

```javascript
function func() {
  var a = 'AAA';
  return a;
}
```

```bash
$ vim ./~zshrc
```

```python
s = "Python syntax highlighting"
print s
```

```
No language indicated, so no syntax highlighting. 
But let's throw in a tag.
```

수평선(Horizontal Rule)

각 기호를 3개 이상 입력하세요.

---
(Hyphens)

***
(Asterisks)

___
(Underscores)

줄바꿈(Line Breaks)

동해물과 백두산이 마르고 닳도록 
하느님이 보우하사 우리나라 만세   <!--띄어쓰기 2번-->
무궁화 삼천리 화려 강산<br>
대한 사람 대한으로 길이 보전하세

 

출처: https://heropy.blog/2017/09/30/markdown/