Markdown Renderer Test

1. Heading Anchor Test

Sub Heading

이 헤딩에 slug와 autolink가 붙어야 함.

2. GFM 기능

Task List

• 완료된 작업
• 해야 할 작업

Table

Strikethrough

이 문장은 취소되었습니다

3. Inline Code

const hello = "world"

이 문장은 참조¹입니다.

4. Code Block (Pretty Code Test)

function greet(name: string) {
  return `Hello ${name}`;
}
 
console.log(greet("Markdown"));

Line Highlight Test

const a = 1
const b = 2
const c = a + b
console.log(c)

5. Math (KaTeX)

Inline math:

$E = mc^2$

Block math:

6. Link Test

Google

7. Blockquote

이것은 인용문입니다.
Markdown 렌더링 테스트 중입니다.

8. List

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

• 사과
• 바나나
• 포도

9. HTML Test

bold html

10. Directive Test

이건 remark-directive 테스트입니다.

이 작업은 되돌릴 수 없으니 주의하세요!

동영상 예시:
dQw4w9WgXcQ

11. summary & detail

• 브라우저 렌더링 과정을 이해하면 웹 성능 최적화에 도움이 된다.
• 웹 로딩의 병목은 크게 두 가지(네트워크 지연 시간, 메인 스레드 점유)에서 발생한다.
• 제한된 자원 내에서 렌더링 시간을 최소화하여 메인 스레드에 자유를 주자.