마크다운 렌더링 테스트

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

코드 블록 테스트

JavaScript 코드

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

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

Python 코드

pythonCopy
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 코드

typescriptCopy
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 다이어그램 테스트

플로우차트

시퀀스 다이어그램

가나트 차트

다른 마크다운 요소들

테이블

인용문

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

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

리스트

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

체크박스

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

강조

• 굵게 표시
• 기울임 표시
• codeCopy

  인라인 코드
• 취소선

링크 테스트

• 내부 링크
• 외부 링크

결론

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