Sample Full Test — Blog
이 글은 블로그 상세 페이지의 렌더링, 스타일, 그리고 코드 하이라이팅을 종합적으로 검증하기 위해 작성된 샘플 포스트입니다. 아래에 다양한 마크업 요소를 포함하여 데스크탑과 모바일 환경 모두에서 레이아웃과 스타일이 올바르게 적용되는지 확인합니다.
긴 설명
긴 문단 예제입니다. 여러 문장으로 구성되어 있으며, 단락 내 줄바꿈과 문장 길이가 레이아웃에 미치는 영향을 테스트합니다. 다양한 길이의 문장과 특수문자, 인라인 코드(example())를 포함합니다. 또한 문단 안에 목록, 표, 이미지, 코드 블록이 혼합되어도 흐름이 깨지지 않아야 합니다.
체크리스트
- 이 문서는 Markdown/MDX의 표준 요소를 포함합니다.
- 코드 블록은 언어별 하이라이팅을 보여야 합니다.
- 이미지와 캡션은 올바르게 표시되어야 합니다.
Unordered list
- 항목 A
- 항목 B
- 하위 항목 B.1
- 하위 항목 B.2
- 항목 C
Ordered list
- 첫 번째 단계
- 두 번째 단계
- 세 번째 단계
Code blocks
Python
code snippet
# Simple Fibonacci generator
import typing
def fib(n: int) -> typing.Iterator[int]:
a, b = 0, 1
for _ in range(n):
yield a
a, b = b, a + b
print(list(fib(10)))
JavaScript
code snippet
// Async fetch example
async function fetchData(url) {
try {
const resp = await fetch(url);
const data = await resp.json();
console.log('data:', data);
return data;
} catch (err) {
console.error('fetch error', err);
throw err;
}
}
fetchData('/api/ping');
Bash
code snippet
# Quick archive command
tar -czvf backup-$(date +%F).tar.gz ./content
인라인 코드 예시: npm run build 은 빌드 명령을 실행합니다.
이 인용문은 중요한 알림을 보여주기 위한 예시입니다. 인용문은 스타일과 여백을 점검합니다.
Table
| Name | Value | Notes |
|---|---|---|
| alpha | 123 | numeric test |
| beta | 456 | another row |
Image
마지막 검토 문단: 모든 요소(코드, 표, 이미지, 목록)가 정상적으로 렌더되고, 코드 하이라이팅은 언어별로 색상이 잘 보이며 다크 테마에서도 가독성이 좋아야 합니다.
