마크다운
텍스트 기반의 경량 마크업 언어
일반 텍스트로 서식이 있는 문서를 작성하는데 사용
일반 마크업 언어에 비해 문법이 쉽고 간단한 것이 특징
HTML과 RTF(리치 텍스트) 등 서식 문서로 쉽게 변환되기 때문에
응용 소프트웨어와 함께 배포되는 README 파일이나 온라인 게시물 등에 많이 사용
위키백과 中
🖊제목(Headers)
#을 사용한 제목
H1 부터 H6 까지 크기 조절이 가능하다.
입력하는 텍스트 앞(한칸 띄우고)에 "#" 으로 표현하고 "#" 의 개수로 1~6까지 표현 가능하다.
📃입력
H1 제목을 입력하세요
H2 제목을 입력하세요
H3 제목을 입력하세요
H4 제목을 입력하세요
H5 제목을 입력하세요
H6 제목을 입력하세요💻출력
H1 제목을 입력하세요
H2 제목을 입력하세요
H3 제목을 입력하세요
H4 제목을 입력하세요
H5 제목을 입력하세요
H6 제목을 입력하세요
=,- 를 사용한 제목
H1, H2 경우 =,-를 각각 2개 이상 사용하면 #을 대체할 수 있다.
📃입력
h1
==
h2
--
하이픈을 여러 개 사용한 제목 <!--하이픈을 텍스트 아래 줄에 작성-->💻출력
H1
H2
하이픈을 여러 개 사용한 제목
tip💡
회색 박스는 백틱 으로 감싸기
이모지는 window + .
https://kr.piliapp.com/twitter-symbols/
🖊문단 간격(Line Height)
문단의 간격은 줄 바꿈으로 나타내는데 여러번 줄 바꿈 시 <br/> 사용한다.
📃입력
첫 번째 문단<br/><br/>
두 번째 문단💻출력
첫 번째 문단
두 번째 문단
🖊목록(List)
tip💡
불릿 포인트(Bullet Point): 글머리 기호
순서가 없는 목록: * + - 중 아무거나 사용하면 된다.
*, +, - 셋 다 동일하게 작성된다. 인라인 코드/블럭 코드 작성이 가능하고
Tab이나 space bar를 이용해 들여쓰기가 가능하다.
📃입력
- 순서 없는 목록 1
- 목록 1.1
- 목록 1.2
- 순서 없는 목록 2
Tab 두번 하면 코드 블럭 작성
* 순서 없는 목록 3
+ 순서 없는 목록 4
+ `인라인 코드 가능`
+ 들여쓰기(tab키 이용)를 하면 다른 모양으로 표현.
```
블럭 코드 가능
``` 💻출력
- 순서 없는 목록 1
- 목록 1.1
- 목록 1.2
- 순서 없는 목록 2
Tab 두번 하면 코드 블럭 작성
- 순서 없는 목록 3
- 순서 없는 목록 4
+인라인 코드 가능
+ 들여쓰기(tab키 이용)를 하면 다른 모양으로 표현.``` 블럭 코드 가능 ```
순서가 있는 목록: 숫자와 .를 사용해서 작성한다.
📃입력
1. 첫 번째
2. 두 번째
3. 세 번째
5. 네 번째 <!--순서가 자동으로 맞춰진다-->
4. 다섯 번째💻출력
- 첫 번째
- 두 번째
- 세 번째
- 네 번째
- 다섯 번째
tip💡
숫자 리스트는 순서가 맞지 않아도 순서가 자동으로 맞춰진다.
🖊폰트 스타일(Font Style)
굵게, 기울이기, 취소선 등 작성할 수 있다.
📃입력
__굵게__
**굵게**
_기울여 쓰기_
*기울여 쓰기*
~취소선~
~~취소선~~💻출력
굵게
굵게
기울여 쓰기
기울여 쓰기
~취소선~
취소선
🖊블록인용(Blockquotes)
인용구(Quotation) 표현은 아래 두 가지로 나뉜다.
-짧은 인용구
-블록 인용구
짧은 인용구: q태그(quotation)를 사용하고 앞뒤에 큰 따옴표가 생긴다.
<q>짧은 인용구 q 태그 입니다.블록 인용구: 길이가 긴 인용문은 blockquote태그를 사용하고 단락이 구분되어 나타난다.
<blockquote> 블록 인용구 blockquote 입니다. > 로 표현이 가능합니다.</blockquote>#### 📃입력
> # 인용1
>> ## 인용2 중첩해서 표현할 수 있다.
>>> ### 인용3 제목 크기도 표현할 수 있다.
>>>> #### 인용4 계속해서 중첩할 수 있다.#### 💻출력
인용1
인용2 중첩해서 표현할 수 있다.
인용3 제목 크기도 표현할 수 있다.
인용4 계속해서 중첩할 수 있다.
tip💡
인용문은 중첩해서 사용할 수 있으며 >>(2단) 처럼 표현하면 된다.
인용문 안에서 제목 크기도 표현할 수 있다.
🖊인라인 코드블럭(Inline Codeblock)
한 줄 코드블럭: "Tab"을 이용해서 사용할 수 있다.
다만, 이전 문장으로부터 Enter 두번 입력 <!--tap 한번 입력-->인라인 코드/여러줄로 된 코드: `/```로 사용할 수 있다.
여러 줄의 <!--``` 입력하고 enter-->
코드 블럭은
3개의
백틱으로 감싼다. <!--enter ```-->📃입력
`인라인 코드 작성`💻출력
인라인 코드 작성
코드 하이라이트
📃입력
```javascript
let sumNumbers = (firstNum, lastNum) => {
return firstNum + lastNum;
};
sumNumbers(100, 200);
```
```python
num_list = ['one', 'two', 'three']
for num in num_list:
print(num)
``` 💻출력
let sumNumbers = (firstNum, lastNum) => { return firstNum + lastNum; }; sumNumbers(100, 200); ```
num_list = ['one', 'two', 'three'] for num in num_list: print(num)
🖊링크(Link)
인라인 링크, URL링크, 참조 링크로 나뉜다.
📃입력
인라인 링크는 아래처럼
[인라인 링크](https://velog.io/)
url 링크는 아래처럼
<https://velog.io/>
참조 링크
[velog]:(https://velog.io/)#### 💻출력
인라인 링크는 아래처럼
인라인 링크
url 링크는 아래처럼
https://velog.io/
참조 링크
🖊이미지 링크(Image Link)
이미지 링크 걸기
(연결하고자하는 url_마우스 오버 시 나타낼 링크 title)
📃입력
(https://cdn.pixabay.com/photo/2014/04/13/20/49/cat-323262_960_720.jpg_이미지무료사이트 pixabay)💻출력
(https://cdn.pixabay.com/photo/2014/04/13/20/49/cat-323262_960_720.jpg_이미지무료사이트 pixabay)
tip💡
gif 포함, 이미지 크기는 10MB 이하만 가능하다.
🖊구분선(Line)
*, -, _ 등을 3개 이상 입력하면 작성할 수 있다.
- 경우 헤더로 인식할 수도 있어서 주의해야 한다.
📃입력
***
-----
__ __ __ __ __ __ __💻출력
🖊테이블(Table)
|로 구분하고 굵게, 기울이기, 취소선 적용 가능하다.
- 으로 구분된 곳 각각 왼쪽, 양쪽, 오른족에 :를 붙일 경우,
순서대로 왼쪽 정렬, 가운데 정렬, 오른족 정렬이 가능하다.
📃입력
| 영화명 | 주연 배우 | 개봉일 |
|:----------|:----------:|----------:|
| **위대한 개츠비** | 레오나르도 디카프리오, 캐리 멀리건, 토비 맥과이어 | 2013.05.16 |
| 말할 수 없는 비밀 | 주걸륜, 계륜미 | 22015.05.07 |
| 세븐 | 브래드 피트, 모건 프리먼 | 1995.11.11 |💻출력
영화명 주연 배우 개봉일 위대한 개츠비 레오나르도 디카프리오, 캐리 멀리건, 토비 맥과이어 2013.05.16말할 수 없는 비밀 주걸륜, 계륜미 2015.05.07 세븐 브래드 피트, 모건 프리먼 1995.11.11
🖊체크박스(Check Box)
-, *, + + []
[] 안에 띄어쓰기를 하면 빈 체크박스
[] 안에 X를 넣으면 체크된 체크박스
📃입력
- [ ] 공부 하기
- [X] 운동 하기💻출력
- 공부 하기
- 운동 하기
🖊폰트 색상(Font Color)
HTML 태그를 이요하여 작성이 가능하다.
📃입력
<span style="color:red">red</span>
<span style="color:#d3">#d3</span>
<span style="color:rgb(45, 185, 13)">rgb(45, 185, 13)</span>💻출력
red
#d3
rgb(45, 185, 13)
