[마크다운] 작성해보기

마크다운(Markdown)이란 2004년 UI 디자이너이자 기술 블로거인 존 그루버에 의해 발명된 텍스트 기반의 마크업 언어다.

작성하기도 간편하고 가독성도 뛰어난 언어이다. 확장자는 .md 인데 깃허브에서도 많이 보았던 그 README.md의 .md다.

마크다운의 장점은 메모를 작성하거나 웹 사이트용 콘텐츠를 만들고 인쇄 가능한 문서를 생성하기 쉽고 빠르다는 것이다.

또 배우는데도 오래 걸리지 않는다.

이제 마크다운의 문법을 알아보자!!!

마크다운

 

Heading

문서의 제목이나 소제목을 작성할 때 사용된다.

<!-- Heading -->
# Heading 1
## Heading 2
### heading 3
#### heading 4
##### heading 5
###### heading 6
Paragraph
 

Heading 1

Heading 2

heading 3

heading 4

heading 5

heading 6

Paragraph

이런식으로 결과물이 나온다.

#은 1개부터 6개까지 사용가능하고, 아무것도 없으면 평문으로 처리한다. # 하나만 있으면 밑에 밑줄이 자동으로 생성되는데 (지원되는 곳도 있고 안되는 곳도 있음) 밑줄을 추가하고 싶으면 다음과 같이 작성하면 된다.

Line

<!-- Line -->
___
---

이렇게 ___ 언더바 3개 또는 --- 이거 3개를 사용하면 줄이 생성된다.

---

Text attributes

글자에 효과를 넣는 것도 간편하게 할 수 있다.

 

<!-- Text attributes -->
This is the **bold** text and this is the *italic* text and let's do ~~strikethrough~~.
 

This is the bold text and this is the italic text and let's do

strikethrough

.

bold 채는 문자 양옆에 **을 추가하고, italic채는 *을 추가, 그리고 strike는 ~~을 추가하면 된다.

 

Quote

인용문 사용하는 방법은 > 이 꺽쇄를 추가하면 된다. 인용문 안에 인용문 형태도 가능하다.

<!-- Quote -->
> We'll find a way, we always have.
 

Bullet List

글머리 기호 같은 경우는 * 이 문자나, - 이 문자를 사용해서 표현할 수 있다.

<!-- Bullet List -->
Fruits:
* 🍊
* 🍓
 
Other Fruits:
- 🍌
- 🍍

 

Number list

숫자 리스트는 숫자 뒤에 마침표를 넣어 표시하면 된다.

 

<!--Numbered list -->
Number:
1. first
2. seconde
3. third

Link

링크 같은 경우에는 중괄호에는 대체 문자를 그리고 뒤에 바로 소괄호를 붙혀 이동하고자하는 링크를 첨부하면 된다.

<!-- Link -->
Click [LazyPazy](https://lazypazy.tistory.com/)
 

Image

이미지도 링크와 비슷하지만 앞에 ! 느낌표를 붙혀주고 뒤에 이미지 주소를 붙혀넣는다.

<!-- Image -->
![image description](https://pbs.twimg.com/profile_images/1369697361509814273/qn6Fy1OS_400x400.jpg)
 

 

Table

표도 만들수 있다. 두번째 줄에 : 이 세미콜론 위치로 우측정렬, 좌측정렬, 중앙정렬도 가능하다.

|:--:|:--:| 중앙정렬

|--:|--:| 우측정렬

|:--|:--| 좌측정렬

 

<!-- Table -->
|Header|Description|
|:--:|:--:|
|Cell1|Cell2|
|Cell1|Cell2|
|Cell1|Cell2|
|Cell1|Cell2|

Code

코드도 이쁘게 첨부할 수 있다.

긴 코드는 ``` 이렇게 세개로 감싸주면 되고, 사용한 언어를 뒤에 입력하면 문법에 맞춰 하이라이트도 적용된다.

중간에 삽입하려면 `이렇게 하나` 사용해주면 된다.

 
<!-- Code -->
To print message in the console, use `console.log('your message')` and...
 
```py
print("Hello World!")
```

 

 

이제 마크다운 배웠으니 자주 활용해봐야지!!!

 

참고: how-to-write-by-markdown

마크다운(Markdown) 사용법

공식문서

Markdown Guide

 

마크다운(Markdown) 6분 순삭 정리 + 깃허브 리드미(ReadMe) 파일 작성 팁 ⭐️