← 문서

Mermaid 가져오기

업데이트: 2026년 8월 5일

Mermaid로 작성한 다이어그램이 이미 있다면, 직접 손으로 다시 그리지 않고 캔버스에 바로 가져올 수 있습니다. 결과물은 캔버스 오브젝트로 남아 이동하고 편집하거나 나머지 프레젠테이션과 조합할 수 있습니다.

지원하는 다이어그램 유형

가져오기 기능은 방향이 TD, LR, BT, RL인 flowchart 또는 graph 유형 다이어그램만 지원합니다. 다른 Mermaid 다이어그램 유형(시퀀스, Gantt, ER 등)은 지원하지 않으며, 붙여넣으면 오류가 표시됩니다.

다이어그램 가져오는 방법

  1. 편집기에서 프레젠테이션을 엽니다.
  2. 툴바에서 Mermaid 가져오기를 클릭합니다.
  3. 다이얼로그의 텍스트 영역에 Mermaid 코드를 붙여넣거나 파일 업로드를 사용하여 .mmd 파일을 불러옵니다.
  4. 코드가 유효하면 가져오기를 클릭합니다.

다이어그램이 현재 카메라 위치를 중심으로 캔버스에 나타납니다.

호환 코드 예시

flowchart TD
    A[Start] --> B{Any data?}
    B -- Yes --> C[Process]
    B -- No --> D[End]
    C --> D

이 블록은 노드 4개와 커넥터 3개를 생성합니다. 코드 펜스 마커는 생략할 수 있으며, 가져오기 기능은 Mermaid 코드를 직접 받아들입니다.

편집 가능한 항목

각 노드는 텍스트 레이블을 가진 캔버스 도형이 됩니다. 각 커넥터는 캔버스 커넥터가 됩니다. 직접 그린 것과 마찬가지로 모든 요소를 이동하고, 크기를 조절하고, 색상을 변경하고, 텍스트를 편집할 수 있습니다.

코드에 서브그래프가 있으면 가져오기 기능이 자동으로 그룹화합니다. 필요하다면 나중에 그룹을 해제할 수 있습니다.

자주 묻는 질문

.mmd 파일을 바로 가져올 수 있나요? 예. 다이얼로그의 파일 업로드 버튼을 사용하여 기기에서 .mmd 파일을 불러올 수 있습니다.

가져오기 기능이 Markdown 코드 펜스 안의 코드(```mermaid)를 받아들이나요? 예. 가져오기 기능은 ```mermaid 및 ``` 마커를 자동으로 감지하고 제거합니다.

가져오기 기능에서 "코드에서 노드가 감지되지 않았습니다"라고 표시되는 이유는 무엇인가요? 코드에 유효한 노드가 없거나 지원하지 않는 다이어그램 유형을 사용할 때 발생합니다. 첫 번째 줄이 flowchart 또는 graph로 시작하고 유효한 방향(TD, LR, BT, RL)이 뒤따르는지 확인하세요.

Mermaid 가져오기가 AI 사용량을 소비하나요? 아니요. 코드를 붙여넣거나 업로드하여 Mermaid를 가져오는 것은 AI 사용량을 소비하지 않습니다. AI로 생성할 때만 소비됩니다. 자세한 내용은 AI로 다이어그램 생성을 참고하세요.

다음 단계