예시

자주 쓰는 Markdown·MDX 요소를 한 페이지에 모아, 무엇이 제대로 렌더되고 무엇이 깨지는지 확인하기 위한 페이지입니다.

텍스트 서식

일반 텍스트에 굵게, 기울임, 굵은 기울임, 취소선, 인라인 코드, 그리고 내부 앵커 링크를 넣은 예시입니다. 외부 Docusaurus 링크도 있습니다. 위 첨자와 아래 첨자: H₂O 와 E = mc².

헤딩

레벨 3 헤딩

레벨 4 헤딩

레벨 5 헤딩

레벨 6 헤딩

리스트

순서 없는 리스트

• 첫 번째 항목
• 두 번째 항목
  • 중첩 항목
  • 또 다른 중첩 항목
    • 더 깊은 중첩 항목
• 세 번째 항목

순서 있는 리스트

1. 첫 번째 단계
2. 두 번째 단계
   1. 하위 단계 a
   2. 하위 단계 b
3. 세 번째 단계

작업 목록

• 완료된 작업
• 대기 중인 작업
• 또 다른 대기 작업

인용문

이것은 인용문입니다.

그리고 그 안에 중첩된 인용문입니다.

코드

인라인 const x = 1 과 제목이 붙은 코드 블록:

example.js

function greet(name) {
  // greet the caller
  return `Hello, ${name}!`;
}

greet('mogumogu');

docker compose up -d --build

구문 강조

스택 전반의 Prism 구문 강조를 확인하기 위한 언어별 블록입니다.

fn main() {
    println!("Hello, mogumogu!");
}

package main

import "fmt"

func main() {
	fmt.Println("Hello, mogumogu!")
}

main :: IO ()
main = putStrLn "Hello, mogumogu!"

let name = "mogumogu"
print("Hello, \(name)!")

<?php
echo "Hello, mogumogu!";

def greet(name: str) -> str:
    return f"Hello, {name}!"

class Main {
    public static void main(String[] args) {
        System.out.println("Hello, mogumogu!");
    }
}

fun main() {
    println("Hello, mogumogu!")
}

SELECT id, variety FROM apple WHERE color = 'red' ORDER BY id;

service: rust-api
port: 8080
replicas: 2

[server]
host = "0.0.0.0"
port = 8080

query Apples {
  apples(limit: 10) {
    id
    variety
  }
}

 fn main() {
-    println!("Hello, world!");
+    println!("Hello, mogumogu!");
 }

표

Method	Path	설명
GET	/api/apple	사과 목록 조회
POST	/api/apple	사과 생성
DELETE	/api/apple/{id}	사과 삭제

알림(Admonition)

노트

부수적인 정보를 위한 note 알림입니다.

팁

도움이 되는 조언을 위한 tip 알림입니다.

정보

중립적인 맥락을 위한 info 알림입니다.

경고

주의가 필요한 내용을 위한 warning 알림입니다.

위험

치명적인 경고를 위한 danger 알림입니다.

미디어

접을 수 있는 상세

클릭하여 펼치기

토글하면 드러나는 숨겨진 내용으로, 코드 블록도 포함합니다:

{ "id": "apl_01", "variety": "Fuji" }

수평선

---

여기까지가 전부입니다.