본문 바로가기
마크다운

[MarkDown ] 마크다운 문법

by kyeee2 2022. 4. 20.

👀 마크다운이란

마크다운(Markdown)은일반 텍스트기반의 경량마크업 언어다. 일반 텍스트로 서식이 있는 문서를 작성하는 데 사용되며, 일반 마크업 언어에 비해 문법이 쉽고 간단한 것이 특징이다. HTML과 리치 텍스트(RTF) 등 서식 문서로 쉽게 변환되기 때문에 응용 소프트웨어와 함께 배포되는 README 파일이나 온라인 게시물 등에 많이 사용된다.

-위키백과-


📖 마크다운 작성법

1. 제목(Header)

    1-1. 큰제목 (H1과 동일)

큰제목입니다
=========

큰제목입니다

    1-2. 작은제목 (H2와 동일)

작은제목입니다
-----------------

작은제목입니다

    1-3. 'H1' - 'H6' 또는 '#' 의 개수로 표현 가능

#  H1
##  H2
###  H3
####  H4
#####  H5
######  H6

H1

H2

H3

H4

H5
H6

2. 폰트 스타일

굵게, 기울여 쓰기, 취소선을 나타낼 수 있다.

__굵게__
**굵게**
_기울여 쓰기_
*기울여 쓰기*
~취소선~
~~취소선~~
**~~이렇게 섞어 쓸 수도 있다. (굵게 + 취소선)~~**

 

굵게
굵게
기울여 쓰기
기울여 쓰기

취소선

취소선

이렇게 섞어 쓸 수도 있다. (굵게 + 취소선)


3. 줄바꿈

3칸이 이상 띄어쓰기(   )를 하면 줄이 바뀐다. (또는 <br/>를 사용하면 된다.)

첫 번째 문장   
두 번째 문장

 

첫 번째 문장

두 번째 문장


4. 수평선(<hr/>)

*, -, _ 등을 3개 이상 입력하면 작성할 수 있다. 띄어쓰기를 중간에 삽입해도 가능하지만 -는 헤더로 인식할 수 있다.

***
* * *
___
_ _ _
--------------------------






5. 목록

    5-1. 순서가 있는 목록

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

 

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

    5-2. 순서가 없는 목록

    '*', '+', '-' 를 사용하여 작성한다. (섞어서 사용해도 된다.)

* 첫 번째
   * 두 번째
      * 세 번째
+ 첫 번째
   + 두 번째
      + 세 번째
- 첫 번째
   - 두 번째
      - 세 번째

 

  • 첫 번째
    • 두 번째
      • 세 번째
  • 첫 번째
    • 두 번째
      • 세 번째
  • 첫 번째
    • 두 번째
      • 세 번째

6. 인용문

'>' 를 사용한다.

> 인용문 작성하기
>인용문이다

> 인용문 작성하기
>> (>) 의 개수로 중첩문 사용
>>> 세번째 중첩문

인용문 작성하기
인용문이다

인용문 작성하기

(>)의 개수로 중첩문 사용

세번째 중첩문


7. 코드

블럭백틱(`) 을 세 개 사용하여 작성한다.

`위 아래로 3개씩 감싸면 블럭이 된다. `

 

위 아래로 3개씩 감싸면 블럭이 된다.

```언어이름넣어주기
```java
System.out.println("자바입니다");
for(int i = 0; i < 10; i++)
System.out.println(i);
```

 

System.out.println("자바입니다");
for(int i = 0; i < 10; i++)
    System.out.println(i);

8. 링크(Link)

인라인 링크와 url 링크, 참조 링크로 나타낼 수 있다.

인라인 링크
[인라인링크](https://kyeee2.tistory.com/)

url 링크
<https://kyeee2.tistory.com/>

참조 링크
[참조링크]:(https://kyeee2.tistory.com/)

 

인라인 링크

https://kyeee2.tistory.com/

url 링크
https://kyeee2.tistory.com/

참조 링크
[참조링크]:(https://kyeee2.tistory.com/)


9. 이미지(Image)

![대체텍스트](이미지URLorPath "이미지설명") 형식으로 작성

![짱구사진](https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRUKaocr5y6ROEJ3cCpX8sG0L_ngTcFjplmbg&usqp=CAU\)

 

짱구사진

위의 방법으로는 크기를 지정할 수 없다! 따라서 크기를 지정하고 싶다면 <img> 태그를 사용하자


10. 표(Table)

헤더 셀을 구분하기 위해서는 - 가 3개 이상 필요하다. 또한, 헤더 셀을 구분하면서 : 를 사용하면 셀 안에 내용을 정렬해줄 수 있다.
맨 왼쪽과 오른쪽의 | 는 생략 가능하다.

| AAA(기본왼쪽정렬) | BBB(가운데정렬) | CCC(오른쪽정렬) |
|---|:---:|---:|
|`111`| 가나다라 | abc |
|`222`| 가나다라마바사아 | abcdefgh |
|`333`| 가나다라마바사아자차카타파하 | abcdef |
|`444`| 가나다라마바사아자차 | abc |

 

1열(기본왼쪽정렬) 2열(가운데정렬) 3열(오른쪽정렬)
111 가나다라 abc
222 가나다라마바사아 abcdefgh
333 가나다라마바사아자차카타파하 abcdef
444 가나다라마바사아자차 abc

깃 허브에 README를 작성하다보면 기억이 잘 안날때가 있어서 정리해보았다. 익숙해지도록 노력해야겠다.

댓글