마크다운(Markdown) 사용하는 방법 / 간단하게 마크다운 사용하는 팁

마크다운은 존 그루버와 아론 스워츠가 만든 읽고 쓰기 쉬운 문서 양식의 언어입니다

확장자는 .md .markdown 두가지를 쓰고 있지만 깃허브를 사용하시는 분들은 아시겠지만 .md 를 사용하고 있습니다

.md가 압도적으로 많이 쓰입니다

지금 보고 계신 티스토리도 마크다운 쓰기를 지원하고 있습니다

에버노트나 베어 노트에서도 마크다운을 지원하고 있습니다

마크다운하면 github 사이트도 빼놓을 수는 없습니다

마크다운으로 작성된 ReadMe 파일을 보면 정말 깔끔하고 이쁜 것 같아요

Headers H1 - H6

앞쪽에 #을 붙여서 #(큰 제목) ~ ######(작은 제목)까지 나열할 수 있습니다

# 제목 1

## 제목 2

### 제목 3

#### 제목 4

##### 제목 5

##### 제목 6

강조문

앞에 아스트리크나 언더바, 물결을 넣어서

글자를 Bold 할 수 있고 이태릭체나 글 중간에 취소선을 넣을 수 있습니다

글자에 밑줄을 넣는 방법은 아직 못 찾았는데 아시는 분 있으시면 댓글 남겨주세요 😂

*강조문*

**강조문**

_언더바_
__언더바__

~~물결~~

인용문

> 를 이용해서 인용문을 남길 수 있습니다

> 인용문
> > 안녕하세요
> > > 네 안녕하세요

숫자를 이용해서 목록으로 정리할 수 있습니다

1. 첫 번째 글
2. 첫 번째 글
3. 첫 번째 글

똑같아 보이지만 띄어쓰기가 되어 있어서

목록으로 직관적으로 확인할 수 있습니다

- 파이썬
- bs4
- 크롤링

그냥 - 를 하게 되면 이렇게 그냥 ㆍ으로 목록 처리가 되게 됩니다

이렇게 들여 쓰기 형식으로

다음 항목들을 나열해 주시면 앞에 다른 기호들로 나열할 수가 있습니다

글상자(박스)

글에 박스를 치는 글상자를 만들고 싶으시다면

1 옆에 있는 ``` 문자를 입력해서 사용하시면 됩니다

```[원하는 문자]``` 형식으로 묶어주시면 박스를 쳐서 사용하실 수 있습니다

동해물과 백두산이
마르고 닳도록

```
우리나라 만세
```

코드 블록

코드 블록을 사용하시고 싶으시다면

<pre><code> 코드 </code></pre>

이용하셔서 코드를 작성하시면 되는데 마크다운 언어스럽지 않고 그냥 html 태그처럼 보이는데

스페이스바로 4칸을 줄줄이 띄어쓰기해주시면 위 같은 태그 없이 같은 효과를 낼 수 있습니다

<pre><code>
from selenium import webdriver  
from selenium.webdriver.common.keys import Keys  
import time  
import urllib.request

a=input("검색할 키워드를 입력하세요 : ")  
b=int(input("개수 : "))  
driver = webdriver.Chrome()  
driver.get('[http://www.google.co.kr/imghp?hl=ko'](http://www.google.co.kr/imghp?hl=ko'))  
</code></pre>

수평선

***와 --- 를 이용하시면 수평선을 만드실 수 있습니다

***

*****

---

------------------------

위 네 가지 방법을 사용해서 수평선을 만들어 보았는데

티스토리에서는 다 동일하게 수평선이 만들어졌습니다

링크

링크를 삽입하는 방법입니다

사용 문법: [Title](link)
적용 예: [네이버](naver.com)

Title에는 보여줄 이름을 입력하고 link 에는 실제 URL을 입력해 주면 됩니다

* 외부 링크: <http://naver.com/>
* 외부링크: <address@example.com>

이미지

이미지를 삽입하는 방법입니다

HTML 이미지 삽입 태그와 흡사하지만 다른 점은 !를 앞에 붙이고 시작하는데

치명적인 단점은 이미지 크기를 조절하지 못합니다

그래서 저는 img 태그를 사용한 방법으로 그냥 삽입하는 것을 추천드립니다

이미지 크기를 정하는 width와 height에 px 뿐 아니라 % 로도 지정이 가능합니다

![Alt text](/path/to/img.jpg)
![Alt text](/path/to/img.jpg "Optional title")
<img src="/path/to/img.jpg" width="450px" height="300px" title="px(픽셀) 크기 설정" alt="BattleGround"></img>

테이블

테이블을 만드는 방법입니다

| | | 로 칸을 정하고 --- 로 칸의 크기를 정하고 : 로 텍스트를 정렬할 위치를 정합니다

|제목|내용|설명|

|:---|---:|:---:|

|왼쪽 정렬|오른쪽 정렬|중앙 정렬|

마크다운 언어를 사용하는 방법에 대해서 알아보았는데요

사실 자주 안 쓰시는 분들은 당연히 어색할 수밖에 없습니다

하지만 개발 업무나 마크다운을 이용하는 메모장 같은 것들을 많이 사용하시다 보면

금방 익숙해질 수 있을 거라고 생각됩니다 🤞👍 댓글과 좋아요 부탁드릴게요 💕