마크다운 사용방법 정리

마크다운(Markdown) 이란?

2004년에 존 그루버(John Gruber)와 애런 스워츠(Aaron Swartz)가 만든 마크업 언어의 하나로 읽기 쉽고 쓰기 쉬운 텍스트 포맷이다. Markup 언어의 일종으로 HTML 경험이 없는 사람도 누구나 쉽게 헤더, 글 머리 기호, 이미지 등 다양한 서식을 쉽게 추가하는 방식의 문서 편집 문법이다.

• 확장자는 .md를 사용한다
• 마크다운문서를 HTML로 변환하는 펄 스크립트가 있다.

---

문단

---

문단 사이에 하나 이상의 빈 줄을 사용하면 문단을 나눌 수 있다.

여러번 입력해도 한줄만 적용된다.

제목

줄 앞에 '#'를 붙이면 제목이 된다. 중복해서 사용하여 하위제목을 만들 수 있다. '#' 다음에는 공백을 한 칸 꼭 넣자

# Head
## Head
### Head
.
.

Heading1

Heading2

Heading3

Heading4

Heading5

Heading6

인용

글 앞에 > 표시를 사용해서 인용문을 나타낼 수 있다. 두번째 줄 앞에는 >를 적지않아도 된다.

> Lorem ipsum doloe sdrmkgdf sdfjkos sdjkf gnvc gdfgp vnfmbc fggjldg fg,ncbvg kasdg jggg
Etiam dfsng fgsadf

Lorem ipsum doloe sdrmkgdf sdfjkos sdjkf gnvc gdfgp vnfmbc fggjldg fg,ncbvg kasdg jggg
Etiam dfsng fgsadf

다만 인용문이 여러 문단일 경우에는 빈 줄에도 >를 붙여야 한다.

>Lorem ipsum doloe sdrmkgdf sdfjkos sdjkf gnvc gdfgp vnfmbc fggjldg fg,ncbvg kasdg jggg
>
>Etiam dfsng fgsadf

Lorem ipsum doloe sdrmkgdf sdfjkos sdjkf gnvc gdfgp vnfmbc fggjldg fg,ncbvg kasdg jggg

Etiam dfsng fgsadf

(빈줄에 > 삽입)

강조

**굵게** 
*기울게*

굵게 또는 기울여서 글을 강조할 수 있다. 글 앞/뒤에 * 나 _ 를 1번(기울게) 혹은 2번(굵게) 입력하여 감싸면 된다.

---

이 문장은 굴게 표시됩니다

이 문장은 기울여서 표시됩니다

굵은 표시와 _기울인 표시_를 조합할 수도 있습니다

---

취소선

문구나 문장의 앞 뒤를 ~로 감싸면 취소선을 표시할 수 있다.

~이 문장은 취소선이 표시될겁니다~

이 문장은 취소선이 표시될겁니다

목록

순서 없는 목록

문장 맨 앞에 공백없이 * 나 -를 입력하면 순서없는 목록을 만들 수 있다. * 다음에 공백을 넣어야 한다.

- item
- item
- item

---

• item
• item
• itme

---

순서 있는 목록

글 앞에 숫자를 입력하면 순서있는 목록을 만들 수 있다.

1. 첫번째
2. 두번째
3. 세번째

---

1. 첫번째
2. 두번째
3. 세번째

---

중첩된 목록

두 칸을 들여쓰거나 탭을 입력해서 중첩된 목록을 만들 수 있다. Shift+탭을 입력하면 상위 목록으로 올라간다.

---

1. 첫번째 목록
   1. 하나
   2. 둘
2. 두번째 목록
   • 순서없는 목록
   • 순서
     • 중첩
       • 중첩

• 세번째 목록

---

링크

일반 링크

화면에 표시할 글은 '[]'로 감싸고, 이동할 주소에는 '()'를 감싸서 입력하면 링크를 생성할 수 있다.

[ForA's Blog](https://fora.tistory.com/)

 

---

ForA's Blog

---

이미지

이미지는 '!'를 링크 앞에 붙여 생성할 수 있다.

---

이미지 크기 조절, 정렬

크기 조절은 아래 커맨드로 조절 할 수 있다.

![텍스트](이미지주소){: width="" height=""}

정렬을 하기 위해서는 main.css 파일에

img.alignleft{float:left}
img.alignright{float:right}
img.aligncenter{display:block;margin:0 auto}

코드를 추가해준 후 이미지 주소 옆에 {: .aligncenter}와 같이 사용해주면 된다.

코드포맷

프로그램 소스 코드를 위한 표기이다.

인라인 포맷

Lorem sdfm gdfkn sdflkj `var a=new Message();` fsdfjl gdfnl sdfkj ff

---

Lorem sdfm gdfkn sdflkj var a=new Message(); fsdfjl gdfnl sdfkj ff

---

멀티라인

```java
var message = 'ForA';
console.log(message.replace(/^h/,'D'));

```

javascript 등등 부호 옆에 프로그래밍 언어도 지정할 수 있다.

---

• 연습한 글 출처: https://dooray.com/htmls/guides/markdown_ko_KR.html
• 마크다운 연습 에디터: http://markdownpad.com/
  • 마크다운을 타이핑함과 동시에 직관적으로 볼 수 있는 프로그램