마크다운(Markdown) 사용하기

kihyun·2021년 2월 1일
1
post-thumbnail

마크다운

마크다운(markdown)은 일반 텍스트 기반의 경량 마크업 언어다. 일반 텍스트로 서식이 있는 문서를 작성하는 데 사용되며, 일반 마크업 언어에 비해 문법이 쉽고 간단한 것이 특징이다.
-위키백과

마크다운 문법


1. heading

  • Heading은 h1 부터 h6 까지 6가지의 스타일이 있다.
  • 각 Heading은 #의 개수로 구분한다
# h1
## h2
### h3
#### h4
##### h5
###### h6

h1

h2

h3

h4

h5
h6

2. Line

  • 라인을 추가하고 싶다면 언더스코어 세번을 입력하면 된다.
    ___

3. Text Attribute

Bold

원하는 단어를 별모양(*)으로 두번 감싸주면 볼드체가 된다
**Bold**

✔ 결과
Bold

Italic

원하는 단어를 별모양으로 한번 감싸주면 이탈릭으로 만들 수 있다.
*Italic*

✔ 결과
Italic

strikethrough

원하는 단어를 물결모양으로 두번 감싸주면 효과가 적용된다.
~~strikethrough~~

✔ 결과
~~strikethrough~~

quote

원하는 문장 앞에 >을 추가하면 된다
> quote

✔ 결과

quote

List

원하는 문장 혹은 단어앞에 - or * 을 붙여주면 된다(숫자를 붙이면 숫자 목록으로 만들 수 도 있다.
-item 1

✔ 결과

  • item1
  1. item 1
  2. item 2

원하는 단어 혹은 문장을 대괄호안에 url을 소괄호 안에 적으면 클릭 가능한 링크가 된다.
Click [here](https://example.com)

✔ 결과
Click here


4. Image

이미지를 추가하기 위해선 먼저 느낌표를 적고 대괄호 안에 Description을 적고 소괄호 안에는 이미지 링크를 추가하면 이미지가 추가 된다.
![Example](https://random.png)


5. Code

인라인 코드를 작성 할때는 백틱하나 코드블럭을 만들땐 벡틱3개

✍ 마크다운 작성

`console.log("Hi")`

✅ 결과
console.log("Hi")

✍ 마크다운 작성

``` 
Code Block
``` 

✅ 결과

Code Block

코드 하이라이트

원하는 언어를 하이라이트 하고 싶으면 벡틱뒤에 언어의 이름 작성

✍ 마크다운 작성

```javascript
let sumNumbers = (firstNum, lastNum) => {
  return firstNum + lastNum;
};
sumNumbers(100, 200);
```  

✅ 결과

let sumNumbers = (firstNum, lastNum) => {
  return firstNum + lastNum;
};
sumNumbers(100, 200);

Check Box

✍ 마크다운 작성

- [ ] To Do
- [x] Work

✅ 결과

  • [ ] To Do
  • [x] Work
profile
풀 스택인 척 하는 먼지...

1개의 댓글

comment-user-thumbnail
2021년 2월 1일

오 깔끔해서 보기좋넹☆ 짝짝쓰👏👏

답글 달기