반응형
마크다운(MarkDown) 사용법 정리
* 사용환경에 따라 표현이 다른 경우가 있으니 추가 확인 필요함
1. 제목 (Header)
#으로 시작
#을 연속해서 사용하여 총 6단계로 표현
#이 늘어날 때마다 스케일이 낮아짐
===와 ---를 이용해서 H1, H2 표현가능하다고 함
2. 강조(Emphasis)
- 기울여 쓰기(italic) : * 또는 _ 로 감싼 텍스트
<em> 태그
*italic_star*
_italic_underbar_
- 두껍게 쓰기(bold) : '**' 또는 '__'로 감싼 텍스트
<strong> 태그
**strong_star**
__strong_underbar__
- 취소선(strikethrough) : '~~'로 감싼 텍스트
<del> 태그
~~strikethrough~~
- 기울여 쓰기와 두껍게 쓰기는 같이 사용 가능
**_strong_italic_underbar_**
*You **can** combine them*
3. 인용구(BlockQuote)
> 으로 시작하는 텍스트
> 를 중첩하여 사용 가능
사용 환경에 따라서 중첩 정도는 달라질 수 있음
4. 수평선(Horizon)
<hr> 태그에 해당하는 수평선
주로 페이지를 나눌 때 사용
(H1, H2와 비슷하니 조심)
- H1 수평선(두꺼운 줄, 안되는 곳도 있음)
=== - H2 수평선(얇은 줄)
---, ***, ___
5. 개행(Newline)
개행은 2가진의 방법이 존재
- 문장의 마지막에 공백을 두 번 입력
- Enter키를 두 번 입력
6. 목록(List)
- *, +, - 를 이용하여 순서가 없는 목록을 만들 수 있음
- 숫자를 이용하여 순서가 있는 목록을 만들 수 있음
숫자는 잘 못 작성해도, 순서대로 숫자가 매겨짐 - 들여쓰기에 따라서 이용하여 하위 목록 구분
구분할 때 문자가 바뀌는 것은 플랫폼마다 다른 듯
7. 코드(Code)
코드 작성할 때 사용하는 문법
- 문장 중간에 작성할 때는 ` 기호로 감싸서 표현
- 따로 문단을 표시할 경우
```
내용
```
또는
~~~
내용
~~~ - 코드가 여러 줄인 경우에는 줄 앞에 공백 4칸 추가
- ``` 옆에 언어 지정해주면 syntax color 적용
```javascript 이런식으로
8. 이미지 (Image)
<img> 태그 문법
9. 특수문자 표현
\를 특수문자 앞에 사용
앞 뒤에 똑같이 사용해야 함
10. 링크(Link)
외부 링크 거는 방법
- [Text](URL "Title")
[Google](http://www.google.com "구글") - Text: URL "Title"
구글: http://www.google.com "구글" - 일반 주소 입력(이메일로 사용가능)
http://www.naver.com - 새 창으로 열기
Text(URL){: target="_blank"} - 이미지에 링크걸기
[![Alt Text](Img_URL)](연결할 주소)
내부 링크
- [Text](이동할 제목)
띄어쓰기는 -로 표시
영어는 모두 소문자로
11. 할 일(Task List)
- - [ ], - [x] 를 이용하여 리스트 표시
12. 테이블(Table)
- 3개 이상의 -기호(hyphen)로 제목과 내용을 구분
- 칸 구분은 |기호(Vertical Bar, Pipe)
첫 번째와 마지막은 생략 가능(좌우 끝) - 셀 정렬은 :기호(Colons)
예시
제목1|제목2|제목3
|:---|:---:|---:|
Left|Center|Left|
|내용1|내용2|내용3
반응형