Markdown Syntax
1. 제목(Header)
h1부터 h6까지 표현할 수 있고, # 개수로 표현 가능하다.
- 마크다운 작성 시
# h1
## h2
### h3
#### h4
##### h5
###### h6- 결과
h1
h2
h3
h4
h5
h6
2. 줄 바꿈, 문단간격
줄 바꿈은 마지막 글자 끝에 스페이스 바 두 번 입력 후 줄 바꿈을 한다.
문단간격은 문장과 문장 사이 줄 바꿈을 한다.
여러 번 줄 바꿈을 해도 한 번만 적용된다.
(여러 번 줄 바꿈을 하고 싶을 경우엔 <br> 태그를 써서 해결할 수 있다.)
- 마크다운 작성 시
첫 번째 문단
두 번째 문단- 결과
첫번째 문단
두번째 문단
3. 목록
순서가 있는 목록, 없는 목록 작성 가능하다.
3.1 순서가 있는 목록
숫자와 .을 사용하여 작성한다.
- 마크다운 작성 시
1. 첫 번째
2. 두 번째
3. 세 번째- 결과
- 첫 번째
- 두 번째
- 세 번째
3.2 순서가 없는 목록
-, *, + 를 사용하여 작성한다.
인라인 코드, 블럭 코드 작성 가능하며, Tab 키나 스페이스 바를 이용해 들여쓰기가 가능하다.
- 마크다운 작성 시
- 순서 없는 목록 1
- 목록 1.1
- 목록 1.2
* 순서 없는 목록 2
- 목록 2.1
- 목록 2.2- 결과
-
순서 없는 목록 1
- 목록 1.1
- 목록 1.2
-
순서 없는 목록 2
- 목록 2.1
- 목록 2.2
4. 폰트 스타일
굵게, 기울이기, 취소선 등 기본적인 스타일이 가능하다.
- 마크다운 작성 시
**굵게**
_기울여 쓰기_
~~취소선~~- 결과
굵게
기울여 쓰기
취소선
5. 인용문
인용문 작성 시 >를 사용한다.
- 마크다운 작성 시
> 우리에게 끔찍하게 치명적이었던 말은
> '지금까지 그렇게 해왔어'였다.
> > 그레이스 호퍼, 1906-1992- 결과
우리에게 끔찍하게 치명적이었던 말은
‘지금까지 그렇게 해왔어’였다.
그레이스 호퍼, 1906-1992
6. 인라인 코드
백틱(`)을 사용하여 인라인 코드 작성이 가능하다.
- 마크다운 작성 시
`인라인 코드`- 결과
인라인 코드
7. 코드 블럭
백틱(`)을 세 개 사용하여 작성가능하다.
- 마크다운 작성 시
```javascript
let sum = (a, b) => {
return a + b;
}
```- 결과
let sum = (a, b) => {
return a + b;
};8. 링크
인라인 링크, url 링크, 참조 링크로 표현 가능하다.
- 마크다운 작성 시
인라인 링크
[google](https://www.google.com/)
url 링크
<https://www.google.com/>
참조 링크
[google]:(https://www.google.com/)- 결과
인라인 링크
google
url 링크
https://www.google.com/
참조 링크
[google]:(https://www.google.com/)
9. 수평선
*이나 -, _ 3개 이상 입력하면 표현가능하다.
- 마크다운 작성 시
***
-----
__ __ __ __ __ __ __- 결과
10. 이미지 링크
- 마크다운 작성 시
- 결과
만약 이미지에 링크를 걸고 싶을 경우, 아래와 같이 작성한다.
- 마크다운 작성 시
[](연결하고자하는 url "마우스 오버 시 나타낼 링크 title")
[](https://pixabay.com/ko/ "이미지 무료 사이트 pixabay")- 결과
11. 테이블
각 셀은 | 로 구분하며, 기본적인 폰트 스타일 적용 가능하다.
- 으로 구분된 곳 각각 왼쪽, 오른쪽, 양쪽에 : 을 붙일 경우 왼쪽, 오른쪽, 가운데 정렬이 가능하다.
- 마크다운 작성 시
| 판매항목 | 판매가격 | 판매개수 |
| :--- | :---: | ---: |
| 라면 | 800원 | 10개 |
| 과자 | 900원 | 20개 |- 결과
| 판매항목 | 판매가격 | 판매개수 |
|---|---|---|
| 라면 | 800원 | 10개 |
| 과자 | 900원 | 20개 |
12. 체크박스
-, *, + 뒤에 띄어쓰기 후 대괄호 작성.
대괄호 안에 띄어쓰기를 하면 빈체크, x를 넣으면 체크된 체크박스가 생긴다.
- 마크다운 작성 시
- [ ] javascript 공부 하기
- [x] 게임 하기- 결과
- javascript 공부 하기
- 게임 하기
13. 이모지
단축키
mac: cmd + control + spacebar
😃👍