진한 칸일수록 이 직업에서 해당 지표가 높습니다.
명료함84
설득55
밀도60
제작 비용30
과제 적합성82
업무 적합성88
낮음높음
짧은 답
인어 텍스트 다이어그램은 언제 고르나요?
이런 이야기에 맞습니다. 프로세스 문서, 온보딩, 할당 로직, PR 설명
언제 피하나요?
이런 경우에는 다른 형식을 쓰세요. 자유로운 레이아웃이 필요한 픽셀 단위의 완벽한 브랜드 일러스트레이션
누가 만들고 퍼뜨렸나요?
Mermaid(2014)는 GitHub에서 Markdown 네이티브 다이어그램을 대중화했습니다.
무엇을 인코딩하나요?
SVG 상자 및 가장자리로 렌더링된 텍스트 그래프 구문
광고에 써도 되나요?
네이버·카카오·메타 소재에서 주장이 한눈에 보이면 됩니다. 아니면 랜딩에 그림을 두세요.
수행평가에 쓸 수 있나요?
수행평가와 탐구 발표에서 축·단위·출처가 있으면 됩니다.
인어 텍스트 다이어그램은 SVG 상자 및 가장자리로 렌더링된 텍스트 그래프 구문으로 값을 담습니다. Mermaid(2014)는 GitHub에서 Markdown 네이티브 다이어그램을 대중화했습니다..
업무 보고서, 광고, 학교 과제에서 이렇게 씁니다. 프로세스 문서, 온보딩, 할당 로직, PR 설명. 피할 조건은 이렇습니다. 자유로운 레이아웃이 필요한 픽셀 단위의 완벽한 브랜드 일러스트레이션
소프트웨어
- Mermaid — 텍스트의 흐름, 시퀀스, 클래스, ER 등 - MIT 라이센스. · MIT · github.com/mermaid-js/mermaid
- Mermaid CLI — SaaS 없이 CI에서 다이어그램을 SVG/PNG로 렌더링합니다. · MIT · github.com/mermaid-js/mermaid-cli
- markdown-it — 종종 문서에 다이어그램 울타리를 포함하기 위해 쌍을 이룹니다. · MIT · github.com/markdown-it/markdown-it
- GitHub markup notes — README 파일에서 Forge가 Mermaid를 렌더링하는 방법을 연구하세요. · MIT · github.com/github/markup
- Flow demo SVG — 이 지도책의 정적 순서도 교육 표시입니다. · CC0 examples · github.com/Tool-Lifes/viz-atlas
보내기
- 보내기 1 — SVG
- 보내기 2 — PDF
- 보내기 3 — PPT에 EMF/SVG (스크린샷 금지)
- 보내기 4 — 웹은 SVG, 인쇄는 PDF
접근성
- 접근성 1 — 색만으로 의미 금지. 패턴·라벨·위치를 겹치세요.
- 접근성 2 — 본문 대비 4.5:1, 큰 마크는 3:1.
- 접근성 3 — 차트에 짧은 대체 텍스트. 숫자는 HTML 표로도.
- 접근성 4 — 움직임은 강조일 때만. prefers-reduced-motion을 존중.
인어 텍스트 다이어그램: SVG 상자 및 가장자리로 렌더링된 텍스트 그래프 구문을 지키고, 자유로운 레이아웃이 필요한 픽셀 단위의 완벽한 브랜드 일러스트레이션에는 다른 그림을 고르세요.