티스토리 글쓰기 : 마크다운 / Markdown

티스토리에서의 마크다운

마크다운은 무엇일까?

마크다운은 2004년 존 그루버가 만든 언어로 읽기 쉽고, 쓰기 쉽게만들기 위한 마크다운 언어이다.

간단하게는, 그냥 글을 쉽게 쓸 수 있는 방법이라고 생각하면 된다.

구글에 검색하면 많이 나와있지만, 그냥 내가 내 글 보면서 익숙해지려고 작성하였다.

글쓰기 방법끼리 비교해보자

기본모드 vs HTML 편집기

)

왼쪽 사진은 기본모드이다. 말그대로 어디서나 볼 수 있는 기본적인 편집기이다. 각종 기능(굵게, 표, 파일 첨부 등)을 사용할 수 있으며, 사용할 수 있는 기능이 많은 만큼 손도 많이 간다.

오른쪽 사진은 HTML이다. HTML을 보는 데에 어려움이 없다면, 비교적 자유롭게 커스터마이징을 할 수 있다. id값을 부여해서 INDEX를 만든다든가, class를 부여해서 특별한 서식을 만든다든가 말이다.

나는 위의 두 개만 사용하다가 지치게 되었고, 가운데에 있는 이건 뭐지 싶어 알아보고 몇 달 써본뒤로는 마크다운+기본모드로 사용중이다.

그럼 마크다운의 장점은?

간단하다. 몇 가지 공식?만 외운다면. 만약 단락의 제목을 입력하고 싶다면 \# 제목 입력하고 Enter 몇 번 누르고 바로 글을 쓰면 된다.

즉, 마우스에 손 댈 필요가 없는 것이다.

더 이상 말이 필요할까? 마크다운 형식과 예제를 보자.

마크다운 형식과 예제

H (heading, 글의 제목)

# H1

## H2

### H3

#### H4

##### H5

###### H6

H1

H2

H3

H4

H5

H6

H마다 각 형식이 다를 것이다. 블로그를 위해 커스텀(css 파일 수정)해서 그렇다.

p (paragraph, 일반 글)

그냥 입력하면 된다.
**강한 강조**
_약한 강조_
~~취소~~

그냥 입력하면 된다.
강한 강조
약한 강조

취소

a (anchor, 하이퍼링크)

https://ruungji.tistory.com/

[RuungJi's Blog](https://ruungji.tistory.com/)

아쉽지만 새 탭 열기는 불가하다. 미리보기 또한 불가하다.

https://ruungji.tistory.com/

RuungJi's Blog

img (image, 이미지)

[대체 텍스트](URL "타이틀")

<img src="URL" alt="대체 텍스트" title="타이틀">

Blockquote (인용)

> 인용은 이렇게

> 여러 _줄도_
> 
> **가능**
>
> > 여러 인용도

인용은 이렇게

여러 줄도

가능

여러 인용도

List (리스트)

1. 첫번째
    * `Tab 탭`으로 자식을 만들 수 있습니다.
    * 섞어 써도 상관 없는
2. 두번째 
    + `Tab 탭`으로 자식을 만들 수 있습니다.
    + 순서가 필요 없는

- 일반 리스트
    - 커스텀 모양

1. 첫번째
   • Tab 탭으로 자식을 만들 수 있습니다.
   • 섞어 써도 상관 없는
2. 두번째
   • Tab 탭으로 자식을 만들 수 있습니다.
   • 순서가 필요 없는

• 일반 리스트
  • 커스텀 모양

Table (테이블)

| 제목 | 내용 | 설명 |
| :-- | :-: | --: |
| 좌측 정렬 | 가운데 정렬 | 우측 정렬 |
| 내용. | 내용. | 내용. |

제목	내용	설명
좌측 정렬	가운데 정렬	우측 정렬
내용.	내용.	내용.

Table은 사이트를 이용하면 여러 다른 프로그램과 연계하여 편하게 쓸 수 있다.
https://www.tablesgenerator.com/markdown_tables

Code (코드)

` 백틱(backtick)을 사용하여 작성한다. 1 옆에 있는 버튼이다.

인라인 코드

다른 스타일과 `혼용`도 가능.

다른 스타일과 혼용도 가능.

코드 블럭

```(언어 스타일)
  ...
  Code
  ...
\```

  ...
  Code
  ...

hr (horizontal rule, 수평)

--- (하이픈, 마이너스)

*** (별표)

___ (언더바)

---