1. Header 헤더/제목
h1부터 h6까지 표현할 수 있으며, #의 개수로 표현 가능함
✍️사용법
# H1
## H2
### H3
#### H4
##### H5
###### H6📝결과
H1
H2
H3
H4
H5
H6
1-1. HTML Tag 사용 가능
벨로그v1에서는 HTML Tag를 사용할 수 없었으나, 벨로그v2부터 HTML Tag의 사용이 가능해졌다.
✍️사용법
<h1>H1</h1>
<h2>H2</h2>
<h3>H3</h3>
<h4>H4</h4>
<h5>H5</h5>
<h6>H6</h6>📝결과
H1
H2
H3
H4
H5
H6
1-2. h1과 h2는 =, -를 2개이상 사용하면 대체가능
✍️사용법
H1
==
h2
--
하이픈 여러개 사용시
=========
하이픈 여러개 사용시
---------📝결과
H1
h2
하이픈 여러개 사용시
하이픈 여러개 사용시
2. Styling text 강조구문
✍️사용법
**굵게**
__굵게__
_기울이기_
*기울이기*
<em>기울이기</em>
***굵게 기울이기***
~~취소선~~
<strike>취소선</strike>📝결과
굵게
굵게
기울이기
기울이기
기울이기
굵게 기울이기
취소선
취소선
2-1. 강제 개행
문단의 간격은 줄바꿈으로 나타내고, 여러 번 줄 바꿈시 <br/> 사용하면 가능
✍️사용법
첫번째 문단<br/><br/>
두번째 문단📝결과
첫번째 문단
두번째 문단
3. List(리스트/목록)
3.1 Ordered list 순서가 있는 목록
숫자와 .을 사용하여 작성함
✍️사용법
1. 1
2. 2
3. 3
1. 1📝결과
- 1
- 2
- 3
- 1썼는데 4로 바뀌었음
(숫자가 자동으로 바뀜)
3.2 Unordered list 순서가 없는 목록
-,*,+사용하여 작성(셋다 동일하게 작성됨)- 인라인 코드, 블럭 코드 작성 가능
- 리스트를 만든 상태에서 바로 아래에
Tab키나스페이스바로 공백을 만들고 리스트를 사용하면 기존 리스트의 하위 리스트 생성 가능
✍️사용법
- 빼기
* 곱하기
+ 더하기📝결과
- 빼기
- 곱하기
- 더하기
✍️사용법
- 과일
- 바나나
+ 노란색
- 채소
Tab 두번 누르면 코드블록 생성 가능
* 고기
+ 동물
+ `인라인 코드 가능`
+ 들여쓰기(tab키 이용)를 하면 다른 모양으로 표현됨
```
블럭코드 가능
```
📝결과
-
과일
- 바나나- 노란색
-
채소
Tab 두번 누르면 코드블록 생성 가능
- 고기
- 동물
+인라인 코드 가능- 들여쓰기(tab키 이용)를 하면 다른 모양으로 표현됨
블럭코드 가능 ```
- 들여쓰기(tab키 이용)를 하면 다른 모양으로 표현됨
4. Task list 할일 리스트, 체크리스트
-,*,+뒤에 띄어쓰기 후[](대괄호)를 넣어 작성한다.[](대괄호)안에 띄어쓰기를 하면 빈 체크박스,x를 넣으면 체크된 체크박스가 생긴다.
✍️사용법
- [ ] 체크박스(false)
- [x] 체크박스(true)📝결과
- 체크박스(false)
- 체크박스(true)
// true 왜 안되는 것일까?.?
5. Quoting code, Fenced code blocks
5.1 Quoting code 인라인 코드
백틱(`)을 사용해 인라인 코드를 작성할 수 있다.백틱(`)은 키보드option 키+상단 숫자키 1 왼쪽의 물결키를 함께 입력하면 된다.
✍️사용법
`인라인 코드 작성하기`
<code>태그 인용코드</code>📝결과
인라인 코드 작성하기
태그 인용코드
5.2 Fenced code blocks 코드블럭
한줄짜리 코드블럭은 간단하게 Tab 키를 이용하여 작성한다.
✍️사용법
탭 키를 이용하여 한줄짜리 코드블럭 작성하기📝결과
탭 키를 이용하여 한줄짜리 코드블럭 작성하기여러 줄로 된 코드블럭은 백틱(`) 을 세개 사용하여 작성할 수 있다.
✍️사용법
```
위 아래 3개로 감싸면 블럭으로 만들 수 있다.
```📝결과
위 아래 3개로 감싸면 블럭으로 만들 수 있다.- 인라인 코드안에 백틱을 포함해야 하는 경우 여러개의 백틱을 사용하면 된다.
- 코드블럭에 백틱을 여러개 포함해야 하는 경우 더 많은 숫자의 백틱을 이용하면 된다.
✍️사용법
``인라인 코드 안에 백틱(`) 사용하기``````
```
위 아래 3개로 감싸면 블럭으로 만들 수 있다.
```
````📝결과
인라인 코드 안에 백틱(`) 사용하기
```
위 아래 3개로 감싸면 블럭으로 만들 수 있다.
```🧐코드 하이라이트
✍️사용법
```javascript
let sumNumbers = (firstNum, lastNum) => {
return firstNum + lastNum;
};
sumNumbers(100, 200);
```
```python
num_list = ['one', 'two', 'three']
for num in num_list:
print(num)
``` 📝결과
let sumNumbers = (firstNum, lastNum) => {
return firstNum + lastNum;
};
sumNumbers(100, 200);
```
```python
num_list = ['one', 'two', 'three']
for num in num_list:
print(num)
성장하는 developer