본문 바로가기
프로그래밍/기타

마크다운 문법 정리

by Devry 2023. 8. 29.

마크다운 이란?

마크다운을 사용하면 쉬운 문법으로 텍스트를 보기 쉽게 정리할 수 있는 언어입니다.

깃허브에서 README.md 파일을 작성하면 레포지터리의 메인 화면에 노출되는데 .md라는 확장자가 마크다운으로 작성된 파일입니다.

VSCode를 사용하는 경우 Markdown All in One이라는 확장 프로그램을 설치하면 여러 도움을 받을 수 있습니다.

ctrl + shift + x 키로 마켓플레이스로 들어간 뒤, markdown을 검색해서 설치할 수 있습니다.

간단 마크다운 문법 정리

1.# (제목1) (띄어쓰기 필수)

제목1

 

2.## (제목2)

제목2

 

3.### (제목3)

제목3

 

4. 1. (순서 있는 목록)

  1. 아이템1
  2. 아이템2
  3. 아이템3

 

5. - (순서 없는 목록)

  • 아이템
  • 아이템
  • 아이템

6. ** (볼드체)
볼드체

 

7. _ (이탈릭체)
이탈릭체

 

8. ~ (취소선) (~을  2개 써야하는 경우도 존재)

 

 

9. <mark>하이라이트</mark>(하이라이트)

하이라이트

 

10. x<sup>2</sup> (지수)
X2

 

11. H<sub>2</sub>O (아래 첨자)
H2O

 

12. ``` 코드 ``` (코드블럭) 

VSCode에서는 ```js   코드  ``` 와 같이 앞의 ```에 js를 붙여서 자바스크립트를 적용할 수 있습니다.

// 코드블록
const a = 10;
let y = 8;

13. [this is a link](https://google.com)  (텍스트 대체 링크)
this is a link

 

14. > (인용구)

인용구

15. *** (구분선)


16. [ ] (체크박스) (github에서는 작동하지만 vscode에 해본결과 작동하지 않았습니다)

[ ]

[X]

[V]

 

 

17. | -- | (표)
| 1분기 | 2분기 |
| --------| -------- |
| 1,000 | 1,100 |
| 1,500 | 2,200 |
| 1,200 | 1,800 |

1분기 2분기
1,000 1,100
1,500 2,200
1,200 1,800

18. </br> (줄바꿈)

 

 

VSCode에서 작동하지 않는 마크다운도 있었고 html과 같은 태그도 혼용되어 사용하는 것 같았습니다.

대부분 사용법이 비슷하지만 표준의 부재로 VSCode, 깃허브,티스토리, 디스코드 등 플랫폼에 따라 다르기 때문에 해당 플랫폼 문서를 참조하면 추가적인 기능이 사용 가능합니다.

 

 

댓글