웹페이지에서 Markdown 다이어그램 렌더링하기
Markdown Diagrams는 Chrome, Edge, Opera 및 Firefox에서 사용할 수 있는 브라우저 확장 프로그램으로, 사용자가 마크다운 다이어그램 및 차트 코드 블록을 미리보기 이미지로 렌더링할 수 있습니다. modulo.srl에서 개발한 이 무료 확장 프로그램은 PlantUML, Mermaid, GraphViz 등과 같은 다양한 언어를 지원합니다. Markdown Diagrams를 사용하면 사용자는 GitHub, GitLab, Bitbucket 및 Atlassian과 같은 인기있는 플랫폼을 포함한 모든 웹 사이트에서 다이어그램을 쉽게 생성하고 볼 수 있습니다.
이 확장 프로그램은 md 파일, pull request, issue, gist, wiki, Jira, Confluence, Trello 및 기타 알려진 패턴을 따르는 웹 사이트와 같은 다양한 문맥에서 마크다운 다이어그램 및 차트를 렌더링하는 것을 지원합니다. 또한, Markdown Diagrams는 마크다운 확장자로 렌더링될 때 로컬 파일도 지원합니다.
Markdown Diagrams를 사용하는 것은 간단하고 직관적입니다. 사용자는 그들의 다이어그램 또는 차트 코드를 인용구에 넣기만 하면, 확장 프로그램이 자동으로 렌더링합니다. 렌더링된 다이어그램을 더블 클릭하면 사용자는 코드와 다이어그램 보기 사이를 전환할 수 있으며, 확장 프로그램 아이콘을 클릭하여 현재 브라우저 탭에서 구문 분석을 쉽게 활성화 또는 비활성화할 수 있습니다.
Markdown Diagrams의 사용 예제는 GitLab, Bitbucket 및 GitHub 리포지토리에서 다양한 다이어그램 예제를 확인할 수 있습니다.