Include diagrams in your Markdown files with Mermaid | The GitHub Blog
The GitHub Blog
<깃허브, Mermaid를 사용하여 마크다운 파일에 다이어그램 지원>
🧜♀️🧜♂️ 커리어리 친구들, 깃허브에 여러분들의 습작이나 오픈소스 커뮤니티에 참여하는 개발자들이라면, 이 Mermaid 를 사용해 보시기 바랍니다. 그동안 깃허브의 Markdown 파일에 그림과 다이어그램을 포함하는 유일한 방법은 이미지를 포함하는 것이었습니다.
최근에 SVG 포함에 대한 지원을 추가했지만 때로는 문서를 사용하여 다이어그램을 최신 상태로 유지하고 ASCII 형식으로 쉽게 만들지만 훨씬 더 예쁜 것을 만들고 싶을 때가 있습니다. 그래서, Mermaid는 Markdown에서 영감을 받은 텍스트 정의를 가져와 브라우저에서 동적으로 다이어그램을 생성하는 JavaScript 기반 다이어그램 및 차트 도구입니다.
크누트 스베이드크비스트에서 유지 관리하는 플로우차트, UML, Git 그래프, 유저 저니 다이어그램, 심지어는 무시무시한 간트(Gantt) 차트를 포함하여 소프트웨어 프로젝트에 대한 다양한 공통 다이어그램 유형을 지원합니다. 사용하는 방법은 매우 간단합니다. 아래의 URL에서 살펴보고 여러분들의 깃허브에 한번 적용해 보시기를 추천드립니다.
Knut 및 CommonMark의 광범위한 커뮤니티와 협력하여 Mermaid 구문을 사용하여 인라인으로 그래프를 생성할 수 있는 변경 사항을 출시했습니다.
다음 내용이 궁금하다면?
이미 회원이신가요?
2022년 2월 23일 오전 12:52
댓글 2
Notion에서도 최근 이 기능이 출시되어 잘 쓰고 있습니다.
오~ 노션에서도 지원하는 군요! 저도 몰랐던 기능인데 알려 주셔서 감사합니다 :)
함께 읽은 게시물
실력 향상을 위한 해외 유튜브 채널 10개
취업 준비와 코딩 공부할 때 도움 되는 해외 유튜브 채널 10개를 간략하게 소개합니다.
1. Gaurav Sen: https://www.youtube.com/@gkcs
- 전반적인 개발자 성장(특히 주니어와 시니어), 취업, 코딩 공부 노하우
- 시스템 설계의 기초 개념 설명 영상이 많다. 특정 시스템 설계를 분석하거나 모의 면접하는 영상이 꽤 많지만 개인적으로 설명이 겉도는 느낌이 있다
- 주니어+/중니어+에게 특화된 취업 및 공부 노하우
2. Abdul Bari(컴공 전공, 알고리즘 공부 필수 채널): https:... 더 보기
📝무신사 글로벌 전략, 핵심만 쏙 정리했어요!
물
... 더 보기제가 리드하고 있는 조직(당근마켓 커뮤니티실)에서 백엔드 엔지니어를 채용 중이에요.
커뮤니티실에는 동네 이웃들의 이야기와 정보를 공유하는 동네생활팀, 이웃 간의 취미와 관심사를 연결하는 모임팀, 그리고 아파트 단지 생활을 더 편리하고 즐겁게 만들어 줄 단지팀이 있어요. 지금 내 동네에서 일어나고 있는 일들을 더 쉽게 즐기고 공유할 방법들을 찾는 일이라면 무엇이든 도전하여 실행에 옮겨요. 만드는 사람이 불편할수록 쓰는 사람은 편하다는 믿음으로 도전적인 문제를 풀어나갈 분과 함께하고자 해요.
... 더 보기
