마크다운 사용법

Gyujin Cho·2022년 1월 29일
0

마크다운

목록 보기
1/1
post-thumbnail

벨로그를 사용하기 위해선 마크다운의 배경지식이 필요하다.

마크다운이란?

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

파일확장자가 .md 로 된 파일 생성

마크다운 장점

  1. 문법이 쉽다.
  2. 관리가 쉽다.
  3. 지원 가능한 플랫폼과 프로그램이 다양하다.

마크다운 단점

  1. 표준이 없어 사용자마다 문법이 상이할 수 있다.
  2. 모든 HTML 마크업을 대신하진 못한다.

1. 제목

h1 ~ h6 까지 표현 가능.
벨로그의 오른쪽리스트엔 h3까지 표시 된다.

[입력]

# h1 수준 제목
## h2 수준 제목
### h3 수준 제목
#### h4 수준 제목
##### h5 수준 제목
###### h6 수준 제목

[출력]

h1 수준 제목

h2 수준 제목

h3 수준 제목

h4 수준 제목

h5 수준 제목
h6 수준 제목

2. 강조

[입력]

이텔릭체 : *별표(asterisks)* or _언더바_
볼드 : **별표(asterisks)* or __언더바__
이텔릭체+볼드 : **_혼합사용_ or __*혼합사용*
취소선 : ~~물결표시(tilde)~~
밑줄 : <u>밑줄</u>
회색박스 : `백틱(backtick)`

[출력]
이텔릭체 : 별표(asterisks) or 언더바
볼드 : 별표(asterisks)* or 언더바
이텔릭체+볼드 :
혼합사용 or __혼합사용
취소선 : 물결표시(tilde)
밑줄 : 밑줄
회색박스 : 백틱(backtick)


3. 인용

[입력]

> ### 1단 인용
1단 인용 내용
>> ### 2단 인용
2단 인용 내용
>>> ### 3단 인용
3단 인용 내용

[출력]

1단 인용

1단 인용 내용

2단 인용

2단 인용 내용

3단 인용

3단 인용 내용

이런 식으로 계속 중첩 가능.


4. 목록

[입력]

*
+
-

[출력]

모두 혼용 가능


5. 코드블럭

``` 입력 후 c, java, pthon 등 사용하는 언어를 추가로 입력하여 구현한다.

[입력]

```c
#include <stdio.h>

int main()
{
	printf("Hello, world!\n");

	return 0;
}
[출력]

```c
#include <stdio.h>

int main()
{
	printf("Hello, world!\n");

	return 0;
}

6. 가로선

[입력]

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

[출력]




모두 동일


7. 링크

[입력]

인라인 링크
[인라인 링크](https://velog.io/)

url 링크
<https://velog.io/>

참조 링크
[velog]:https://velog.io/

[velog]

[출력]

인라인 링크

https://velog.io/

velog <-키워드 참조 방식


8. 기호 표시

역방향 슬래시 사용.
[입력]

\*
\_
\()
\{}
\[]
\#
\+
\-
\.
\!
\\

[출력]
*
_
()
{}
[]
#
+
-
.
!
\


9. 표

헤더셀과 구분할 때는 3개의 -(hyphen/dash) 필요.
헤더셀을 구분할 때:를 사용하면 셀(열/칸) 안 내용을 정렬할 수 있다.
가장 좌우측에 있는 | 기호는 생략 가능.

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

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

10. 줄바꿈

줄바꿈은 띄어쓰기 2번으로 가능.

profile
간단 명료하게

0개의 댓글