Published on

마크다운 사용법

Authors

설명

Markdown 및 Mdx 구문 분석은 통합 및 기타 비고 및 리프레쉬 패키지를 통해 지원됩니다. 'next-mdx-remote'를 사용하면 webpack을 건드리지 않고도 '.mdx' 및 '.md' 파일을 보다 유연한 방식으로 구문 분석할 수 있습니다.

GitHub 마크다운이 사용됩니다. 'mdx-prism'은 코드 블록에 대한 구문 강조 표시 기능을 제공합니다. 다음 소스 코드로 확인해 봅시다.

다음 마크다운 치트 시트는 다음에서 각색되었습니다.: https://guides.github.com/features/mastering-markdown/

마크다운이란?

Markdown은 웹에서 텍스트의 스타일을 지정하는 방법입니다. 문서의 표시를 제어합니다. 단어의 서식을 굵게 또는 기울임꼴로 지정하고, 이미지를 추가하고, 목록을 만드는 것은 Markdown으로 할 수 있는 작업 중 일부에 불과합니다. 대부분 Markdown은 '#' 또는 '*'와 같이 알파벳이 아닌 몇 가지 문자가 포함된 일반 텍스트입니다.

구문 가이드

다음은 GitHub.com 또는 텍스트 파일의 어디에서나 사용할 수 있는 Markdown 구문에 대한 개요입니다.

헤더 태그

# 이것은 h1 태그입니다.

## 이것은 h2 태그입니다.

#### 이것은 h4 태그입니다.

이것은 h1 태그입니다.

이것은 h2 태그입니다.

이것은 h4 태그입니다.

강조 태그

_이것은 기울임꼴 텍스트 입니다._

**이것은 굵은꼴 텍스트 입니다.**

_이것은 **강조** 텍스트 입니다._

이것은 기울임꼴 텍스트 입니다.

이것은 굵은꼴 텍스트 입니다.

이것은 강조 텍스트 입니다.

리스트

기본 리스트 정렬

- 요소 1
- 요소 2
  - 요소 2a
  - 요소 2b
  • 요소 1
  • 요소 2
    • 요소 2a
    • 요소 2b

숫자 리스트 정렬

1. 요소 1
1. 요소 2
1. 요소 3
   1. 요소 3a
   1. 요소 3b
  1. 요소 1
  2. 요소 2
  3. 요소 3
    1. 요소 3a
    2. 요소 3b

이미지

![GitHub Logo](https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png)
구문: ![표기될 텍스트](사이트의 url)

GitHub Logo

링크

http://github.com - automatic!
[GitHub](http://github.com)

http://github.com - 바뀐 텍스트! GitHub

Blockquotes

공자 왈:

> 삼십육계 줄행랑
> 지피지기
> 백전백승

공자 왈:

삼십육계 줄행랑 지피지기 백전백승

소스 코드 작성

이곳에 `<addr>` 태그를 사용해야 할것 같습니다.

이곳에 <addr> 태그를 사용해야 할것 같습니다.

구문 강조

다음은 구문 강조 표시를 사용하는 방법의 예입니다. GitHub Flavored Markdown:

```js:fancyAlert.js
function fancyAlert(arg) {
  if (arg) {
    $.facebox({ div: '#foo' })
  }
}
```

스타일이 지정된 코드 제목으로 멋지게 채색된 코드 입니다.

fancyAlert.js
function fancyAlert(arg) {
  if (arg) {
    $.facebox({ div: '#foo' })
  }
}

각주

이 예제는 간단한 각주[^1]입니다.  뒤에 몇 가지 추가 텍스트가 있습니다.

[^1]: 내 설명

이 예제는 간단한 각주1입니다. 그 뒤에 몇 가지 추가 텍스트가 있습니다.

체크 리스트

- [x] 목록 구문 필요(정렬되지 않은 목록 또는 정렬된 목록 지원)
- [x] 체크 박스에 체크 표시가 되어 있다면 완료된 표시입니다.
- [ ] 체크 되지 않은 비완료된 리스트
  • 목록 구문 필요(정렬되지 않은 목록 또는 정렬된 목록 지원)
  • 체크 박스에 체크 표시가 되어 있다면 완료된 표시입니다.
  • 체크 되지 않은 비완료된 리스트

테이블

단어 목록을 어셈블하고 하이픈 '-'(첫 번째 행의 경우)으로 나눈 다음 각 열을 파이프 '|'로 구분하여 테이블을 만들 수 있습니다.

| 첫번째 머릿글                | 두번째 머리글                 |
| --------------------------- | ---------------------------- |
| 첫번째 쉘                    | 두번째 쉘                    |
| 컨텐츠 안에 첫번째 컬럼       | 컨텐츠 안에 두번째 컬럼        |
첫번째 머릿글두번째 머리글
첫번째 쉘두번째 쉘
컨텐츠 안에 첫번째 컬럼컨텐츠 안에 두번째 컬럼

취소선

두 개의 물결표로 줄 바꿈된 단어(예: 'this')는 ~~줄이 그어진 ~~로 나타납니다.

Footnotes

  1. 내 설명