Mermaid란 / GPT로 mermaid 코드 추출 / notion에 옮기기

Mermaid란?

Mermaid는 코드만으로 복잡한 다이어그램을 쉽게 만들 수 있는 강력한 도구다. Markdown과 같은 텍스트 기반 도구들과 결합하면 더욱 효과적으로 기술 문서와 다이어그램을 작성할 수 있다.

위 사진은 https://mermaid.live/ 에서 코드의 흐름을 다이어그램으로 뽑은 결과다.

GPT로 Mermaid 코드 생성하기

~~
위 코드의 진행 흐름을 mermaid.live에서 사용가능한 flowchart 코드로 작성해줘

이렇게 프롬프트를 구성하면 된다.

Markdown에서 사용하기

GitHub, GitLab, Notion과 같은 플랫폼에서 직접 Mermaid 코드를 사용해 다이어그램을 그릴 수 있다.

```mermaid
flowchart TD
A[Start] --> B[Step 1]
B --> C[Step 2]
C --> D[End]
```

노션에 mermaid를 바로 그려주는 기능이 있다. 코드 이해하기에 정말 도움이 된다. 모두모두 이용하시길~

사용 예시:

참고:
https://dawonny.tistory.com/437