내가 보려고 만든:)

Markdown?

Markdown은 일반 텍스트 기반의 경량 마크업 언어이다. Markup Language란, 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지이다. 텍스트로 서식이 있는 문서들을 작성할 때 자주 사용되며, 다른 마크업 언어들에 비해 문법이 쉽고 간단하다. HTML 등 서식 문서들로 쉽게 변환되기 때문에 README 파일이나 온라인 게시물 등에서 사용된다.
-위키백과

🥕작성법

- Header

🐻 작성

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

🧸 결과

h1

h2

h3

h4

h5

h6

- 구분선, 줄바꿈

🐻 작성

---
첫 번째 문단<br>
두 번째 문단

🧸 결과

---

첫 번째 문단

두 번째 문단

- List

순서 있는 list

🐻 작성

1. first
2. second 
3. third

🧸 결과
1. first
2. second
3. third

순서 없는 list

-, *, + 을 사용 하여 작성한다. (셋 다 동일하게 작성됩니다.)
인라인 코드, 블럭 코드를 작성할 수 있으며 Tab키나 스페이스 바를 이용해 들여쓰기가 가능하다.
🐻 작성

- list
	- list
    	- list
* list
+ list

🧸 결과

• list
  • list
    • list

• list

• list

- Blank 생성

HTML 명령어 사용

🐻 작성

 o  o  o

🧸 결과
o  o  o

전각 기호 사용

전각기호의 입력방법은 ㄱ+한자+1이다.
🐻 작성

　　o

🧸 결과
o

코드 입력 사용

<pre> </pre> 명령어를 사용하거나 ```(백틱)을 사용한다.
🧸 결과

하지만 이 방법은 문장이 길어질 경우 스크롤 바가 자동으로 생성된다............................................

- 윗첨자, 아랫첨자

윗첨자

🐻 작성

a^b
a<sup>b</sup> // HTML Tag

🧸 결과
a^b
ab

아랫첨자

🐻 작성

a~b
a_b
a<sub>b</sub> // HTML Tag

🧸 결과
a~b
a_b
ab

- Font Style

🐻 작성

__굵게__
**굵게**
_기울여 쓰기_
*기울여 쓰기*
<U>밑줄</U>
~~취소선~~
<span style="color:forestgreen">gardengreen</span>
<span style="color:#4FBC8A">#4FBC8A</span>
<span style="color:#9644E8">#9644E8</span>
<span style="background-color:#9644E8">#9644E8</span>
<span style="background-color:#e9ecef; padding:0.3em; border-radius: 5px">#e9ecef</span>

🧸 결과
굵게
굵게
기울여 쓰기
기울여 쓰기
밑줄
취소선
gardengreen
#4FBC8A
#9644E8
#9644E8
#e9ecef

- 인라인 코드

백틱(｀)을 사용하여 인라인 코드를 작성할 수 있다.

🐻 작성

`인라인 코드는 이렇게 작성:)`

🧸 결과
인라인 코드는 이렇게 작성:)

- Table

|로 구분하며, 기본적인 폰트 스타일 적용이 가능하다. -(하이픈)으로 구분된 곳 각각 양쪽, 왼쪽, 오른쪽에 :(세미콜론)을 붙일 경우 순서대로 가운데 정렬, 왼쪽 정렬, 오른쪽 정렬이 가능하다.

🐻 작성

| 영화 제목 | 주연 | 개봉일 |
|:-:|:-|-:|
| 가디언즈 오브 갤럭시 | 크리스 프랫, 조 샐다나 | 2023.05.05 |
| 해리포터와 마법의 돌 | 다니엘 래드클리프, 엠마 왓슨 | 2001.12.14. |
| 듄 | 티모시 샬라메, 레이디 제시카, 리토 아트레이드 | 2021.10.20 |

🧸 결과

영화 제목	주연	개봉일
가디언즈 오브 갤럭시	크리스 프랫, 조 샐다나	2023.05.05
해리포터와 마법의 돌	다니엘 래드클리프, 엠마 왓슨	2001.12.14.
듄	티모시 샬라메, 레이디 제시카, 리토 아트레이드	2021.10.20

Img

🐻 작성

![hellokitty](https://velog.velcdn.com/images/m_ngyeong/post/이미지주소)

<p align="center"><img src="https://velog.velcdn.com/images/m_ngyeong/post/이미지주소"></p>

🧸 결과

---

참고자료
https://velog.io/@yuuuye/velog-마크다운MarkDown-작성법
codepen 사용법, https://velog.io/@mooongs/벨로그에-코드펜codepen-삽입하기
https://velog.io/@ryhyn123/velog에서-빈-칸-입력-엔터-여러번-치는-법