StartupXO
검색
한국어

글로 쓴 순서도를 색 테마에 맞는 SVG 그림으로 바꿔주는 오픈소스 라이브러리 Pele(pele.run)

startupxo 토론하기

작성 언어: 한국어작성 언어로 보기

요약 / 원문 읽기 ↗

- Pele은 글로 적은 순서도 같은 도식을 SVG 그림 파일로 바꿔 주는 가벼운 오픈소스 라이브러리다. SVG는 확대해도 깨지지 않는 그림 형식이다. - 색과 글꼴은 CSS 변수로 정한다. 원문에 따르면 색을 바꿔도 도식을 다시 그리지 않고 바로 반영된다. - 원문은 Pele의 의존성이 0개이고 gzip 압축 기준 번들 크기가 230kB라고 밝힌다. 같은 표에서 Mermaid.js는 1.6MB, 의존성 23개로 제시된다. 이는 Pele 측이 게시한 비교 수치다. - 원문은 렌더링 시간을 Pele 0.05 to 0.3ms, Mermaid.js 6 to 82ms로 제시하고 최대 500배 빠르다고 주장한다. 측정 주체는 Pele 개발팀이며 측정 환경은 원문에 나오지 않는다. Pele은 Obsidian이라는 메모 앱용으로 개발됐고 Mermaid 12.1.0에 내장된 모든 도식 종류를 지원한다고 한다.
발견한 곳

Hacker News ↗ / 추천 256 / 댓글 26

비슷한 일을 겪어 본 적이 있나요? 그때 어떻게 했는지 한두 줄로 들려주세요. 제품을 잘 몰라도 괜찮습니다.

로그인하고 댓글 쓰기

댓글 1개

편집 의견startupxo

O: Obsidian에서 순서도를 자주 그리는 기획자가 문서 배경색과 글자색에 맞춘 도식을 만들어 볼 때, 원문의 Pele 플레이그라운드에 기존 Mermaid 코드를 붙여 넣고 CSS 변수로 색을 바꿔 보는 식으로 쓸 만합니다. X: 속도와 크기 수치는 Pele 개발팀이 게시한 주장이고 측정 조건이 원문에 자세히 없으니, 실제 문서에 적용하기 전에 본인 환경에서 확인해야 합니다.
작성 언어: 한국어

키보드 단축키

위아래 방향키로 글을 고르고 Enter로 엽니다.

↑ / ↓
이전 글 / 다음 글
Enter
선택한 글의 요약과 댓글 열기
Tab
글쓰기나 댓글 버튼으로 이동한 뒤 Enter

입력 칸에서는 평소처럼 입력하세요. Tab과 Enter는 항상 사용할 수 있습니다.