MarkDown.md

마크다운(MarkDown)사용법

마크다운(MarkDown)은 Plain text로 작성된 파일(.md)를 HTML로 변경해 보여 주는 매우 쉽고 문서를 간결하게 정리 할 수 있는 문법입니다.

마크다운 장점

• 문법이 간결하고 쉽다.
• 관리가 쉬우며 별도의 도구 없이 작성 가능합니다.
• 지원하는 플랫폼이 많습니다.(Github, Discord 등)
• 대부분의 환경에서 편집, 작성이 가능합니다.(메모장에서도 가능)
• 텍스트로 저장되기 때문에 용량이 적어 보관이 용이합니다.

마크다운 단점

• 표준이 없습니다. 표준이 없기 때문에 도구에 따라 변환방식 또는 생성물이 다릅니다.
• 모든 HTML의 문법을 대신하지 못합니다.
• 파일 업로드하는 경우 저장한 다음 파일 경로를 입력해야되는 불편한점이 있습니다.

1. 제목(Header)

# 뒤에 띄어쓰기를 넣어주는게 권장하는 방법이다.
<h1> ~ <h6> 까지 표현 가능하다.

# 제목1
## 제목 2
### 제목 3
#### 제목 4
##### 제목 5
###### 제목 6

제목1

제목 2

제목 3

제목 4

제목 5

제목 6

---

2. 줄바꿈(Line Breaks)

띄어쓰기 2번 또는
로 표현 가능하다.

띄어쓰기 2번
또는 <br>

띄어쓰기 2번
또는

---

3. 수평선(Horizontal Rule)<hr/>

하기 코드들은 모두 수평선을 나타낸다. 가시적으로 페이지를 나누는 용도로 많이 사용된다.

---
***
___
******

---

---

---

---

4. 글자 강조(Emphasis)

**굵은 글씨**
*이탤릭*
_이탤릭_
~~취소선~~

굵은 글씨 이탤릭 이탤릭 취소선

---

5. 인용문(BlockQuote)

">" 블럭 인용 문자를 사용하면 인용문 표현이 가능한다.

> 인용문장
>> 중첩된 인용문
>>> 중첩된 인용문 2

인용문장

중첩된 인용문

중첩된 인용문 2

---

6. 목록(List)

1. 순서가 없는 목록 (*, +, - 지원) - 들여쓰기를 하면 모양이 바뀝니다.

- 순서가 필요하지 않은 목록
    - 순서가 필요하지 않은 목록
        - 순서가 필요하지 않은 목록
* 순서가 필요하지 않은 목록
    * 순서가 필요하지 않은 목록
        * 순서가 필요하지 않은 목록
+ 순서가 필요하지 않은 목록
    + 순서가 필요하지 않은 목록
        + 순서가 필요하지 않은 목록

- 순서가 필요하지 않은 목록
    * 순서가 필요하지 않은 목록
    + 순서가 필요하지 않은 목록

• 순서가 필요하지 않은 목록
  • 순서가 필요하지 않은 목록
    • 순서가 필요하지 않은 목록

• 순서가 필요하지 않은 목록
  • 순서가 필요하지 않은 목록
    • 순서가 필요하지 않은 목록

• 순서가 필요하지 않은 목록
  • 순서가 필요하지 않은 목록
    • 순서가 필요하지 않은 목록

• 순서가 필요하지 않은 목록
  • 순서가 필요하지 않은 목록
  • 순서가 필요하지 않은 목록

---

2. 순서가 있는 목록 - 숫자를 기입하면 순서가 있는 목록이 되며, 순서대로 알아서 숫자를 매깁니다.

1. 순서가 필요한 목록
    1. 순서가 필요한 목록
    1. 순서가 필요한 목록
1. 순서가 필요한 목록


1. 순서가 필요한 목록
    9. 순서가 필요한 목록
    3. 순서가 필요한 목록
8. 순서가 필요한 목록

1. 순서가 필요한 목록

   1. 순서가 필요한 목록
   2. 순서가 필요한 목록

2. 순서가 필요한 목록

3. 순서가 필요한 목록 9. 순서가 필요한 목록 3. 순서가 필요한 목록

4. 순서가 필요한 목록

---

7. 링크(Links)

기본방법 : [Title](link)

[네이버](https://www.naver.com)

네이버

---

상대경로로 지정도 가능하며, 참조 링크도 사용 가능합니다.

[네이버][naver]
[깃 커밋 컨벤션 가이드](./커밋컨벤션.md)

[naver]: https://www.naver.com

네이버
깃_커밋_컨벤션_가이드

---

내부(해시) 링크
[보여지는 내용](#이동할 헤드(제목))
괄호 안의 링크를 쓸 때는 띄어쓰기는 -로 연결, 영어는 모두 소문자로 작성
특수문자나 기호는 모두 지워줍니다.

[1. Headers 헤더](#1_제목(header))

1. Headers 헤더

---

8. 이미지(Images)

Link와 문법이 유사한데 앞에 !만 추가하면 됩니다.
인라인 이미지 
링크 이미지 
이미지의 사이즈를 변경하기 위해서는 <img width="OOOpx" height="OOOps"></img>와 같이 표현합니다.

![penguin](https://user-images.githubusercontent.com/37105602/212458830-f8a4c588-6bcf-4c8f-9241-76c23eee9348.png)

---

이렇게 이미지 크기가 너무 클 때엔 사이즈 조정도 가능합니다.

<img width="400" alt="1f" src="https://user-images.githubusercontent.com/37105602/212458830-f8a4c588-6bcf-4c8f-9241-76c23eee9348.png">

---

9. 코드 블럭

간단한 인라인 코드는 텍스트를 앞뒤로 `기호로 감싸면 됩니다.
```혹은 ~~~코드 옆에 언어를 지정해주면 syntax color가 적용됩니다.

```python
name = "동호"
print("hello", name)
```

name = "동호"
print("hello", name)

---

10. 체크 리스트

줄 앞에 - [x]를 써서 완료된 리스트 표시
줄 앞에 - [ ]를 써서 미완료된 리스트 표시
체크 안에서 강조 외에 여러 기능을 사용할 수 있습니다.

- [x] this is a complete item
- [] this is an imcomplete item

• this is a complete item
• this is an imcomplete item

---

11. 표(Table)

헤더와 셀을 구분할 때 3개 이상의 -(hyphen/dash)기호가 필요합니다.
헤더 셀을 구분하면서 :(Colons) 기호로 셀(열/칸) 안에 내용을 정렬 할 수 있습니다.
가장 좌측과 가장 우측에 있는 |(vertical bar) 기호는 생략 가능합니다.

테이블 생성
 
헤더1|헤더2|헤더3|헤더4
---|---|---|---
셀1|셀2|셀3|셀4
셀5|셀6|셀7|셀8
셀9|셀10|셀11|셀12

테이블 생성

헤더1	헤더2	헤더3	헤더4
셀1	셀2	셀3	셀4
셀5	셀6	셀7	셀8
셀9	셀10	셀11	셀12

테이블 정렬
 
헤더1|헤더2|헤더3
:---|:---:|---:
Left|Center|Right
1|2|3
4|5|6
7|8|9

테이블 정렬

헤더1	헤더2	헤더3
Left	Center	Right
1	2	3
4	5	6
7	8	9

---

Reference

마크다운 에디터 : Typora
메모장을 켜서 작업을 해도 무리 없이 작성 가능하지만 작업 속도 향상을 위해 추천하는 에디터입니다.