마크다운 Markdown 사용법 및 Velog 용 편집기 Editor 추천(1)

skyfishBae·2020년 12월 18일
0
post-thumbnail
post-custom-banner

1. 마크다운 Markdown ?

.md 확장자를 갖고 있는 일반 텍스트 문서의 서식 편집 언어입니다. 문법이 간단한 것이 특징이라고 하네요. 마크업언어 는 Mark (표시) 로 쌓여진 언어입니다.

어쩌면 그냥 워드에 글을 붙여 넣기 하거나, 요즘에 구글 독스에 글쓰면 자동 클라우드 저장이 되서 어디서든 쉽게 글을 편집할 수 있는데 이런 불편함을 감수 해야하는지를 생각해보면, 프로그래머들은 마우스 쓰기를 귀찮아 하는 경향이 있는 것 같다는 개인적인 생각, 아무래도 속도가 중요한가봅니다.

velog는 기본적으로 마크다운을 지원해서 이 기회에 한번 배워보겠습니다.
(주피터노트북에서도 마크다운을 쓰던데 잘 활용을 못했어서 아쉬웠음.)
잠시 프로그래머 코스프레를 하며 마크다운 사용법 소개 및 velog 용 쓸만한 편집기 를 정리해봅니다.

2. 마크다운 문법 요약

1) Header

# H1
## H2
### H3
#### H4
##### H5
###### H6

H1과 같다!
========
H2와 같다!
--------

출력결과

H1

H2

H3

H4

H5
H6

H1과 같다!

H2와 같다!

  • 주로 velog 본문에서는 H2 와 H3 사용 예정

2) 강조

**굵은글씨**
__밑줄__
~~취소선~~

출력결과

굵은글씨
밑줄
취소선

쉬운건 블록지정 후 단축키 ctrl + B, ctrl +u, 취소선단축키는 못찾음.


3) BLOCKQUOTES

> 출력결과1
>> 출력결과2

출력결과2

출력결과2


4) List

* 사과
* 오렌지

	+ 사과
	+ 오렌지

- 사과
- 오렌지

1. 사과
2. 오렌지

출력결과

  • 사과

  • 오렌지

    • 사과
    • 오렌지
  • 사과
  • 오렌지
  1. 사과
  2. 오렌지

Tab을 누르면 들여쓰기 되는데 내어쓰기 하려면 Shift Tab 해야함.


5) Code Blocks

`Hello world`

Hello world

긴 코드 작성

​```
#include <iostream>
int main()
{
	return 0
}
​```
#include <iostream>
int main()
{
	return 0
}

잠시 결과에 실망했는데 코드 이쁘게 나오게 하려면!! 추가작업이 있네요.

백틱 3개뒤에 언어이름 넣으면 바뀝니다.

​```cpp
#include <iostream>
int main()
{
	return 0
}
​```
#include <iostream>
int main()
{
	return 0
}

인라인링크
[인라인 링크](http://google.com)
url 링크
<http://google.com>
참조링크
[google]:(http://google.com)

인라인링크
인라인 링크
url 링크
http://google.com
참조링크

링크 걸기가 잘 안 외워질듯.


7) Horizontal rule 수평선

*** 
---
3개이상


8) Table 만들기

| Item     | Value | Qty   |
| :------- | ----: | :---: |
| Computer | $1600 |  5    |
| Phone    | $12   |  12   |
| Pipe     | $1    |  234  |
ItemValueQty
Computer$16005
Phone$1212
Pipe$1234

9) 이미지 추가

![이미지설명](https://cdn.pixabay.com/photo/2020/11/26/06/16/christmas-trees-5778006_960_720.jpg)

이미지설명


10) Check box

* [ ] 체크박스 만들기 
* [x] 체크된박스 만들기
  • 체크박스 만들기

  • 체크된박스 만들기


정리하다보니 글이 길어져서 마크타운 사용법은 여기서 마치고,

다음글에서 마크다운 편집기를 리뷰해보겠습니다.

profile
일중독, 원데이코더, 크로스피터, 그외엔 잠
post-custom-banner

0개의 댓글