Markdown syntax

Markdown

복잡한 MarkUp 태그 문법을 글 작성에 집중할 수 있도록 경량화한 언어
Markdown syntax 는 HTML 태그로 변환되어 출력

장점

• 문법이 쉽다.
• 읽고, 쓰고, 편집하기 쉽다.
• 지원 가능 플랫폼과 프로그램이 다양하기 때문에 호환성이 높다.
• 플랫폼 이동 시 작성한 문서를 다시 옮길 작업이 필요없다.

단점

• 표준이 없어 사용자마다 문법이 다르다.
• 모든 HTML 마크업을 대체하지 못한다.

제목

1~6개의 # 추가

# h1 
## h2
### h3
#### h4
##### h5
###### h6

<h1> 태그는 문서당 하나만 사용

텍스트 스타일

마크다운에서 지원하지 않는 태그 직접 사용가능 (<ins> <u>)

목록

<ol> <ul> <li> 태그로 변환
들여쓰기(tab)로 하위 목록 작성 가능

• 순서 있는 목록 <ol>: 숫자 기입, 순서대로 숫자를 매긴다.
• 순서 없는 목록 <ul>: - * + 기입

1. 순서1
1. 순서2
1. 순서3
	1. 순서 3-1
	1. 순서 3-2
	1. 순서 3-3

- 순서가 없는 항목
- 순서가 없는 항목
	- 순서가 없는 항목
	- 순서가 없는 항목
		- 순서가 없는 항목
		* 순서가 없는 항목
		+ 순서가 없는 항목

1. 순서1
2. 순서2
3. 순서3
   1. 순서 3-1
   2. 순서 3-2
   3. 순서 3-3

• 순서가 없는 항목
• 순서가 없는 항목
  • 순서가 없는 항목
  • 순서가 없는 항목
    • 순서가 없는 항목
    • 순서가 없는 항목
    • 순서가 없는 항목

작업 목록

목록 항목 앞에 하이픈 - + 공백 + [ ] or [x] (공백 유의)

- [ ] 작업중
- [x] 작업완료

• 작업중
• 작업완료

텍스트 인용

> 사용하여 텍스트 인용

> 여러줄도 <br>
> 가능

여러줄도
가능

Code 블록

<code> 태그로 변환하여 코드 표현

1. 인라인

• <code> 태그로 변환
• 백틱 ` 으로 감싼다.

`인라인 코드`

인라인 코드

2. 블록

• <pre> + <code> 태그로 변환
• 백틱 3개 이상 사용하여 블록 안으로 코드 또는 텍스트 서식 지정
• 백틱의 시작과 종료 갯수가 같아야 한다. (아래 예시는 백틱 3개)

```css
.someClass {
  color: #000;
}
```

.someClass {
  color: #000;
}

```html

<div> Some </div>

```javascript

function some (){}

3. 타이틀

```tsx:title=Title.tsx
<Some />
```

<Some />

테이블

• 3개 이상의 -(hyphen) 사용하여 헤더 구분
• : (colons) 위치로 align
• 가장 좌측, 우측 | 생략 가능 (플랫폼에 따라 불가한 경우도 있음)

|th|th|th|
|:---|:---|:---|
|td|td|td|
|td|td|td|

th|th|th
:---|:---:|---:
좌측정렬|가운데정렬|우측정렬
td|td|td

줄바꿈

마지막 문장에서 띄어쓰기 2번 이상 입력 또는 <br>

줄바꿈  
입니다

줄바꿈
입니다

링크

<a> 변환

1. 외부 링크
[Link Text](Link "title")
2. 외부 링크 그대로 사용
Link
3. 내부 링크
[Link Text](#header-title)

1. [NAVER](https://www.naver.com "네이버로 이동합니다.")
2. https://www.naver.com
3. [링크](#링크)

1. NAVER
2. https://www.naver.com
3. 링크

이미지

<img> 변환

![alt](이미지 주소 "title")

1. 이미지  
![바다사진](./img1.jpg "바다")
2. 이미지 링크  
[![바다사진](./img1.jpg "바다")](https://www.naver.com)

1. 이미지

2. 이미지 링크

Horizontal Rule

각 기호를 3개 이상 입력 또는 <hr>

***
* * *
---
- - -
___
_ _ _

• 마크다운(MarkDown) 사용법 총정리

  https://www.heropy.dev/p/B74sNE