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

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

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

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

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

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

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

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

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

팁: 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 유스 케이스 다이어그램

이 문서에 관한 피드백 공유

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

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

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