[ 마크다운이란? ]
텍스트를 간단한 문법으로 서식을 지정할 수 있는 경량 마크업 언어
마크다운(Markdown)이라는 이름은 마크업(Markup)에서 유래되었으며,
마크업 언어의 간소화된 버전으로,
마크업을 줄인다는 의미에서 마크다운이라고 불리게 되었습니다.
사용방법에 대해 간단히 예를 들어 설명하면
한글 프로그램을 사용하여
글씨를 진하게 만들 때
- 해당 내용을 작성한다.
- 강조할 부분의 범위를 지정한다.
- 단축키 Ctrl + B를 사용하여 진하게 강조한다.
이런 순서를 거치게 되지만
마크다운 문법을 사용하면
강조할 부분의 앞과 뒤를 ** 또는 __ 를 사용해 감싸기만 하면
해당 부분의 진하게 강조되는 효과를 얻을 수 있습니다.
마크다운 문법을 지원하는 에디터에서
"Chatgpt는 **마크다운 문법**을 지원합니다."
라고 작성을 하면 아래와 같이 보입니다.
Chatgpt는 마크다운 문법을 지원합니다.
우리가 사용하는 Notion이나 Obsidion에서도 마크다운 문법을 지원합니다.
[ 마크다운 문법 ]
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. 을 사용할 수 있습니다.
저녁 목록
- 피자
- 햄버거
- 돈가스
탭(Tab) 키를 사용하여 아래와 같이 목록 아래 목록을 만들 수도 있습니다.
저녁 목록
- 피자
- 패퍼로니
- 불고기
- 햄버거
- 싸이버거
- 불고기버거
- 돈가스
- 치즈돈가스
- 일반돈까스
또는 -, *, + 의 사용이 가능합니다.
저녁 목록
- 피자
- 패퍼로니
- 불고기
- 햄버거
- 싸이버거
- 불고기버거
- 돈까스
- 치즈돈가스
- 일반돈가스
반드시 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. 구분선 넣기
구분선은 -, 또는 *을 세 개 이상 사용하면 됩니다.
가나다라
만약에 - 을 사용할 경우
이전 라인을 비워야 합니다.
왜 그런지는 정확히 모르겠지만,
이 전라인에 문자가 있을 경우
해당 문자가 제목 글자로 변경되는 것 같습니다.
가나다라
이런 식으로요
[ 마치며 ]
마크다운은 간단하게 작성하기 편합니다.
마우스 클릭 없이 간단하게
메모를 작성하거나,
글의 구조를 작성하기 좋습니다.
다만, 에디터에 따라 지원하는 형식이 조금 다를 수 있는 것 같으나,
기본적인 방식은 유사할 것으로 보입니다.
'IT정보 > 기타' 카테고리의 다른 글
[ 정규표현식 ] 정규 표현식(Regular Expression) 알아두기, 정규표현식 예시 (1) | 2024.09.11 |
---|---|
[ 키보드 사용기 ] ALUA F99 PRO 키보드 구매 및 사용기 (2) | 2024.09.06 |
[ 하드웨어 ] MANLI 지포스 RTX 4070 SUPER 구입 및 벤치마크, 온도 (1) | 2024.04.02 |
[ 사용기 ] Alldocube iPlay50 mini pro 실구매 사용기 (0) | 2023.10.21 |
[ 게임 ] 디아블로2 레저렉션 다중클라, 멀티로더, 멀티계정, 2계정 3계정 동시 실행 (0) | 2023.10.08 |