반응형 visualize3 [다이어그램] mermaid 11.16.0_(2/2) 19~36(끝) 19. Special characters that break syntax괄호나 특수문자가 Mermaid 문법으로 오해될 때는 표시 텍스트를 큰따옴표로 감싸면 돼.위험한 예:flowchart LR A[함수(a, b)] 안전하게:flowchart LR A["함수(a, b)"]특수문자가 들어간 문구는 기본적으로 큰따옴표를 사용하는 습관이 좋다. 공식 문서도 문제가 되는 문자를 따옴표 안에 넣는 방법을 안내한다.20. Entity codes to escape characters특수문자를 HTML 엔티티 코드로 바꿔서 넣을 수도 있어.예를 들어 #의 십진수 코드는 35야. flowchart LR A["#35; 제목"] HTML 문자 이름도 사용할 수 있어. flowchart LR A["A &.. 2026. 7. 23. [다이어그램] mermaid 11.16.0_(1/2) 1~18 1. Flowcharts - Basic SyntaxFlowchart는 크게 두 요소로 구성돼.Node: 네모, 원 같은 도형Edge: 노드를 연결하는 선이나 화살표가장 기본적인 형태는 다음과 같아. flowchart LR A --> Bflowchart: 플로우차트를 그린다는 선언LR: 왼쪽에서 오른쪽으로 배치A, B: 노드 ID-->: 화살표Mermaid에서는 flowchart 대신 예전 문법인 graph를 사용해도 된다. graph LR A --> B 주의할 단어노드에 소문자 end를 그대로 쓰면 문법이 깨질 수 있다. flowchart LR A[end] 따라서 다음처럼 써야 안전해. flowchart LR A[End] 또한 연결선 바로 뒤에서 노드 ID가 소문자 o, x로 시작하.. 2026. 7. 23. [다이어그램] 머메이드 mermaid.live 너 쫌 매력적이다 📌 Mermaid Live란?텍스트로 작성한 코드를 실시간으로 다이어그램으로 보여주는 웹 편집기문법만 익히면 텍스트만으로 간편하게 도식을 그릴 수 있다.간단한 도식부터 복잡한 다이어그램까지 모두 작성 가능하다. ✨ 생각보다 강력하다아래는 20줄도 안 되는 코드로 작성한 플로우차트 예시이다. 정말 이 정도 코드만으로도 꽤 보기 좋은 다이어그램이 만들어진다.더보기flowchart TB subCorner["본사 관리자 입력 (hq_v_00009) / 매장 사용자 입력 (st_v_00006)"] -- "1. 등록/수정" --> DB_SLIP["무발주 전표 생성(OBSLPHTB & OBSLPDTB)"] DB_SLIP -- "2. 확정/취소 트랜잭션" --> Triggers["트리거 실행 프로세스".. 2026. 7. 23. 이전 1 다음 반응형
