고코딩
마크다운(MarkDown) 문법정리 본문
마크다운으로 포스팅을 하면서 항상 사용하던 문법만 사용하게 되고 모르는 문법은 계속 구글링 하다보니 내가 한번 공부하면서 정리를 해놓는게 낫다고 생각이 들어서 정리해본다.
헤더(Header)
# 헤더 크기 <h1/>
## 헤더 크기 <h2/>
### 헤더 크기 <h3/>
#### 헤더 크기 <h4/>
##### 헤더 크기 <h5/>
###### 헤더 크기 <h6/>헤더 크기
헤더 크기
헤더 크기
헤더 크기
헤더 크기
헤더 크기
문단 구분
문단을 구분하기 위해서는 이렇게
한줄만 띄우면 안되고
위 처럼 한 개 이상의 빈줄을 문단에 삽입하면 됩니다.문단을 구분하기 위해서는 이렇게
한줄만 띄우면 안되고
위 처럼 한 개 이상의 빈줄을 문단에 삽입하면 됩니다.
리스트(List)
현재 제 티스토리 테마에서는 리스트 목록 앞에 마크가 붙지 않게 설정되어 있습니다. 아래와 같이 번호 또는 * 을 앞에 붙이고 반드시 띄어쓰기를 사용해 리스트를 구분해주어야 합니다.
UL
* One
* first
* second
- Two
- first
- second
OL
1. 1
1. 첫번째
2. 두번째
2. 2
1. 첫번재
2. 두번째UL
- One
- first
- second
- Two
- first
- second
OL
- 1
- 첫번째
- 두번째
- 2
- 첫번재
- 두번째
이미지(Images)
형식: ``
이미지 이름은 중요지 않고 이미지 링크 부분이 중요하다.
인터넷에 연결된 url을 넣어도 되고 현재 로컬의 절대경로를 넣어도 된다.
형식: 
이미지 이름은 중요지 않고 이미지 링크 부분이 중요하다.
인터넷에 연결된 url을 넣어도 되고 현재 로컬의 절대경로를 넣어도 된다.
포스팅을 작성하던중 티스토리에 있는 이미지 삽입기능을 발견해서 사용해 보았다.
실제로는 앞뒤로 []가 붙어있지만 그대로 입력하면 코드블록안에 이미지가 삽입되어 제거해주었다.
##_Image|kage@UKwiG/btqRt4Y1sOy/kQq1lz3nVUJcaKRJb0K0k1/img.png|alignCenter|width="100%"|_##이미지를 삽입하니 위의 글이 본문에 삽입되더니.
이 처럼 떡하니 가운데에 크게 사진이 들어갔다. 사진의 크기나 위치가 맘에 들지 않아 이미지삽입되어진 링크(?이걸 링크라고 불러도 될지 모르겠다.)
|alignCenter|width="100%"|이 부분을 보니 대충 | 로 부분하고 그 안에 이미지의 속성들을 정하는것 같았다.
align을 Left로 지정하고 width를 50%로 지정해보았다.
##_Image|kage@UKwiG/btqRt4Y1sOy/kQq1lz3nVUJcaKRJb0K0k1/img.png|alignLeft|width="50%"|_##
오 원하는데로 들어가진다.
하이퍼링크(Links)
[카카오블로그](https://tech.kakao.com/blog/)코드 블록(Code Block)
마크다운의 가장 큰 장점이라고 할수 있는 코드 블록이다
```java
class Main(){
public static void main(){
System.out.println("Hello World!");
}
}
```class Main(){
public static void main(){
System.out.println("Hello World!");
}
}백틱키를 이용해 코드블록을 만들수 있다. 원하는 언어의 종류도 백틱키 뒤에 써두면 언어의 형식에 맞게 코드블록이 만들어진다.
인용 상자(Blockquotes)
인용상자:
> 첫번째
> 두번째인용상자:
첫번째
두번째
강조(Emphasis)
현재 티스토리 테마에서는 Italic 효과가 적용되지 않는다.
*Italic*
_Italic_
**Bold**
__Bold__
This is *Italic* with **Bold**Italic
Italic
Bold
Bold
This is Italic with Bold
테이블(Tables)
Header1 | Header2
------- | ------
Body Content1 | Body Content2
Body Content3 | Body Content4| Header1 | Header2 |
|---|---|
| Body Content1 | Body Content2 |
| Body Content3 | Body Content4 |
체크 박스(Check Box)
- [x] 체크박스 표시
- [] 체크박스 미표시- 체크박스 표시
- 체크박스 미표시
인라인 코드(Inline Code)
코드 블록과 다른점은 문단 중간에 `Code`를 넣을수 잇습니다.
예를 들어 `printf("hello world");` 를 넣을수 있습니다.코드 블록과 다른점은 문단 중간에 Code를 넣을수 잇습니다.
예를 들어 printf("hello world"); 를 넣을수 있습니다.
탈출 문자(BackSlash Escapes)
\를 사용하면 백틱 키도 \` 이런식으로 표현할수 있다.\를 사용하면 백틱 키도 ` 이런식으로 표현할수 있다.
가장 기본적인 마크다운 문법들만 정리해 보았다. 이 정도면 간단한 포스팅을 작성하는데 큰 어려움은 없을것이다. 물론 뱃지(Badge), 이모지(Emogi)등 여러가지 기능들이 더 있지만 지금은 간단한 마크다운 문법만 적어보았다.