마크다운(MarkDown) 사용법

마크다운은 쥬피터노트북이나 깃허브 등에서 사용하는 문서 작성 문법이다.

웹페이지에서 사용하는 HTML 문법은 쉽게 문서에 적용할 수 있도록 만들었다.

글자의 크기, 인용문처리, 문장목록, 링크 등 현대 문서 작성에 필요한 규칙을 정해두고 있다.

MS의 워드와 비슷하지만 파워포인트 처럼 글자를 겹치거나 도형을 그려 붙이는 등의 작업은 안된다. 대신 이런 내용을 원할 경우 파워포인트에 작성 후 이미지를 붙여 넣으면 된다. 다른 도구의 힘을 빌리면 되겠다.

하나씩 살펴 보겠다.

---

제목 크기 처리하기 ( "#" 활용)

---

• "#" 갯수에 따라 크기가 달라짐

  # 샵 1개
  ## 샵2개
  ### 샵 3개
  #### 샵 4개
  ##### 샵 5개

샵 1개

샵2개

샵 3개

샵 4개

샵 5개

---

인용문 적용하기 ( ">" 활용)

---

> 인용문 1단계
    > > 인용문 2단계
        >>> 인용문 3단계

인용문 1단계

인용문 2단계

인용문 3단계

---

목록 구성하기 ( "숫자", "*, -" 활용)

---

순서 있는 (숫자 1을 각열에 적용)

1. 첫번째
    1 처음의 첫번째
    2.처음의 두번째
1. 두번째
1. 세번째

<결과>

1. 첫번째
   1 처음의 첫번째
   2.처음의 두번째
2. 두번째
3. 세번째

순서 없는("- 또는 * " 활용, 4칸 띄우면 다음 다음 단계를 들여쓰게 됨)

- 학교
- 색깔
    - 빨강
        - 진한빨강

<결과>

• 학교
• 색깔
  • 빨강
    • 진한빨강

---

줄 띄우기

---

다음줄 넘길때- 문장끝에 2칸 띄우기

처음 문장입니다.칸을 띄우지 않았습니다.
두번째 문장입니다.

처음 문장입니다.2칸을 띄웠습니다.  
두번째 문장입니다. 

<결과>

처음 문장입니다.칸을 띄우지 않았습니다.
두번째 문장입니다.

처음 문장입니다.2칸을 띄웠습니다.
두번째 문장입니다.

코드블럭

<pre><code>{code}</code></pre>이용

<pre><code>
def plus(a,b):
    return a + b
</code></pre>

def plus(a,b):
    return a + b

코드블럭 이용: 코드("```") 활용

• ` ``` 옆에 프로그램 언어(예: python)를 선언하면 문법이 강조됨

  ```python
  def plus(a,b):
    return a + b

def plus(a,b):
    return a + b

---

수평선 : "* or -" 를 3개 이상 사용

---

***
* * *
---
- - -

<결과>

---

---

---

---

---

링크

---

참조 링크

[link keyword][id]

[id]: URL "옵션. 타이틀 적기"

Link: 네이버

외부링크

    문법: [Title](link)`

    적용예: 
    [Naver](https://naver.com, "naver link")

<결과>
Naver

자동연결

일반적인 URL 혹은 이메일주소인 경우 적절한 형식으로 링크를 형성한다.

• 외부링크: http://naver.com/
• 이메일링크: exam1234@gmail.com

---

강조하기: " , _, *, __, ~~ " 활용

---

*single asterisks*  
_single underscores_  
**double asterisks**  
__double underscores__  
~~cancelline~~  

<결과>
single asterisks
single underscores
double asterisks
double underscores
cancelline

---

이미지 넣기: "" 활용

---

로컬에 놓여진 이미지 넣기
![Alt text](/path/to/img.jpg) 

웹사이트에 위치한 이미지 넣기
![Alt text](https://t1.daumcdn.net/cfile/tistory/9930EA3359C5D1B329) 


화면 하드카피 한 결과인 복사영역 이미지 적용(붙여넣기 하면 딸려 들어감)
![image.png](attachment:image.png)