마크다운이란?
마크다운(markdown)은 일반 텍스트 기반의 경량 마크업 언어다. 일반 텍스트로 서식이 있는 문서를 작성하는 데 사용되며, 일반 마크업 언어에 비해 문법이 쉽고 간단한 것이 특징이다. HTML과 리치 텍스트(RTF) 등 서식 문서로 쉽게 변환되기 때문에 응용 소프트웨어와 함께 배포되는 README 파일이나 온라인 게시물 등에 많이 사용된다.
-위키백과
1. 제목(headers)
h1부터 h6까지 제목을 표현할 수 있으며, #의 개수로 표현한다.
✏️ 입력
# h1
## h2
### h3
#### h4
##### h5
###### h6💻 출력
h1
h2
h3
h4
h5
h6
👩💻 참고) h1과 h2 다르게 쓰는 방법
=, -를 각각 2개 이상을 문자 다음줄에 사용하면 h1, h2의 #를 대체할 수 있다.
✏️ 입력
h1
==
h2
--💻 출력
h1
h2
2. 가로선(수평선) 넣기
*이나 -, _등을 3개 이상 입력하면 작성할 수 있다.
띄어쓰기를 중간에 삽입하여도 사용이 가능하다.
✏️ 입력
***
* * *
*****
---
- - -
-----
___
_ _ _
_____💻 출력
👩💻 참고) -은 헤더로 인식할 수도 있으니 주의!
3. 문단 간격
문단의 간격은 줄바꿈 으로 나타나며, 여러번 줄바꿈 시 <br/>을 사용하면 가능하다.
✏️ 입력
첫 번째 문단<br/>
두 번째 문단💻 출력
첫 번째 문단
두 번째 문단
4. 인용문(Blockquotes)
인용문을 작성할 때 >를 사용한다
✏️ 입력
> 인용문 내용 작성
_-작성자_
> 인용문 내용 작성
>> `>`의 갯수에 따라서
>>> 중첩문 가능💻 출력
인용문 내용 작성
-작성자
인용문 내용 작성
>의 갯수에 따라서중첩문 가능
5. 목록(List)
5-1) 순서가 없을 경우
*, -, +을 사용한다.
인라인코드, 블럭코드를 작성할 수 있으며 Tab과 spacebar로 들여쓰기가 가능하다.
✏️ 입력
* 순서없는 목록1
* 순서없는 목록 1-1
* 순서없는 목록 1-2
- 순서없는 목록2
- 순서없는 목록 2-1
- 순서없는 목록 2-2
+ 순서없는 목록3
+ 순서없는 목록 3-1
+ 순서없는 목록 3-2💻 출력
- 순서없는 목록1
- 순서없는 목록 1-1
- 순서없는 목록 1-2
- 순서없는 목록 1-1
- 순서없는 목록2
- 순서없는 목록 2-1
- 순서없는 목록 2-2
- 순서없는 목록 2-1
- 순서없는 목록3
- 순서없는 목록 3-1
- 순서없는 목록 3-2
- 순서없는 목록 3-1
5-2) 순서가 있을 경우
숫자 + .(마침표)를 사용한다.
✏️ 입력
1. 첫 번째
2. 두 번째
3. 세 번째💻 출력
1. 첫 번째
2. 두 번째
3. 세 번째
6. 폰트스타일
폰트의 굵기, 기울이기, 취소선 등 스타일을 작성한다.
✏️ 입력
__굵게__
**굵게**
_기울이기_
*기울이기*
~취소선~
~~취소선~~💻 출력
굵게
굵게
기울이기
기울이기
~취소선~
취소선
7. 코드(Code)
7-1. 인라인 코드(inline code)
백틱(`)을 사용하여 작성한다.
✏️ 입력
`인라인 코드(inline code)` 💻 출력
인라인 코드(inline code)
7-2.코드 블럭(Code Blocks)
백틱(`)을 3개 사용하여 작성한다.
✏️ 입력
```
위 아래 3개로 감싸면 블럭으로 만들 수 있다.
여러 줄도 가능합니다.
``` 💻 출력
위 아래 3개로 감싸면 블럭으로 만들 수 있다.
여러 줄도 가능합니다.👩💻 참고) 코드블럭 시작점에 사용하는 언어를 선언하면 하이라이팅이 가능하다.
✏️ 입력
``` 백틱3개뒤에 언어이름을 넣는다.
```javascript
function solution(s) {
return s
.split("")
.sort()
.reverse()
.join("");
}
``` 💻 출력
function solution(s) {
return s
.split("")
.sort()
.reverse()
.join("");
}| 언어이름 | 지정방식 |
|---|---|
| HTML, XML | html |
| CSS | css |
| JavaScript | javascript |
| Pyhton | python |
| Ruby | ruby |
| SQL | sql |
8. 링크(Link)
- 인라인 링크
- url 링크
- 참조 링크(키워드를 참조)
✏️ 입력
1. 인라인 링크
[인라인 링크](https://www.naver.com)
2. url 링크
<https://www.naver.com>
3. 참조 링크(키워드를 참조)
[naver참조링크]:https://www.naver.com
[naver]💻 출력
- 인라인 링크
- url 링크
- 참조 링크(키워드를 참조)
9. 이미지삽입(Images)
✏️ 입력
1. 기본 이미지 삽입: 
2. 이미지에 설명 넣기: 
3. 이미지 링크 걸기: [](연결할url "url설명")
[](https://www.naver.com "네이버로이동")💻 출력
1. 기본 이미지 삽입:
2. 이미지에 설명 넣기:
3. 이미지 링크 걸기:
10. 테이블(Table)
|기호로 열을 구분한다.-기호로 행을 구분한다.-기호로 구분된 곳에:을 붙여 왼쪽, 가운데, 오른쪽 정렬이 가능하다.
✏️ 입력
|3대호구송|원곡|부른사람|링크|
|-----|:-----|:-----:|-----:|
|
💻 출력
| 이름 | 국어 | 영어 | 수학 |
|---|---|---|---|
| 김xx | 75 | 85 | 95 |
| 박xx | 60 | 70 | 80 |
| 홍xx | 50 | 85 |
👩💻 참고) 폰트스타일의 기본스타일이 적용된다.
11. 기호표시(Backslash Escapes)
마크다운 문법의 기호를 그대로 출력하고 싶으면 \을 앞에 붙여준다.
✏️ 입력
\*
\_
\()
\{}
\[]
\#
\+
\-
\.
\!
\\
💻 출력
*
_
()
{}
[]
#
+
-
.
!
\
12. 체크박스(Check box)
-, *, + 뒤에 띄어쓰기 후, []를 넣어준다.
[]안에 띄어쓰기로 비어있으면 빈 체크박스, x를 넣으면 체크된 체크박스가 된다.
✏️ 입력
- [ ] 책읽기
* [ ] 인강듣기
+ [x] 운동하기💻 출력
- 책읽기
- 인강듣기
- 운동하기
13. 🌻 이모지 🌻
13-1. 링크에서 복사+붙여넣기
https://snskeyboard.com/emoji/ ,
https://kr.piliapp.com/twitter-symbols/
13-2. 단축키
- window: 윈도우키 + .(마침표)
- mac: Command + Control + Space Bar
