IT정보/기타

[ Markdown ] 마크다운 기초 사용법

카루루1007 2024. 8. 2. 14:45
728x90
반응형

[ 마크다운이란? ]

 

텍스트를 간단한 문법으로 서식을 지정할 수 있는 경량 마크업 언어

마크다운(Markdown)이라는 이름은 마크업(Markup)에서 유래되었으며,
마크업 언어의 간소화된 버전으로,
마크업을 줄인다는 의미에서 마크다운이라고 불리게 되었습니다.

사용방법에 대해 간단히 예를 들어 설명하면
한글 프로그램을 사용하여
글씨를 진하게 만들 때

  1. 해당 내용을 작성한다.
  2. 강조할 부분의 범위를 지정한다.
  3. 단축키 Ctrl + B를 사용하여 진하게 강조한다.

이런 순서를 거치게 되지만

마크다운 문법을 사용하면
강조할 부분의 앞과 뒤를 ** 또는 __ 를 사용해 감싸기만 하면
해당 부분의 진하게 강조되는 효과를 얻을 수 있습니다.

마크다운 문법을 지원하는 에디터에서

"Chatgpt는 **마크다운 문법**을 지원합니다."

라고 작성을 하면 아래와 같이 보입니다.

Chatgpt는 마크다운 문법을 지원합니다.

우리가 사용하는 Notion이나 Obsidion에서도 마크다운 문법을 지원합니다.

 

728x90

[ 마크다운 문법 ]

 

1. 텍스트의 제목 : 헤더(headers)

 

마크다운에서 제목을 나타낼 때에는 #을 사용합니다.
1개부터 6개까지 사용할 수 있으며,
1개만 사용했을 때 글자의 크기가 가장 큽니다.

좌측의 괄호 안과 같이 입력하면 우측의 결과가 나타납니다.

