본문 바로가기

IT

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

반응형

마크다운(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](이동할 제목)
    띄어쓰기는 -로 표시
    영어는 모두 소문자로

 

11. 할 일(Task List)

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

 

12. 테이블(Table)

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

예시

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

 

반응형