AI 요약
펠레(Pele)는 머메이드(Mermaid) 다이어그램을 SVG로 렌더링하는 경량 오픈소스 라이브러리로, CSS 변수로 테마를 적용할 수 있는 것이 특징이다. 머메이드 문법으로 작성하면 SVG로 변환되며, 색상·폰트 변경 시 재렌더링 없이 CSS 변수만 바꾸면 반영된다. 번들 크기는 gzip 기준 230kB로 머메이드.js의 1.6MB 대비 크게 작고, 렌더링 시간도 0.05~0.3ms로 6~82ms인 머메이드.js보다 훨씬 빠르다. 의존성이 전혀 없고 작은 화면에 맞춰 레이아웃이 적응하는 장점도 내세운다.
핵심 포인트
- 머메이드 문법 → SVG 렌더링, CSS 변수 기반 테마 적용(재렌더링 불필요)
- 번들 크기 gzip 230kB vs 머메이드.js 1.6MB
- 렌더링 시간 0.05~0.3ms vs 머메이드.js 6~82ms
- 직접 의존성 0개, 작은 화면 레이아웃 자동 적응
향후 전망
- 경량·고속 특성으로 웹 앱 내 다이어그램 렌더링 수요 흡수 가능성
- CSS 변수 테마 생태계 확장 및 머메이드 문법 호환 범위 확대 기대
출처:hackernews