Readme.md 마크다운 작성법 정리

md파일은 과연 어떻게 만드는 것일까.

남의 깃헙을 구경하면서 정말 궁금했었다. 그래서 마크다운 작성법을 총정리해놓으려고 한다.

 

 

** 우선 vscode에서 md파일 미리보기 하는 방법

 

ctrl + shift k v (맥의 경우 cmd + K V)를 누르거나,

 

상단에 preview 버튼을 누르면 미리보기가 가능하다. 

위 미리보기 기능은 vscode에 내장된 익스텐션을 다운받아야 가능하다고 들었는데, 본인은 익스텐션을 따로 받지 않았는데도 미리보기가 가능했다. (vscode 기본 기능으로 미리보기가 생겼나?)

 

#는 HTML 태그로 치면 h1

##

###

#### 갯수가 늘어나면 h2, h3, h4...와 같음. h6까지 표현 가능

 

# 아래에는 언더라인이 그어지는데, 만약 언더라인을 긋고 싶으면 ___ 언더라인 3번 치면 쳐진다.

 

**bold** 별표 2개(혹은 언더바 2개)는 볼드처리

 

*italic* 별표 1개는(혹은 언더바 1개) 기울기처리

 

언더바와 별표를 중복 이용하면 볼드와 기울기 동시 가능

 

 

*list 별표 1개 앞에만 붙이면 리스트 캐럿처리

 

~~cancel~~ 물결 2개는 가운데 줄긋기처리

 

밑줄은 <u></u> 태그로 처리

 

[click](http://www.google.com) 대괄호와 소괄호로 하이퍼링크처리

 

 !를 추가하면 이미지 처리

 

| 를 넣으면 테이블 변환 가능

ex)

| 표1 | 표2 | 표3 |

| :-- | --: | :--: |  (왼쪽 정렬 / 오른쪽 정렬 / 가운데 정렬)

| 내용1 | 내용2 | 내용3 |

 

`백틱을 이용한 스타일 변형

`hightlight` line is 백틱을 하나씩 끼워넣으면 강조표현 가능

 

```

hightlight box

```

백틱을 3개씩 넣으면 강조 박스가 생성

 

```javascript

function func (){

   console.log("hello world");

}

```

백틱 3개에 강조하고 싶은 코드명을 적으면 해당 코드 부분만 색상이 알록달록 변화