업데이트 21.03.30
마크다운(Markdown)의 특징
확장자는 .md로 사용된다.
장점
- 문법이 쉽고 간결하기 때문에 관리가 매우 쉽다.
- 지원 가능한 플랫폼과 프로그램이 다양하다.
단점
- 표준이 없다
- 모든 HTML 마크업을 대신하지 못한다.
-> 이에 따라, 지나친 의존보다는 빠른 문서 작성 용도로만 사용해야 한다.
제목(Title), 문장(Paragraph), 줄바꿈(line breaks)
제목 사용 방법
# 제목 1 // h1 태그와 동일
## 제목 1 // h2 태그와 동일
### 제목 1 // h3 태그와 동일
// h6까지도 지원한다.
문장 및 줄바꿈
테스트 문장 // 문장 끝에 띄어쓰기 2번이 줄 넘김과 동일
테스트 문장 <br> // 띄어쓰기 2번이 안될 경우 <br> 태그를 사용
강조(Emphasis)
1. 글자 기울기
_이텔릭_결과물 : 이텔릭
2. 글자 두껍게
**두껍게**결과물 : 두껍게
3. 이텔릭 + 두껍게 동시 사용
**_이텔렉+두껍게_**결과물 : 이텔렉+두껍게
4. 취소선
~~취소선~~결과물 : 취소선
5. 밑줄 선
원래 밑줄 기능은 제공하지 않는다.
그러나, Markdown 문서에서도 밑줄이 필요한 경우가 분명히 있다.
이를 위해 우리는 Raw HTML(원시 HTML)를 사용한다.
주의! 가급적 md에서만 사용하고, html은 css와 연계하기 때문에 u 태그를 사용하지 않는다.
<u>밑줄</u>결과물 : 밑줄
목록 (List)
두괄식으로 정리하면, 다른 사람들이 쉽게 내용을 파악할 수 있다.
// 아래와 같이 두 목록이 1.로 시작하더라도
// 실제 출력 결과는 1. ~ 3. 가 순서대로 나온다.
// 2번 들여쓰기 할 경우 서브 목록으로 사용 가능하다.
1. 순서가 필요한 목록
1. 순서가 필요한 목록
1. 순서가 필요한 목록
1. 순서가 필요한 목록// - (하이픈)을 사용할 경우 순서가 필요 없는 목록을 만들 수 있다.
// 동그란 원으로 대체 되어 출력된다.
// 위와 마찬가지로, 2번 들여쓰기 할 경우 섭 목록으로 사용 가능하다.
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록링크(links), 이미지(Images)
링크
// [키워드](주소) 형식으로 하이퍼 링크를 사용할 수 있다.
[GOOGLE](https://google.com)
// 첫 번째 속성으로 focus 하였을 때 출력되는 안내 메시지를 변경할 수 있다.
[GOOGLE](https://google.com "Google로 이동!")
// 뒤에 "" 속성을 넣는다면 focus 하였을 때 출력되는 안내 메시지를 변경할 수 있다.
// a 태그의 속성인 target="_blank"는 지원하지 않기 때문에, a 태그를 사용해야 한다.
[GOOGLE](https://google.com "Google로 이동!")
결과물 : Google
// 변수처럼 [키워드]에 저장해서 사용하고 싶을 때마다 사용할 수 있다.
[네이버]: https://naver.com "네이버로 이동합니다"
// 키워드를 저장 한 후 아래와 같이 사용할 수 있다.
// 사용 예) 안녕하세요. [네이버] 테스트입니다.결과물 : 안녕하세요. 네이버 테스트입니다.
이미지
//  형식으로 이미지를 첨부할 수 있으며, 속성은 링크와 같다.
결과물
인용문(BlockQuote)
인용문을 적절히 이용하면 가독성을 향상 시켜준다.
// 아래와 같이 사용하면 인용문을 표현할 수 있다.
// 띄어쓰기 2번을 통해 줄 바꿈을 할 수 있다.
> 내용결과물
내용
필요에 따라, 인용문을 이중-삼중으로 중첩할 수 있다.
> 내용1
>> 내용2
>>> 내용3결과물
내용1
내용2
내용3
코드 강조
백틱을 이용하여 코드를 강조할 수 있다.
`<pre>`, `<code>`결과물
<pre>, <code>
블록 코드 강조
Markdown 문서 작성 시 코드 원본을 보여줘야 할 때가 있다.
백틱 기호를 3번 연속 써서 표현할 수 있고, 다시 3번 써줘야 닫힌다.
3번 백틱 기호 입력 후 줄바꿈을 하지 않은 상태로,
html, css, javascript, bash 등을 입력하면 다양한 문법을 사용할 수 있다.
당연하게도, plaintext(평문) 형식도 사용 가능하다.
결과물
Markdown 문서 작성 시 코드 원본을 보여줘야 할 때가 있다.
백틱 기호를 3번 연속 써서 표현할 수 있고, 다시 3번 써줘야 닫힌다.
html, css, javascript, bash 등 다양한 문법과 plaintext(평문) 형식도 사용 가능하다.표(Table)
아래와 같이 키워드1 | 키워드2 를 작성 후 줄 바꿈하고
-- | -- 를 입력하면 기준을 만들 수 있다.
정렬 기능은 다음과 같이 사용할 수 있다.
- :--: 가운데 정렬
- --: 오른쪽 정렬
기준1 | 기준2 | 기준3
-- | :--: | --:
값1 | 값2 | 값3
값4 | 값5 | 값6
값7 | 값8 | 값9결과물
| 기준1 | 기준2 | 기준3 |
|---|---|---|
| 값1 | 값2 | 값3 |
| 값4 | 값5 | 값6 |
| 값7 | 값8 | 값9 |
원시 HTML(Raw HTML)
마크다운 문법에서 지원하지 않는 기능들은 원시 HTML 문법을 사용하여 작성할 수 있다.
그 예로 u 태그, img 태그 등이 있다.
구분선, 수평선(Horizontal Rule)
Hyphens, Asterisks, Underscores 중 아무 기호를 3번 연속 입력하면 된다.
---
***
___결과물
0개의 댓글
