← Dev

MDX 렌더링 테스트

SaidBySolo

2026년 8월 30일

제목 1

제목 2

제목 3

제목 4

텍스트 스타일

굵은 글씨와 기울임 그리고 취소선입니다.

인라인 코드를 섞어서 씁니다. 링크도 있고요.

인용문입니다. 여러 줄도 가능합니다.

코드 블록

// TypeScript 예시
interface User {
  id: number;
  name: string;
}
 
function greet(user: User): string {
  return `Hello, ${user.name}!`;
}
 
console.log(greet({ id: 1, name: "Solo" }));

# Python 예시
def fibonacci(n: int) -> list[int]:
    result = [0, 1]
    for _ in range(n - 2):
        result.append(result[-1] + result[-2])
    return result[:n]
 
print(fibonacci(10))

# 터미널 명령어
pnpm install
pnpm dev

목록

순서 있는 목록:

1. 첫 번째 항목
2. 두 번째 항목
3. 세 번째 항목

순서 없는 목록:

• 프론트엔드
• 백엔드
• 인프라

중첩 목록:

• 상위
  • 하위 1
  • 하위 2
    • 더 깊은 하위

표

체크리스트

• MDX 기본 렌더링
• 코드 하이라이팅
• 이미지 업로드 테스트
• OG 이미지 생성

각주

각주를 사용할 수도 있습니다¹.

수학 (KaTeX)

인라인 수식: $E = mc^2$

블록 수식:

HTML 블록 테스트 (daisyUI)

Discord 타임스탬프

각 포맷 예시입니다.

• 짧은 시간: 오전 08:00
• 긴 시간: 오전 08:00:00
• 짧은 날짜: 2025. 8. 30.
• 긴 날짜: 2025년 8월 30일
• 날짜+시간: 2025년 8월 30일 오전 08:00
• 긴 날짜+시간: 2025년 8월 30일 토요일 오전 08:00
• 상대 시간: 작년

예약된 시간:

• 마지막 업데이트: 6개월 전
• 점검 시작: 2026년 3월 10일 화요일 오전 12:00