Lucidchart에서 UML 마크업을 사용해 시퀀스 다이어그램 만들기

작성자::  Shanna S
마지막으로 업데이트되었습니다:  

시퀀스 마크업 도구를 사용하면 시퀀스 다이어그램을 쉽게 만들고 편집할 수 있습니다. Lucidchart는 입력한 텍스트에서 시퀀스 다이어그램을 자동으로 생성하므로 절약한 시간을 코드 작업이나 스타워즈를 시청하는 데 사용할 수 있습니다.

요금제 사용 가능 여부: 개인, 팀 및 기업.

보기: UML 클래스 다이어그램

마크업으로 시퀀스 다이어그램 만들기

다음 단계를 수행하면 Lucidchart가 시퀀스 다이어그램을 자동으로 생성합니다.

  1. 캔버스 왼쪽 상단의 검색 아이콘을 클릭 search-icon.png 하세요.
  2. 도 형을 선택해서 도형 메뉴를 열어보세요.
  3. 문서 왼쪽 도형(Shape) 메뉴 하단에서 '모든 도형을 탐색하기'를 클릭하거나 키보드에서 'M'을 누르세요.
  4. 패널 왼쪽의 "표준 라이브러리" 옵션에서 "UML" 도형 라이브러리 옆의 확인란을 선택합니다.
  5. 패널의 오른쪽 하단 모서리에서 선택한 도형 사용을 클릭합니다.
  6. 왼쪽 패널의 검색 섹션으로 돌아가려면 검색 아이콘을 클릭 search-icon.png 하세요.
  7. UML 마크업을 검색하여 선택하세요.
  8. 마우스 커서를 텍스트 위에 올려놓고 클릭하세요.add-to-document-tools-plus-icon.png 더하기 아이콘을 클릭하면 UML 마크업을 문서 도구에 추가하여 더 빠르게 접근할 수 있습니다.
  9. 캔버스 왼쪽에 나타나는 "UML 마크업" 패널에 마크업을 입력합니다.
    다이어그램 생성을 시작할 준비가 되면 패널 하단의 '빌드'를 클릭하세요.

새 다이어그램을 만들려면 문서 도구에서 [마크업 사용]을 다시 클릭하십시오.

기존 Lucidchart 편집기에서 마크업을 사용하여 시퀀스 다이어그램을 만드는 방법에 대한 자세한 지침을 보려면 아래 드롭다운 메뉴를 펼치세요.

클래식 Lucidchart 편집기 단계는 여기를 클릭하세요

다음 단계를 수행하면 Lucidchart가 시퀀스 다이어그램을 자동으로 생성합니다.

  1. UML 도형 라이브러리를 활성화합니다.
    • 문서 왼쪽에 있는 도형 메뉴 하단에 있는 도형 더 보기를 클릭하거나 키보드에서 "M"을 누릅니다.
    • "도형" 탭에서 "UML" 도형 라이브러리 상자를 선택합니다.
    • 선택한 도형 사용을 클릭합니다.
  2. 도형 메뉴의 "UML 시퀀스" 도형 라이브러리에서 마크업 사용을 클릭합니다.
    UML
  3. 왼쪽의 팝업 창에 마크업을 입력합니다.
  4. 다이어그램을 생성할 준비가 되면 빌드를 클릭합니다.
    시퀀스

새 다이어그램을 만들려면 UML 시퀀스 도형 라이브러리에서 마크업 사용을 다시 클릭합니다.

기존 Lucidchart 편집기에서 마크업을 사용하여 시퀀스 다이어그램을 만드는 방법에 대한 자세한 지침을 보려면 아래 드롭다운 메뉴를 펼치세요.

 

팁: AI로 시퀀스 다이어그램을 생성하여 시간을 절약하세요. 루시드차트( Lucid AI )로 생산성 향상 하기 문서에서 자세히 알아보세요.

지원되는 마크업

선

선은 요소 간의 관계를 나타내며 시스템 내의 연결과 흐름을 시각화하는 데 도움이 됩니다. 

구문 설명 예시

Alice -> Bob

Alice <- Bob

실선을 그립니다(양방향으로 선을 그릴 수 있음). UML 마크업-라인 예시.png
Alice --> 점선을 그립니다.
Alice -> Alice 참가자 간에 실선 화살표를 그립니다.

라이프라인

라이프라인은 프로세스에 관련된 참가자를 표시하며, 각 참가자가 다이어그램의 이벤트 동안 얼마나 오래 활동하거나 관여했는지를 나타냅니다.

구문 설명 예시
Alice 활성화 라이프라인으로 참가자 활성화를 시작하세요. UML 마크업-라이프 라인 예시.png
Alice 비활성화 라이프라인을 종료하는 참가자 활성화를 종료합니다.

화살표

화살표는 요소 간의 커뮤니케이션 흐름을 나타냅니다.

구문 설명 예시
-> 화살표 닫기 UML 마크업 화살표 예시.png
-> > 열기 화살표
- 화살표 없음

텍스트

텍스트는 다이어그램의 선에 레이블을 추가하여 작업이나 흐름에 세부 정보를 추가합니다.

구문 설명 예시
Alice-> Bob: text 참가자 간의 메시지에 라벨을 추가합니다. UML 마크업 텍스트 예제.png
Alice->Bob: text\nmore 참가자 사이에 줄 바꿈이 있는 라벨을 추가합니다.

메모

메모를 사용하여 다이어그램에 주석이나 설명을 추가하여 요소나 프로세스를 명확히 설명하세요.

