Markdown 문법

---

1. 제목, 문장, 줄바꿈

1-1) 제목짓기

  🥺입력값

# 제목 1
## 제목 2
### 제목 3
#### 제목 4

  🚀출력값

제목 1

제목 2

제목 3

제목 4

• 제목은 # 숫자 만큼 크기를 결정할 수 있음

1-2) 문장짓기 + 줄바꿈

  🥺입력값

동해물과 백두산이 마르고 닳도록(spacebar*2)  
     하느님이 보우하사 우리나라 만세  
무궁화 삼천리 화려강산 </br>
대한 사람 대한으로 길이 보전하세

  🚀출력값

동해물과 백두산이 마르고 닳도록
    하느님이 보우하사 우리나라 만세
무궁화 삼천리 화려강산

대한 사람 대한으로 길이 보전하세

1-3) 서식

  🥺입력값

_이탤릭_
**두껍게**
**_이탤릭 + 두껍게_**
~~취소선~~
<u>밑줄</u>

  🚀출력값

이탤릭
두껍게
이탤릭 + 두껍게
취소선
밑줄

---

2. 목록(List)

  🥺입력값

1. 순서가 필요한 목록
1. 순서가 필요한 목록
1. 순서가 필요한 목록
	1. 순서가 필요한 목록
    1. 순서가 필요한 목록
1. 순서가 필요한 목록

- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
	- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록

  🚀출력값

1. 순서가 필요한 목록
2. 순서가 필요한 목록
3. 순서가 필요한 목록
   1. 순서가 필요한 목록
   2. 순서가 필요한 목록
4. 순서가 필요한 목록
   

• 순서가 필요하지 않은 목록
• 순서가 필요하지 않은 목록
• 순서가 필요하지 않은 목록
  - 순서가 필요하지 않은 목록
• 순서가 필요하지 않은 목록

---

3. 링크(Links)

  🥺입력값

<a href="https://google.com"> Google </a>
[Google](https://google.com)
<a href="https://naver.com"
   title="Naver로 이동!">Naver</a>
[NAVER](https://naver.com "Naver로 이동!")

  🚀출력값

Google
Google
Naver
NAVER

---

4. 이미지로 이동 / 링크

  🥺입력값

![파일이름](링크)
[파일이름](링크)

  🚀출력값

image

---

5. 인용문

  🥺입력값

> 인용문을 작성하세요!
>> 중첩된 인용문
>>> 중중첩된 인용문 1
>>> 중중첩된 인용문 2
>>> 중중첩된 인용문 3

  🚀출력값

인용문을 작성하세요!

중첩된 인용문

중중첩된 인용문 1
중중첩된 인용문 2
중중첩된 인용문 3

---

6. 코드강조

6-1) 인라인(inline) 코드 강조

  🥺입력값

css에서 `background` 혹은  `background.image` 속성으로 요소에 배경이미지 삽입

  🚀출력값

css에서 background 혹은 background.image 속성으로 요소에 배경이미지 삽입

6-2) 블록(block) 코드 강조

• html

```html
<a href="https://www.google.co.kr/"
   target="_blank">google</a>

<a href="https://www.google.co.kr/"
   target="_blank">google</a>

• css

```css
.list > li {
	positon : absolute;
    top : 40px;
 }

.list > li {
	positon : absolute;
    top : 40px;
 }

• javascript

```javascript
function func() {
  var a= 'aaa';
  return a;
}

• git-zsh

```zsh
$ git commit 'study Markdown'

$ git commit 'study Markdown'

• 코드 표시 오른쪽에 희망하는 언어를 입력하면 해당 언어에 맞게 블록 코드 강조

---

7. 표(Table)

  🥺입력값

값 | 의미 | 기본값 
--|:--:|--:
static | 기준 없음 | O
relative | 요소 자산 | X
absolute | 위치 상 부모 요소 | X
fixed | 뷰포트 | X

  🚀출력값

값	의미	기본값
static	기준 없음	O
relative	요소 자산	X
absolute	위치 상 부모 요소	X
fixed	뷰포트	X

• 가운데 정렬을 원하면 -- 양 옆에 : 을 붙이면 됨.
• 왼쪽정렬은 왼쪽에, 오른쪽 정렬은 오른쪽에만 : 을 붙이면 됨

---

8. 원시 HTML

  🥺입력값

동해물과 <u>백두산</u>이 마르고 닳도록<br/>
하느님이 보우하사 <span style="text-decoration: underline;">우리나라</span> 만세

---

<a href="https://www.google.co.kr/"
   target="_blank">google</a>

---   
   
<img width="70" src="https://brunch.co.kr/@samsamvet/17"
     alt="bonobono" />

  🚀출력값

동해물과 백두산이 마르고 닳도록

하느님이 보우하사 우리나라 만세


google

• 위 코드처럼 원시 Html 적용이 가능함.

---

9. 수평선

  🥺입력값

---
***
___

  🚀출력값

---

---

---