[Megabyte School] Git을 활용한 버전관리4 : Markdown 작성법

What is markdown?

Markdown은 텍스트 기반의 마크업언어로, 2004년 존그루버(John Gruber)에 의해 만들어졌습니다. 특수기호와 문자를 이용한 매우 간단한 구조의 문법을 사용하여 웹에서도 보다 빠르게 컨텐츠를 작성하고 보다 직관적으로 인식할 수 있다는 장점이 있습니다.

마크다운 사용하기

▶ 제목(Header)

#을 사용해 다양한 크기의 문서 제목을 만들 수 있습니다.

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

제목1

제목2

제목3

제목4

제목5
제목6

▶ 인용문(BlockQuote)

>를 사용해 인용문을 만들 수 있습니다. 중첩으로 사용 가능합니다.

> 이것은 인용문이다!
>> 이것은 인용인용문이다!!
>>> 이것은 인용인용인용문이다!!!
>>>> 이것은 인용인용인용인용문이다!!!!

이것은 인용문이다!

이것은 인용인용문이다!!

이것은 인용인용인용문이다!!!

이것은 인용인용인용인용문이다!!!!


▶ 강조(Emphasis)

*, _, ~, <u></u>를 사용하여 텍스트에 효과를 부여할 수 있습니다.

*텍스트 기울이기*
_텍스트 기울이기_
**텍스트 두껍게**
__텍스트 두껍게__
~~취소선~~
<u>밑줄</u>

텍스트 기울이기
텍스트 기울이기
텍스트 두껍게
텍스트 두껍게
취소선
밑줄


▶ 색상변경(Color)

태그에 style 속성을 변경하여 텍스트 색상을 변경할 수 있습니다.

<span style="color: red">빨강색</span>
<span style="color: blue">파랑색</span>
<span style="color: green">초록색</span>

<span style="background-color: red">빨간색</span>
<span style="background-color: blue">파랑색</span>
<span style="background-color: green">초록색</span>

빨강색
파랑색
초록색

빨간색
파랑색
초록색


▶ 목록(List)

순서가 필요한 목록에는 1., 순서가 필요없는 목록에는 -, *, +를 사용할 수 있습니다.

1. 90점
1. 85점
1. 75점

- 사과
* 바나나
+ 오렌지
  1. 90점
  2. 85점
  3. 75점
  • 사과
  • 바나나
  • 오렌지

▶ 링크(Links)

[], ()를 사용하여 링크를 만들 수 있습니다. 문서 내 일반 URL이나 <>를 이용해 링크를 만들 수도 있습니다.

[GOOGLE](https://google.com)
[NAVER](https://naver.com)
구글 홈페이지 : https://google.com
네이버 홈페이지 : https://naver.com

GOOGLE
NAVER
구글 홈페이지 : https://google.com
네이버 홈페이지 : https://naver.com


▶ 이미지(Images)

링크 만드는 방법 바로 앞에 !를 붙여주면 이미지를 불러올 수 있습니다.

![슬픈 개구리 페페](hhttps://ww.namu.la/s/c0a95f8478fbc463f887d85b99a3dd9ba7f7adfe438c945fde552ca60111dbfb23ea93d9bcfbbb46888fcc1b42b2451e4467c0fe2cfd42cfbe9af2efb4e592a90d8b903d5aaa3c42481964da3efdd2a43c09aa61cf5f7946da5bad4cd43f1061)

▶ 코드(Code)

`를 사용해 코드를 강조할 수 있습니다.

`inline` 코드를 강조합니다.

```block 코드를 강조합니다.```

inline 코드를 강조합니다.

block 코드를 강조합니다.

▶ 표(Table)

-, :, |를 사용해 표를 만들 수 있습니다.

| 값 | 의미 | 기본값 |
|---|:---:|---:|
| `static` | 유형(기준) 없음 / 배치 불가능 | `static` |
| `relative` | 요소 자신을 기준으로 배치 |  |
| `absolute` | 위치 상 부모(조상)요소를 기준으로 배치 |  |
| `fixed` | 브라우저 창을 기준으로 배치 |  |
의미기본값
static유형(기준) 없음 / 배치 불가능static
relative요소 자신을 기준으로 배치
absolute위치 상 부모(조상)요소를 기준으로 배치
fixed브라우저 창을 기준으로 배치

▶ 수평선(Horizontal Rule)

-, _, *를 3개 사용해 수평선을 만들 수 있습니다.





▶ 줄바꿈(Line Breaks)

띄어쓰기 두 번과 <br>로 줄을 바꿀 수 있습니다.

하늘에 날린 아드레날린  <!--띄어쓰기 2번-->
하나도 화날 일 없는 이곳은 <br>
그녀와 나 <!--띄어쓰기 2번-->
파랑새만이 육감의 교감으로 <br>
오감따위는 초월해버린 <!--띄어쓰기 2번-->
기적의 땅 <br>
쉿 몽환의 숲 <!--띄어쓰기 2번-->

하늘에 날린 아드레날린
하나도 화날 일 없는 이곳은
그녀와 나
파랑새만이 육감의 교감으로
오감따위는 초월해버린
기적의 땅
쉿 몽환의 숲

좋은 웹페이지 즐겨찾기