(# 제목 1)제목 1

(## 제목 2)제목 2

(### 제목 3)제목 3

(#### 제목 4)제목 4

(##### 제목 5)제목 5
(###### 제목 6)제목 6

 

2. 글자 강조하기

 

마크다운에서 글자를 강조할 때에는 두 개의 별표(**) 또는 두 개의 언더바(__)로 텍스트를 감쌉니다.

(글자 **강조** 하기)글자 강조하기
(글자 __강조__ 하기)글자 강조하기

위 예시를 보면 언더바 두 개(__)로 글자를 감쌀 때
제대로 작동하지 않는 모습을 보입니다.

정확한 문제가 무엇인지 모르겠지만,
두 번째 언더바 이후에는 띄어쓰기가 필요한 것 같습니다.

(글자 __강조__ 하기)글자 강조 하기

 

3. 글자 기울이기

 

글자를 기울일 때에는 한 개의 별표(*) 또는 한 개의 언더바(_)를 사용하여 텍스트를 감싸줍니다.

(*글자 기울이기*)글자 기울이기
(*글자 기울*이기)글자 기울이기
(_글자 기울이기_)글자 기울이기
(_글자 기울_이기)글자 기울 이기

마찬가지로 두 번째 언더바(_)는 띄어쓰기가 필요한 것 같습니다.

글자 기울이기와 글자 강조하기는
같은 특수문자를 사용하므로 주의가 필요합니다.

 

4. 취소선 만들기

 

취소선을 만들고 싶은 경우에는 물결표를 두 개(~~) 사용합니다.

(광역시의 종류 : ~~서울광역시~~, 대전광역시, 부산광역시 등)
광역시의 종류 : 서울광역시, 대전광역시, 부산광역시 등

괄호와 같이 작성하시면
괄호 아래와 같이 결과가 나타납니다.

5. 밑줄 만들기

 

마크다운에서 밑줄은 지원을 하지 않습니다.

다만, 우회적인 방법을 사용하여 밑줄을 사용할 수 있습니다.

<u>이 텍스트에 밑줄이 그어집니다<\u>

위와 같이 html을 사용하면 아래와 같이 결과가 나타납니다.

이 텍스트에 밑줄이 그어집니다

 

6. 목록 만들기

 

목록을 만들 때에는 1. 2. 3. 을 사용할 수 있습니다.

저녁 목록

  1. 피자
  2. 햄버거
  3. 돈가스

탭(Tab) 키를 사용하여 아래와 같이 목록 아래 목록을 만들 수도 있습니다.

저녁 목록

  1. 피자
    1. 패퍼로니
    2. 불고기
  2. 햄버거
    1. 싸이버거
    2. 불고기버거
  3. 돈가스
    1. 치즈돈가스
    2. 일반돈까스

또는 -, *, + 의 사용이 가능합니다.

저녁 목록

  • 피자
    1. 패퍼로니
    2. 불고기
  • 햄버거
    1. 싸이버거
    2. 불고기버거
  • 돈까스
    1. 치즈돈가스
    2. 일반돈가스

반드시 1. 2. 3. 또는 -, *, + 사용 후 한 칸을 띄어야 합니다.

 

7. 텍스트에 링크 연결하기

 

마크다운에서 텍스트에 링크를 연결하기 위해
대괄호 [] 안에 링크 텍스트를 쓰고
소괄호 () 안에 URL을 입력하면 됩니다.

아래와 같이 입력하면

[옵시디언 공식 사이트](https://obsidian.md/)

아래와 같이 텍스트에 사이트가 연결이 됩니다.

옵시디언 공식 사이트

 

8. 이미지 삽입하기

 

마크다운에서 이미지를 삽입하기 위해서는
앞서 설명한 링크 연결하기와 비슷한 방법을 사용합니다.

![이미지 설명](이미지 URL)

이렇게 작성하시면 이미지를 삽입할 수 있습니다.

![이미지](https://cdn.pixabay.com/photo/2014/07/07/17/24/safari-386292_1280.jpg)

위와 같이 입력하시면 아래와 같이 결과를 보실 수 있습니다.

이미지

 

반응형

9. 이미지에 링크 연결하기

 

이미지에 링크를 연결하는 방법은
다음과 같습니다.

[![이미지 설명](이미지 URL)](연결할 URL)

 

10. 인용 구문 넣기

 

인용 구문을 사용하기 위해서는 꺽쇠(>)를 사용하시면 됩니다.

인용 구문 안에 또 다른 인용 구문을 넣는 것도 가능합니다.

안녕하세요
홍길동입니다.

안녕하세요

홍길동입니다.
저는 의적입니다.

 

인용 구문 안에 이미지를 넣는 것도 가능합니다.

이미지

 

11. 코드 블록 삽입하기

 

한 단어만 감싸는 경우는 다음과 같습니다.

```python
print("Hello, World!")
```

print("Hello, World!")

위와 같이 작성하시면 코드 블록을 삽입할 수 있습니다.

해당 프로그래밍 언어를 기재하면
문법 강조를 할 수 있어 가독성이 좋아집니다.

만약에 단순히 한 줄만 삽입하고 싶다면

`print("Hello, World!")`

이렇게 작성하시면 아래와 같이 결과가 나타납니다.

print("Hello, World!")

주의하셔야 할 것은
[`]은 숫자 1 옆에 위치해 있다는 것입니다.

작은따옴표와 혼동하시면 안 됩니다.

 

12. 체크박스 넣기

 

체크박스를 넣는 방법은
-, +, * 뒤에 띄어쓰기를 한 후 대괄호를 적습니다.

- [ ] 아이스크림 사 먹기
- [ ] 과자 사 먹기

이렇게 작성하시면 체크박스가 나타나고
클릭이 가능합니다.

 

13. 구분선 넣기

 

구분선은 -, 또는 *세 개 이상 사용하면 됩니다.


 


가나다라


만약에 - 을 사용할 경우
이전 라인을 비워야 합니다.

왜 그런지는 정확히 모르겠지만,
이 전라인에 문자가 있을 경우
해당 문자가 제목 글자로 변경되는 것 같습니다.

가나다라

이런 식으로요

 

[ 마치며 ]

 

마크다운은 간단하게 작성하기 편합니다.

마우스 클릭 없이 간단하게

메모를 작성하거나,

글의 구조를 작성하기 좋습니다.

 

다만, 에디터에 따라 지원하는 형식이 조금 다를 수 있는 것 같으나,

기본적인 방식은 유사할 것으로 보입니다.

728x90
반응형