Formatting & rendering test

2026-03-20

Formatting & rendering test

Formatting & rendering test

이 포스트는 MDX 파이프라인과 렌더링을 검증하기 위한 테스트용 문서입니다. 여러 종류의 코드 블록과 이미지 배치, 긴 테이블/목록을 포함합니다.

Example: bash + python + json

code snippet
# quick dev server npm run dev -- -p 3000
code snippet
# sample function with comments def hello_world(name: str) -> str: return f"hello {name}" # format: greeting print(hello_world("world"))
code snippet
{ "example": true, "items": [1,2,3,4] }

Images

Formatting sample - 1
Formatting sample - 1

Formatting sample - 2
Formatting sample - 2

Long text block

여기에 아주 긴 문단을 넣어 레이아웃과 타이포가 모바일에서 어떻게 보이는지 확인합니다. 가능한 한 문장이 길고 복합적인 구조를 포함하도록 작성하여, 줄바꿈, 단어 분리, 하이픈 처리 및 프로스 스타일이 잘 작동하는지 테스트합니다. 또한, 이미지 캡션과 사진 배치가 콘텐츠 흐름을 방해하지 않는지 점검합니다. 사용자 경험 관점에서 본문은 읽기 쉬워야 하며, 작은 화면에서도 가독성이 유지되어야 합니다.

Bullet list & table

  • 항목 A
  • 항목 B
  • 항목 C
NameValue
alpha123
beta456

끝.