마크다운 렌더링 테스트

이 글은 새로 구현한 마크다운 기능들을 테스트하기 위한 글입니다.

코드 블록 테스트

JavaScript 코드

javascript

function calculateSum(a, b) {
  // 두 수의 합을 계산합니다
  return a + b;
}

const result = calculateSum(5, 3);
console.log(`결과: ${result}`);

Python 코드

python

def fibonacci(n):
    """피보나치 수열을 생성합니다"""
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)

# 처음 10개 피보나치 수 출력
for i in range(10):
    print(f"F({i}) = {fibonacci(i)}")

TypeScript 코드

typescript

interface User {
  id: number;
  name: string;
  email: string;
}

class UserService {
  private users: User[] = [];

  addUser(user: User): void {
    this.users.push(user);
  }

  getUserById(id: number): User | undefined {
    return this.users.find(user => user.id === id);
  }
}

Mermaid 다이어그램 테스트

플로우차트

시퀀스 다이어그램

가나트 차트

다른 마크다운 요소들

테이블

기능	상태	설명
코드 구문 강조	✅ 완료	Prism.js 사용
Mermaid 다이어그램	✅ 완료	클라이언트 사이드 렌더링
테이블	✅ 완료	GitHub Flavored Markdown
링크	✅ 완료	내부/외부 링크 지원

인용문

이것은 인용문입니다. 중요한 내용을 강조할 때 사용합니다.

여러 줄로도 작성할 수 있습니다.

리스트

순서 있는 리스트
- 첫 번째 항목
- 두 번째 항목
중첩 리스트
- 상위 항목
  - 하위 항목 1
  - 하위 항목 2

체크박스

완료된 작업
진행중인 작업
예정된 작업

강조

굵게 표시
기울임 표시
인라인 코드
~~취소선~~

링크 테스트

결론

모든 마크다운 기능이 정상적으로 작동하는지 확인했습니다!