구문 설명 예시
Alice의 왼쪽 메모: text1 Alice의 왼쪽에 메모 도형을 추가합니다(문자가 두 개뿐인 경우 "of Alice"를 생략할 수 있음). UML-마크업-노트-예시.png
앨리스의 오른쪽 메모: text2 Alice의 오른쪽에 메모 도형을 추가합니다.
Alice 위의 메모: text3 Alice 위에 표시되는 메모 도형을 추가합니다.
앨리스, 밥 위에 메모: text4 Alice와 Bob 위에 표시되는 노트 도형을 추가합니다.
Bob, Alice에 대한 메모 : 이는 줄 바꿈이 있는 긴 메모 \n의 예입니다(이 모든 것을 한 줄로 유지합니다). Alice와 Bob 위에 표시되는 여러 줄로 된 메모가 있는 메모 도형을 추가합니다.

그룹화

그룹화를 사용하여 관련 요소를 컨테이너로 시각적으로 구성하여 시스템의 물리적 또는 개념적 그룹을 나타냅니다. 이렇게 하면 요소 간의 관계를 표시하여 다이어그램을 단순화할 수 있습니다. 

루시드차트는 여러 가지 그룹화 기능을 지원하며, 각 기능은 서로 다른 목적을 가지고 있습니다. 지원되는 기능은 다음과 같습니다: 

  • alt: 하나의 경로만 선택되는 대체 플로우를 나타냅니다. 
  • opt: 조건이 충족되는 경우에만 발생하는 선택적 시퀀스에 사용됩니다. 
  • 파: 병렬을 의미하며, 동시에 작업을 수행할 수 있습니다. 
  • 루프: 반복되는 시퀀스를 나타냅니다. 
  • 중요: 중단 없이 완료해야 하는 섹션을 정의합니다.
구문 설명 예시

대체 성공 사례

Bob -> Alice: 데이터 허용됨

또는 다른 종류의 실패

Bob -> Alice: 데이터 거부됨

종료

"alt"(대안) 및 "else"(기타)를 사용해 그룹화 메시지를 작성하여 다양한 상황을 표시합니다. UML-markup-alt-grouping-example.png

선택 text1

Alice -> Bob: text2

종료

"opt" 키워드로 그룹화 메시지를 작성합니다.

이러한 키워드는 지원됩니다:

  • opt 
  • par 
  • 루프
  • 중요

참고: 이 4개의 키워드는 "else"를 지원하지 않습니다. 키워드 "alt"만 "else"와 쌍을 이룰 수 있습니다.

UML-markup-opt-grouping-example.png

UML 마크업-파-그룹화 예제.png

별칭

별칭을 사용하여 요소에 대체 이름을 지정하면 마크업을 더 명확하게 정리하고 단순화할 수 있습니다. 

구문 설명 예시
참가자 A를 Alice로 더 빨리 쓸 수 있도록 참가자에게 별칭을 제공하십시오. UML 마크업 별칭 예시.png
참가자 A를 "Alice Jones"로 별칭 주위에 따옴표를 넣어 참가자에게 한 단어보다 긴 별칭을 제공합니다.

코멘트

코멘트는 다이어그램에 표시되지 않는 코드 내 메모를 추가하는 방법입니다. 다이어그램의 구조에 영향을 주지 않으면서 유용한 설명이나 알림을 제공합니다.

구문 설명
'comment text 한 줄 코멘트
/' comment text '/ 여러 줄 코멘트

시퀀스 다이어그램 편집

시퀀스 다이어그램이 첫 번째 시도에서 완벽하지 않더라도 걱정하지 마십시오. 캔버스에서 다이어그램을 수동으로 조정하거나 그룹 해제하지 않는 한 이미 작성한 다이어그램의 태그를 편집할 수 있습니다.

다이어그램을 클릭하기만 하면 시퀀스 마크업 대화 상자가 편집기 왼쪽에 나타납니다.

시퀀스 다이어그램 스타일 지정

시퀀스 다이어그램을 선택하고 편집기 상단에 있는 속성 표시줄을 사용하여 다이어그램에 스타일을 지정합니다. 다이어그램에서 개별 블록/요소의 스타일을 지정하려면 먼저 다이어그램의 그룹을 해제해야 합니다. 다이어그램을 선택하고 마우스 오른쪽 버튼을 클릭한 다음 그룹 해제를 선택합니다.

참고: 다이어그램의 그룹화를 취소하면 마크업을 다시 편집할 수 없습니다.

자주 하는 질문(FAQ)

마크업에 스타일링 구문을 추가할 수 있나요?
루시드차트에서는 스타일링 UML 구문이 지원되지 않습니다. 다이어그램 스타일 지정에 대해 자세히 알아보려면 이 문서의 시퀀스 다이어그램 스타일 지정 섹션을 참조하세요.

리소스

이 기능에 대해 자세히 알아보려면 아래의 추가 리소스를 살펴보세요. 이러한 리소스는 영어로만 제공됩니다.

동영상

UML 클래스 다이어그램 | 자습서

UML 유스 케이스 다이어그램

이 문서에 관한 피드백 공유

이 문서와 관련해 공유하고 싶은 피드백이 있으신가요? 여기에서 여러분의 경험을 알려주세요. 

원하는 정보를 찾으셨나요?

아직 궁금한 점이 남아 있거나 지식을 공유하고 싶으신가요? 커뮤니티   에서 멤버들의 도움을 받고 지식을 나눠보세요.