Lucidchart에서 Mermaid를 사용하여 코드형 다이어그램 작성하기

코드형 메뉴로 다이어그램 이용

Lucidchart에서 코드형 다이어그램 메뉴를 이용하려면 다음 단계를 따르세요.

1. 캔버스 왼쪽 상단의 검색 아이콘을 클릭하면 왼쪽 패널을 열어보세요.
2. 검색창에 "코드로 다이어그램 만들기"를 입력하세요. 
3. 다이어그램을 코드로 선택하세요.
4. 새 다이어그램을 클릭하세요. 

기존 Lucidchart 편집기에서 다이어그램을 코드 메뉴에 액세스하는 방법에 대한 자세한 지침을 보려면 아래 드롭다운 메뉴를 펼치십시오.

다이어그램 생성

지원되는 각 다이어그램 유형에 대해 제공된 예제 중 하나를 활용하여 코드형 다이어그램을 숙지하세요. 준비가 되면 Mermaid 코드를 작성하여 다이어그램을 생성하세요.

제공된 예제 사용

제공된 예제를 사용하여 다이어그램을 만들려면 코드형 다이어그램 메뉴에서 다음 단계를 따르세요.

1. 새 다이어그램을 선택하세요.
2. 코드를 입력하거나, 제공된 편집기 하단에서 예시 옵션 중 하나를 클릭하세요.
   • 선택한 예제 유형에 따라 코드가 자동으로 편집기에 추가됩니다. 예시 코드를 필요에 따라 수정하세요.
      

고전 Lucidchart 편집기에서 제공된 예제를 사용하는 전체 지침은 아래 드롭다운을 확장해 보세요.

Mermaid를 사용하여 처음부터 새로 만들기

Mermaid 코드를 사용하여 처음부터 새 다이어그램을 만들려면 코드형 다이어그램 메뉴에서 다음 단계를 따르세요.

1. +Mermaid 다이어그램 새로 만들기를 선택하세요.
2. 제공된 편집기에 코드를 입력합니다.
3. 생성을 클릭합니다.

코드를 추가하고 편집하면 다이어그램이 캔버스에 생성됩니다.

다이어그램 편집

코드에서 생성된 다이어그램은 코드를 열고 편집하여 업데이트해야 합니다. 방법은 다음과 같습니다.

1. 다음 방법 중 하나를 사용하여 연관된 코드 편집기를 열어 보세요.
   • 캔버스에 있는 다이어그램을 클릭합니다.
   • 코드형 다이어그램 메뉴로 이동하고 스크롤하여 편집하려는 다이어그램을 선택합니다.
2. 편집기를 클릭하고 변경합니다.
   • 편집하면 캔버스의 다이어그램이 실시간으로 업데이트됩니다.

다이어그램이 캔버스에서 업데이트됩니다.

지원되는 다이어그램 종류

다음 다이어그램 유형은 Mermaid 코드를 사용하여 지원됩니다.

• 클래스: 클래스, 속성, 작업 및 개체 간의 관계를 모델링하여 특정 시스템의 구조를 매핑합니다.
• C4: 오디언스에 따라 네 가지 수준의 모델(컨텍스트, 컨테이너, 컴포넌트, 코드)을 활용합니다.
• 엔터티 관계: 필드 간의 관계를 보여 주기 위해 데이터베이스를 시각적으로 표현합니다.
• 플로우차트: 복잡한 시스템과 프로세스를 다루는 따라하기 쉬운 플로우차트를 만들어 보세요.
• Gantt: 프로젝트 관리 시 일정과 진행 상황을 시각적으로 나타냅니다.
• 이시카와: 근본 원인 분석 중 인과 관계를 시각적으로 나타내는 피쉬본 다이어그램을 만들어 보세요.
• 중첩 트리맵: 중첩 직사각형을 사용하여 계층적 데이터 구조를 시각화합니다.
• 방사형 차트: 방사형 그리드에서 여러 정량적 변수를 비교하는 차트를 만듭니다.
• 시퀀스: 동시에 존재하는 프로세스와 개체, 그리고 생명선이 끝나기 전에 기능을 수행하기 위해 이들 사이에서 교환되는 메시지를 나타냅니다.
• 상태: 동작 다이어그램을 작성하여 다양한 개체 간의 전환을 표시합니다.
• XY 차트: 데이터 포인트 간의 관계를 시각화하는 종합적인 선 그래프, 막대 그래프, 산점도를 만듭니다.

아직도 도움이 필요해요

자주 묻는 질문(FAQ)

이 문서에 관한 피드백 공유