본문 바로가기
Language

[markdown] 마크다운 기본 사용방법

by 천뱅 2024. 10. 5.

 

마크다운(Markdown)은 복잡한 HTML 태그 없이도 깔끔하고 구조적인 글을 쓸 수 있게 해주는 마법 같은 도구입니다.

마크다운 기본 문법, 이 글 하나로 완벽하게 정리해 드리겠습니다 !

 


해당 포스트는 전체 markdown으로 작성되었습니다. 티스토리에서는 백틱하나와 표는 제대로 표시되지 않네요 

 


1. 제목 (Headers)

가장 기본이 되는 제목 설정입니다. . #의 개수에 따라 <h1>부터 <h6>까지 크기가 조절됩니다.

# 이것은 H1 제목입니다
## 이것은 H2 제목입니다
### 이것은 H3 제목입니다
#### 이것은 H4 제목입니다

이것은 H1 제목입니다

이것은 H2 제목입니다

이것은 H3 제목입니다


2. 텍스트 강조 (Emphasis)

글자에 스타일을 입혀 가독성을 높일 수 있습니다.

*이것은 기울임꼴(Italic)입니다.*
_이것도 기울임꼴입니다._

**이것은 굵게(Bold)입니다.**
__이것도 굵게입니다.__

~~이것은 취소선입니다.~~

 

이것은 기울임꼴(Italic)입니다.
이것은 굵게(Bold)입니다.

이것은 취소선입니다.


3. 목록 (Lists)

순서가 있는 목록과 없는 목록을 구분해서 사용하세요.

### 순서 없는 목록
* 사과
  * 빨간 사과
  * 초록 사과
- 포도
+ 바나나

### 순서 있는 목록
1. 첫 번째 단계
2. 두 번째 단계
3. 세 번째 단계
  • 사과
    • 빨간 사과
    • 초록 사과
  • 포도
  • 바나나

4. 링크와 이미지 (Links & Images)

가장 헷갈리기 쉬운 부분이지만, 대괄호[]와 소괄호()만 기억하면 됩니다.

### 링크 삽입
[구글 바로가기](https://www.google.com)

### 이미지 삽입
![이미지 설명](이미지_경로_URL)

구글 바로가기


5. 인용문 (Blockquotes)

다른 사람의 글이나 강조하고 싶은 문장을 넣을 때 사용합니다.

> "성공은 최종적인 것이 아니며, 실패는 치명적인 것이 아니다. 중요한 것은 계속하려는 용기다." 
> - 윈스턴 처칠

"성공은 최종적인 것이 아니며, 실패는 치명적인 것이 아니다. 중요한 것은 계속하려는 용기다."

 


6. 코드 블록 (Code Blocks) ✨

개발 블로그의 핵심이죠! 백틱(Backtick, `) 세 개를 사용하며, 언어 이름을 적으면 문법 강조(Syntax Highlighting)도 가능합니다.

```Python
def hello_world():
    print("Hello, Markdown!")
```
def hello_world():
    print("Hello, Markdown!")

7. 가로선 (Horizontal Rules)

내용을 구분할 때 사용합니다.

---
***
___

8. 표 (Tables)

데이터를 정리할 때 유용합니다. : 위치에 따라 정렬 방향이 결정됩니다.

| 이름 | 나이 | 직업 |
| :--- | :---: | ---: |
| 홍길동 | 20 | 도적 |
| 임꺽정 | 30 | 의적 |

* `:---` 왼쪽 정렬
* `:---:` 중앙 정렬
* `---:` 오른쪽 정렬
이름 나이 직업
홍길동 20 도적
임꺽정 30 의적

9. 체크박스 (Task Lists)

할 일 목록을 만들 때 사용합니다.

- [x] 마크다운 문법 익히기
- [ ] 블로그 첫 글 포스팅하기
  • 마크다운 문법 익히기
  • 블로그 첫 글 포스팅하기

10. 짧은 코드

문장 중간에 아주 짧은 코드를 넣고 싶을 때는 백틱 한 개만 사용해 보세요.

`pip install pandas` 를 터미널에 입력하세요

pip install pandas 를 터미널에 입력하세요

 

 


 

끝으로 마크다운 편집기는 아래 세가지를 추천 드립니다. 

 

1. Typora (현재는 유료임)

https://share.google/YAn6eyV48NRdRG8OQ

 

Typora — simple yet powerful Markdown reader.

Readable & Writable Typora gives you a seamless experience as both a reader and a writer. It removes the preview window, mode switcher, syntax symbols of markdown source code, and all other unnecessary distractions. Instead, it provides a real live preview

typora.io

 

 

 

2. Obsidian 

https://obsidian.md/

 

Obsidian - Sharpen your thinking

The free and flexible app for your private thoughts.

obsidian.md

 

 

3. Bear 
https://bear.app/

 

Bear

Bear is a beautiful, powerfully simple Markdown note taking app to capture, write, and organize your life.

bear.app