3줄 요약
- 외부 이미지가 페이드 인 효과와 함께 지원됩니다.
- MDX에서 직접 네이티브 막대 차트를 렌더링할 수 있습니다.
- Mermaid.js 통합으로 코드 기반 다이어그램을 작성할 수 있습니다.
1. 외부 이미지 테스트
아래는 새로운 ExternalImg 컴포넌트로 로드된 무작위 Unsplash 이미지입니다. 부드러운 페이드 인 효과를 확인해보세요.
Failed to load image
2. 데이터 시각화 (막대 차트)
이제 무거운 라이브러리 없이 간단한 차트를 렌더링할 수 있습니다.
2024 인기 프로그래밍 언어 (설문)
JavaScript/TypeScript 85%
Python 72%
Rust 45%
Go 38%
Swift 20%
이 차트는 순수 CSS와 HTML로 제작되었습니다. 렌더링을 위한 자바스크립트가 필요하지 않습니다!
3. Mermaid 다이어그램
콘텐츠 제작 프로세스의 흐름도입니다.
