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

eggsense·2021년 1월 14일
0
post-thumbnail

플랫폼마다 지원하는 부분도 있고 아닌 부분도 있는 듯

1. 제목 (Header)

#으로 시작
#을 연속해서 사용하여 총 6단계로 표현
#이 늘어날 때마다 스케일이 낮아짐
===---를 이용해서 H1, H2 표현가능

This is an H1
아랫줄에 ===
This is an H1
===
This is an H2
아랫줄에 ---
This is an H2


# H1

## H2

### H3

#### H4

##### H5
###### H6

2. 강조(Emphasis)

  • 기울여 쓰기(italic) : * 또는 _ 로 감싼 텍스트
    <em> 태그
    *italic_star*
    _italic_underbar_

italic underbar

  • 두껍게 쓰기(bold) : '**' 또는 '__'로 감싼 텍스트
    <strong> 태그
    *strong_star*
    _strong_underbar_

strong_underbar

  • 취소선(strikethrough) : '~~'로 감싼 텍스트
    <del> 태그
    ~~strikethrough~~

~~strikethrough~~

  • 기울여 쓰기와 두껍게 쓰기는 같이 사용 가능
    **_strong_italic_underbar_**
    *You **can** combine them*

strong_italic_underbar
You can combine them

  • 밑줄
    밑줄은 태그를 이용해서 표현
    <u> </u>로 텍스르를 감싸서 표현

텍스트 밑에 줄이 생겼다


3. 인용구(BlockQuote)

> 으로 시작하는 텍스트
> 를 중첩하여 사용 가능
사용 환경에 따라서 중첩 정도는 달라질 수 있음

> 인용구

>> 인용구 2개

>>> 인용구 3개


4. 수평선(Horizon)

<hr> 태그에 해당하는 수평선
주로 페이지를 나눌 때 사용
(H1, H2와 비슷하니 조심)

  • H1 수평선(두꺼운 줄)
    ===
  • H2 수평선(얇은 줄)
    ---, ***, ___

5. 개행(Newline)

개행은 2가진의 방법이 존재

  • 문장의 마지막에 공백을 두 번 입력
  • Enter키를 두 번 입력

6. 목록(List)

  • *, +, - 를 이용하여 순서가 없는 목록을 만들 수 있음
  • 숫자를 이용하여 순서가 있는 목록을 만들 수 있음
    숫자는 잘 못 작성해도, 순서대로 숫자가 매겨짐
  • 들여쓰기에 따라서 이용하여 하위 목록 구분
    구분할 때 문자가 바뀌는 것은 플랫폼마다 다른 듯
  • *' 순서없는 목록
  • '+' 순서없는 목록
    • '-' 순서없는 목록
  • '-' 순서없는 목록
    • '-' 순서없는 목록
      • '-' 순서없는 목록
  1. '숫자 1 사용한' 순서있는 목록
  2. '숫자 3 사용한' 순서있는 목록
    3. '숫자 3 사용한' 순서있는 목록
    3. '숫자 3 사용한' 순서있는 목록
    1. '숫자 1 사용한' 순서있는 목록

7. 코드(Code)

코드 작성할 때 사용하는 문법

  • 문장 중간에 작성할 때는 ` 기호로 감싸서 표현
  • 따로 문단을 표시할 경우
    ```
    내용
    ```
    또는
    ~~~
    내용
    ~~~
  • 코드가 여러 줄인 경우에는 줄 앞에 공백 4칸 추가
  • ``` 옆에 언어 지정해주면 syntax color 적용
    ```javascript 이런식으로
코드내용 표시 되는 곳

8. 이미지 (Image)

<img> 태그 문법

![Alt text](파일경로)
![Alt text](Img_URL)
![Alt text](파일경로 "title")


9. 특수문자 표현

\를 특수문자 앞에 사용
앞 뒤에 똑같이 사용해야 함

\*literal asterisks\*


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 Lisk)

  • - [ ], - [x] 를 이용하여 리스트 표시
  • [ ] - [ ] 는 빈 칸
  • [x] - [x] 는 표시 된 칸

12. 테이블(Table)

  • 3개 이상의 -기호(hyphen)로 제목과 내용을 구분
  • 칸 구분은 |기호(Vertical Bar, Pipe)
    첫 번째와 마지막은 생략 가능(좌우 끝)
  • 셀 정렬은 :기호(Colons)

예시

제목1|제목2|제목3
|:---|:---:|---:|
Left|Center|Left|
|내용1|내용2|내용3

제목1|제목2|제목3
|:---|:---:|---:|
Left|Center|Left|
|내용1|내용2|내용3

0개의 댓글