마크다운(MarkDown) 사용법

Dreamer·2023년 12월 4일
0

마크다운 문법

: 다양한 곳에서 마크다운 문법이 사용되고 있어 정리해두면 편할 것 같아 작성하게 되었다. 자주 사용하는 기능을 먼저 정리하자!
⭐ 부분 더 공부하기

정의

파일 확장자가 .md로 된 파일 = 마크다운 문법으로 작성된 파일
마크다운(markdown)은 일반 텍스트 문서의 양식을 편집하는 문법이다.

🙂장점
1. 사용법+문법이 쉽고, 간결하다.
2. 별도의 도구없이 작성가능하다.
3. 다양한 형태로 변환이 가능하다.
4. 텍스트(Text)로 저장되기 때문에 용량이 적어 보관이 용이하다.
5. 텍스트파일이기 때문에 버전관리시스템을 이용하여 변경이력을 관리할 수 있다.
= 관리가 쉽다.
6. 지원하는 프로그램과 플랫폼이 다양하다.

🙃단점
1. 표준이 없다.
2. 표준이 없기 때문에 도구에 따라서 변환방식이나 생성물이 다르다.
3. 모든 HTML 마크업을 대신하지 못한다.

마크다운 사용법 (문법)

: 마크다운으로 표현이 불가능하면 HTML 태그를 활용하면 된다!

  1. 줄바꿈 (Line breaks) + 띄어쓰기 (spacing)
    줄바꿈 : 띄어쓰기 두번을 사용하고 엔터키를 누른다.
    <br> 태그 사용 가능
    띄어쓰기 : &nasp; ➜ 공백 특수문자 사용하기
    스페이스는 아무리 여러번 해도 1번

  2. 제목 (Header)
    : #의 개수로 제목의 크기를 나타낼 수 있다.
    <h1> <h2>...<h6>
    HTML문법과 동일하게 작은 숫자일수록 큰 크기를 나타낸다.

# = h1
## = h2
### = h3
#### = h4
##### = h5
###### = h6

  1. 목록 (List)
    3-1. 순서있는 목록(Ordered list) : 번호 (숫자) 1. 2. 3.
    3-2. 순서없는 목록(Unordered list) : 글머리 기호 - + *

  2. 강조 (Emphasis)
    : 이탤릭체, 굵은 글씨, 밑줄, 취소선 등이 가능하다

*이탤릭체* : 별표
_이탤릭체_ : under bar (shift + hyphen)
<em>기울어진 글씨</em>

**굵은글씨**
__굵은글씨__
<strong>굵은 글씨</strong>


***굵은글씨+이탤릭체***
___굵은글씨+이탤릭체___

~~취소선~~ : 물결 기호
<del>취소선</del>
**~~굵은글씨+취소선~~**

<u>밑줄</u>

  1. 링크 (Link)

5-1. 인라인 링크 : 기본적으로 keyword만 보여준다.
Google
[Google](https://www.google.com "링크 설명 작성하는 곳")

5-2. 참조링크
참조링크를 사용할 수 있다.

[참조링크][googleLink]를 사용할 수 있다.
[googleLink]: https://www.google.com "링크 설명 작성"

5-3. 자동 연결
일반적인 URL이나 < >안에 있는 URL, 이메일을 자동으로 링크를 생성한다.
https://www.google.com
<https://www.google.com>

  1. 이미지 (Images)

6-1. 이미지 삽입
: 단순 이미지 삽입만 하는 것
링크과 비슷하지만 앞에 !가 붙는다.
![대체 텍스트를 입력](이미지 주소)

6-2. 이미지 링크
이미지 삽입 후 링크 코드로 묶어 줍니다.
[ ![대체 텍스트를 입력](이미지 주소) ] (링크걸어 줄 url)

6-3. 이미지 크기 및 정렬 조절
이미지 크기 조절은 html 문법 <img> 을 이용해야 한다.
width, height에 직접 사이즈를 지정하거나 비율(%)로 지정 할 수 있다.
<img width="" height=""></img>를 이용한다.
정렬을 위해서는 <div align="center"> </div> 을 이용한다.

🍊자세한 건 HTML <image>속성 참고하기🍊

  1. 수평선 (Horizontal Rule)
    : 기호를 3개 이상 입력해야 한다.
    구분하는 용도로 많이 사용한다.
* * * : 별모양
***

- - - : hyphen (숫자 0 옆에 막대기)
---

___ : under bar (shift + hyphen)


<hr>

⭐ 8. 코드 생성, 코드 하이라이팅
8-1. 인라인(inline) 코드 생성
8-2. 블록(block) 코드 생성
8-3. 코드 하이라이팅

  1. 인용문(BlockQuote)
    인용문 안에서 다른 마크다운 요소를 포함가능하다
> 첫번째 블록
>> 두번째 블록
>>> 세번째 블록

  1. 이스케이프 문자 (Escape Characters)
    : 마크다운 문법의 특수 기호를 텍스트로 표시할 수 있다.
    \* \+ \- = 그대로 출력

  1. 체크리스트 (Checklists)
    : 체크 표시가 없는 항목 - [ ],
    체크 표시가 있는 항목 - [x] 형식으로 작성할 수 있다.
  • 할 일
  • 한 일

⭐ 12. 테이블(Table)
헤더 셀을 구분할 때 3개 이상의 -(hyphen/dash) 기호가 필요
헤더 셀을 구분하면서 :(Colons) 기호로 셀(열/칸) 안에 내용 정렬 가능
가장 좌측과 가장 우측에 있는 |(vertical bar) 기호는 생략 가능


참고문서
https://gparkkii.github.io/tech/markdown/

https://heropy.blog/2017/09/30/markdown/

profile
Moving forward based on records

0개의 댓글