군말 없이 바로 마크다운 작성법으로 들어갑니다!😁😁
제목
input:
# h1
## h2
### h3
#### h4
##### h5
###### h6output:
h1
h2
h3
h4
h5
h6
문단의 간격
문단의 간격은 줄 바꿈으로 나타낼 수 밖에 없으며 여러 번 줄 바꿈은<br>로 가능합니다.
input:
문단 1<br><br>
문단 2output:
문단1
문단2
목록
순서 있는 목록
숫자와 .을 이용하여 작성합니다.
input:
1. 첫 번째
2. 두 번째
3. 세 번째output:
- 첫 번째
- 두 번째
- 세 번째
순서 없는 목록
-, *, +를 이용해 작성합니다. (셋 다 동일하게 동작합니다)
input:
- 순서 없는 목록 1
- 목록 1.1
- 목록 1.1.1
* 순서 없는 목록 2
+ 순서가 없는 목록 3
+ 들여쓰기(Tab)를 하면 목록 아이콘이 다른 모양으로 표현 됩니다.
+ 들여쓰기가 제대로 작동하지 않으면 스페이스바(4번)으로 대체할 수 있습니다.output:
- 순서 없는 목록 1
- 목록 1.1
- 목록 1.1.1
- 순서 없는 목록 2
- 순서가 없는 목록 3
+ 들여쓰기(Tab)를 하면 목록 아이콘이 다른 모양으로 표현 됩니다.
+ 들여쓰기가 제대로 작동하지 않으면 스페이스바(4번)으로 대체할 수 있습니다.
폰트 스타일
굵게, 기울여 쓰기, 취소선을 쓸 수 있습니다.
input:
__굵게__
**굵게**
_기울여 쓰기_
*기울여 쓰기*
~~취소선~~output:
굵게
굵게
기울여 쓰기
기울여 쓰기
취소선
인용문
인용문을 작성할 때에는 >를 사용합니다.
input:
>
Hello World!
> 인용문
>> 우측 꺾쇠(>)의 개수에 따라 중첩 가능
>>> 인용문output:
Hello World!
인용문
우측 꺾쇠(>)의 개수에 따라 중첩 가능
인용문
인라인 코드(Inline Code)
인라인 코드는 백틱´을 감싸 표현합니다.
input:
`print("Hello World!")'output:
print("Hello World!")
블럭 코드(Block Code)
블럭 코드는 백틱을 세 개´´´감싸 표현합니다.
input:
´´´
for i in range(10):
print("Hello World!")
´´´
output:
for i in range(10): print("Hello World!")
코드 하이라이트(Code Highlight)
백틱 뒤에 사용하는 언어의 이름을 적어주면 됩니다!
input:
´´´cpp
#include
using namespace std;
int main(void){
cout << "블럭 코드는 개행 때문에 인용구에 넣기 까다롭습니다.";
}
´´´
output:
#include <iostream>
using namespace std;
int main(void){
cout << "블럭 코드는 개행 때문에 인용구에 넣기 까다롭습니다.";
}링크
링크를 넣는 방법은 두 가지가 있는데요,
input:
인라인 링크는 이렇게
[넣고싶은 문구](https://velog.io/@devnovy)
url 링크는 이렇게
<https://velog.io/@devnovy>output:
인라인 링크는 이렇게
넣고싶은 문구
url 링크는 이렇게
https://velog.io/@devnovy
수평선
*, -, _ 중 하나를 세 개 이상 입력하면 그을 수 있습니다.
input:
***
____
-----output:
#이미지
이미지는 링크 형식으로 넣을 수 있습니다.
input:
output:
이미지 크기는 10MB 이하만 가능합니다.
이미지에 링크 걸기
이미지에 링크를 걸고 싶을 때는 다음과 같이 작성합니다.
input:
[](연결하고자하는 url "마우스를 올렸을시 나타나는 문구")
[](https://velog.io/@devnovy "제 블로그 :)")output:
[](연결하고자하는 url "마우스를 올렸을시 나타나는 문구")
#테이블
테이블은 |로 구분하며 다음과 같이 씁니다.
중간에 하이픈이 들어간 줄은 꼭 있어야 하며 콜론을 왼쪽에 넣으면 왼쪽 정렬, 양쪽에 넣으면 중앙 정렬, 오른쪽에 넣으면 오른쪽 정렬이 됩니다.
input:
|학생명\과목명|자료구조|알고리즘|컴퓨터구조|
|:---:|:---:|:---:|:---:|
|이동규|A+|A+|A+|
|장호영|B+|B|B|
|조현성|A|B+|A+|output:
학생명\과목명 자료구조 알고리즘 컴퓨터구조 이동규 A+ A+ A+ 장호영 B+ B B 조현성 A B+ A+
체크박스
-, *, + 뒤에 띄워쓰기 후 대괄호를 띄워서 써주면 됩니다.
input:
- [ ] devnovy 블로그 구경하기output:
- devnovy 블로그 구경하기
Emoji
이모지는 이모지 창을 열어서 작성하는데요,
윈도우는 : windows + .
맥은 : command + control + spacebar
입니다.
😆
글자 색상
HTML(CSS) 문법으로 사용 가능합니다.
input:
<span style="color:red">빨간 글씨이</sapn>output:
빨간 글씨이
응용
응용해서 형광펜 칠도 가능합니다
input:
<span style="background-color: yellow">형광펜 글씨이</span>output:
형광펜 글씨이
마크다운 기호 그대로 출력
마크다운 기호를 그대로 출력하기 위해서는 앞에 역슬래시\를 붙여주면 됩니다.
input:
\*
\_
\#
\+
\-
\()
\{}
\[]
\.
\!
\\output:
*
_
#
+
-
()
{}
[]
.
!
\
여기까지 제가 다른 글들을 참고하며 정리한 마크다운 문법입니다. 작동하는 것만 모아놨습니다. 예를 들어, 체크된 체크박스 만들기 같은 건 작동하지 않더군요. 제가 보기위해 만든 것도 있지만 도움이 되셨으면 좋겠습니다.
참고한 글
