배치 다이어그램 튜토리얼

통합 모델링 언어(UML)는 많은 소프트웨어 엔지니어와 비즈니스 전문가가 복잡한 시스템에 대한 개괄적인 구조를 작성하는 데 사용하는 표준 언어입니다. 배치 다이어그램은 이 언어로 작성되는 다이어그램 유형 중 하나입니다. 이 가이드를 통해 UML 다이어그램 작성 도구와 함께 배치 다이어그램에 대해 자세히 알아보세요. 직접 배치 다이어그램을 작성하고 싶다면, 이 튜토리얼에서 Lucidchart를 사용하여 다이어그램을 그리고, 서식을 지정하고, 완성된 다이어그램을 공유하는 실용적인 단계도 확인할 수 있습니다.

배치 다이어그램이란 무엇인가요?

통합 모델링 언어(UML)의 맥락에서 배치 다이어그램은 시스템 자체의 한 측면을 묘사하기 때문에 구조적 다이어그램 작성 범주로 분류됩니다. 이 경우 배치 다이어그램은 하드웨어 구성 요소의 소프트웨어 프로그램에서 생성된 정보를 물리적으로 배치하는 방법을 묘사합니다. 소프트웨어가 생성하는 정보를 아티팩트라고 합니다. 이는 BPMN과 같은 다른 모델링 접근 방식에서 사용하는 용어와 혼동해서는 안 됩니다.

배치 다이어그램은 여러 UML 도형으로 구성됩니다. 노드라고 하는 3차원 상자는 시스템의 기본 소프트웨어 또는 하드웨어 요소, 즉 노드를 나타냅니다. 노드와 노드를 연결하는 선은 관계를 나타내고, 상자 안에 있는 작은 도형은 배치되는 소프트웨어 아티팩트를 나타냅니다. 배치 다이어그램은 하드웨어까지 설명할 수 있다는 점에서 UML 세계에서 독특한 위치를 차지합니다.

배치 다이어그램 적용 사례

배치 다이어그램에는 몇 가지 중요한 적용 사례가 있습니다. 적용 사례는 다음과 같습니다.

• 어느 하드웨어 요소에 의해 어느 소프트웨어 요소가 배치되는지를 보여줍니다.
• 하드웨어의 런타임 프로세싱을 분명히 나타냅니다.
• 하드웨어 시스템의 토폴로지 보기를 제공합니다.

배치 다이어그램 가이드라인

Lucidchart의 UML 다이어그램 도구를 사용하여 배치 다이어그램을 구성하세요. 다이어그램을 작성하기 전에 다음을 자문해보세요.

1. 시스템 범위를 확인했는가? 예를 들어 여러분이 단일 적용 사례에 대한 다이어그램을 작성하거나 컴퓨터의 전체 네트워크에 대한 배치 다이어그램을 작성할지를 알아야 합니다.
2. 물리적 하드웨어의 제한 사항은 무엇인가? 어떤 기존 시스템과 상호 작용해야 하는가? 작업할 운영 소프트웨어 및 프로토콜과 적용할 모니터링의 내용을 알고 있는지 확인하세요.
3. 어떤 분산 아키텍처를 사용하고 있는가? 애플리케이션에 몇 가지 단계가 있고 어떤 애플리케이션을 배치할지를 알아야 합니다.
4. 필요한 모든 노드가 있는가? 모든 노드가 어떻게 연결되어 있는지 알고 있는가?
5. 어느 노드에 어느 구성 요소가 오게 될지 알고 있는가?

이러한 질문에 답하고 나면, 보여줄 노드와 그 노드 간의 관계를 간단하게 목록으로 작성한 다음, 그 목록을 UML 표기법으로 변환하는 것이 도움이 될 수 있습니다. 

배치 다이어그램 요소

다양한 도형이 배치 다이어그램을 구성합니다. 이 목록은 발생할 수 있는 기본 요소를 전반적으로 보여주며 아래 표시된 이미지에서 이러한 대부분의 항목을 볼 수 있습니다.

• 아티팩트: 소프트웨어를 사용하여 개발한 제품으로, 이중 화살표로 둘러싸인 이름과 '아티팩트'라는 단어가 있는 직사각형 기호입니다.
• 연계: 노드 간의 메시지나 기타 통신 유형을 나타내는 선입니다.
• 구성 요소: 소프트웨어 요소를 나타내는 두 개의 탭이 있는 직사각형입니다.
• 종속성: 화살표로 끝나는 점선으로, 하나의 노드나 구성 요소가 다른 노드에 종속되어 있음을 나타냅니다.
• 인터페이스: 계약 관계를 나타내는 원. 인터페이스를 구현하는 개체는 일종의 의무를 완료해야 합니다.
• 노드: 3차원 상자로 표시되는 하드웨어 또는 소프트웨어 객체입니다.
• 컨테이너로서의 노드: 아래의 노드가 구성 요소를 포함하는 예시와 같이 노드 내부에 다른 노드를 포함하는 노드입니다.
• 스테레오타입: 노드의 맨 위에 표시되는 노드 내에 포함된 장치이며 이름이 이중 화살표로 묶여있습니다.

실제로 다이어그램의 목적(예: 토폴로지 vs. 런타임 처리)을 먼저 결정한 다음, 해당 목적을 명확하게 표현하는 데 필요한 요소를 선택하는 경우가 많습니다.

배치 다이어그램 기호 및 표기법

UML 배치 다이어그램을 구축할 때 아래의 도형을 사용합니다.

노드

배치 다이어그램에는 두 가지 유형의 노드(디바이스 노드 및 실행 환경 노드)가 있습니다. 디바이스 노드는 처리 기능 및 프로그램 실행 기능이 있는 컴퓨팅 리소스입니다. 디바이스 노드의 몇 가지 예시에는 PC, 노트북, 휴대폰이 포함됩니다.

실행 환경 노드, 또는 EEN은 디바이스 노드 내에 상주하는 모든 컴퓨터 시스템입니다. 이는 운영 체제, JVM 또는 다른 서브렛 컨테이너가 될 수 있습니다.

데이터베이스

데이터베이스는 배치된 시스템에 의해 저장된 모든 데이터를 나타냅니다. 어떤 경우에는 데이터베이스가 다른 노드로만 표시되지만 가끔씩 이러한 도형을 데이터베이스로 볼 수 있습니다.

기타 도형

• 통신 경로: 두 디바이스 노드 간의 통신을 나타내는 직선입니다.
• 아티팩트: 헤더가 '<>'인 상자와 파일의 이름입니다.
• 패키지: 모든 디바이스 노드를 그룹화하여 전체 배치를 캡슐화하는 파일 모양의 상자입니다.
• 구성 요소: 스테레오타입 기능을 실행하는 데 필요한 개체입니다. UML 구성 요소 표기법에 대한 본 가이드를 참조하세요.

이러한 기호를 배치할 때 배치 다이어그램은 단순한 것부터 매우 상세한 것까지 다양하다는 것을 기억해. 예를 들어 특정 배포 패턴을 반영하기 위해 한 노드를 다른 노드 안에 중첩하여 표시할 수 있어. 

배치 다이어그램 예시

이 예시는 Lucidchart에 필요한 기본 배치 다이어그램을 보여줍니다. 웹 서버, 데이터베이스 서버 및 사용자가 웹사이트를 보는 시스템이 있습니다. 웹 서버의 다양한 부분과 UserClient에서 Javascript가 작동하는 방식을 보여줌으로써 복잡성을 추가할 수 있지만, 이 예시에서는 배치가 UML 표기법에서 어떻게 표시되는지를 알 수 있습니다.

Lucidchart에서 배치 다이어그램을 그리는 방법

핵심 표기법을 이해했다면 다음 단계는 모델을 깔끔하고 공유 가능한 다이어그램으로 변환하는 것입니다. 아래 워크 플로는 실용적인 순서를 따릅니다. 캔버스를 설정하고, 표시할 내용을 파악하고, 도형을 추가하고 연결한 다음, 결과를 게시하거나 다운로드하세요.

1. Lucidchart에서 시작하기

멋진 UML 다이어그램을 만드는 첫 번째 단계는 Lucidchart에 가입하는 것입니다. Lucidchart는 직관적인 인터페이스, 미리 만들어진 템플릿, 그리고 방대한 도형 라이브러리를 제공하므로 복잡한 배치 다이어그램을 만드는 데 어려움이 없을 것입니다.

Lucidchart에 로그인한 후 새 빈 문서를 만들고 UML 도형 라이브러리를 활성화하세요. 화면 왼쪽 상단의 '도형'을 클릭하고 나타나는 메뉴에서 'UML'을 선택합니다. 이제 Lucidchart의 모든 UML 도형이 캔버스 왼쪽에 표시됩니다.

2. 구성 요소 식별

먼저 다이어그램을 통해 전달하고자 하는 내용을 명확히 한 다음, 노드와 해당 노드에 배치될 소프트웨어 요소를 나열하세요. 배치 다이어그램은 하드웨어와 관련된 여러 가지 목적을 수행할 수 있습니다. 이러한 기능에는 다음과 같은 것들이 있습니다.

• 하드웨어 요소의 런타임 처리 캡처

• 주어진 하드웨어 시스템에 대한 일반적인 토폴로지 설명

• 특정 소프트웨어 구성 요소가 특정 하드웨어 구성 요소에 의해 어떻게 배치되는지 시연

배치 다이어그램의 목적을 파악했다면, 다음으로 다이어그램에 포함될 요소를 결정해야 합니다. 모든 배치 다이어그램의 핵심 요소는 노드입니다. 이 큰 3D 상자는 객체를 배치하는 요소를 상징합니다. 상자 안에 있는 객체, 예를 들어 스테레오타입, 아티팩트, 구성 요소(아래 예시에서 구성 요소를 볼 수 있음)는 배치되는 객체입니다.

노드와 노드를 연결하는 선은 노드 간의 관계 또는 노드가 주고받는 메시지 간의 관계를 나타냅니다. 배치 다이어그램은 매우 복잡해질 수 있다는 점에 유의해야 합니다. 예를 들어 표현하고자 하는 배치 패턴에 따라 한 노드가 다른 노드 안에 포함될 수도 있습니다. 따라서 표시하고자 하는 노드와 그 노드들 간의 관계를 명확하게 나타낸 목록을 작성하는 것이 도움이 될 수 있습니다.

3. 도형 추가

Lucidchart에서 다이어그램을 그리려면 UML 도형 라이브러리를 활성화하세요. UML 배치 도형 라이브러리에서 첫 번째 기호인 노드를 드래그하여 가져옵니다. 노드에 레이블을 지정하고 노드 안에 포함할 도형을 선택합니다. 아티팩트, 구성 요소, 인스턴스 또는 기본 객체를 추가할 수 있습니다. 노드의 요소는 쉽게 추가, 삭제 또는 교체할 수 있습니다. 요소의 이름을 바꾸려면 클릭하고 입력하기만 하면 됩니다.

첫 번째 노드를 추가한 후, 다이어그램 구조가 완성될 때까지 노드를 추가하고 레이블을 지정합니다. 그런 다음 노드 상자에 배치될 구성 요소 도형을 추가합니다.

4. 노드 연결

그다음, 두 노드를 연결할 준비가 되었습니다. 선을 추가하려면 마우스 커서를 도형 위로 가져갔을 때 나타나는 빨간색 원에서 마우스를 드래그하여 해당 도형에 연결하세요.

5. 화살표 서식 지정

노드 내부 요소 간의 관계를 그릴 때는 복잡한 연결을 표현해야 할 경우가 많습니다. Lucidchart 편집기에서는 각 선의 스타일과 화살표를 변경하여 고유한 유형의 관계를 나타낼 수 있습니다. 캔버스 위에 있는 속성 표시줄을 사용하면 됩니다.

6. 다이어그램 완성

시스템 설명을 마칠 때까지 선과 노드를 추가하세요. 내용을 더 쉽게 이해할 수 있도록 다이어그램에 다양한 색상을 추가해도 좋습니다.

7. 게시, 구현 및 공유

축하합니다! 이제 배치 다이어그램을 완성했습니다. 완료한 배치 다이어그램을 게시하고 팀과 공유하여 빠른 참조 자료로 활용하거나 온보딩 프로세스를 가속화할 수 있습니다.

Lucidchart 사용자 또는 비사용자를 포함한 협업자와 문서를 공유하려면 화면 오른쪽 상단에 있는 주황색 '공유' 버튼을 클릭하세요. 같은 메뉴에서 소셜 미디어에도 간편하게 다이어그램을 게시할 수 있습니다.

다이어그램을 다운로드하려면 파일 > 다운로드를 클릭하고 원하는 파일 형식을 선택하세요. 문서를 다운로드하면 다른 사람이 무단으로 변경할 염려 없이 다이어그램을 공유할 수 있습니다. Lucidchart를 사용하면 다이어그램을 게시하고 공유하는 것이 매우 쉽습니다.

이 페이지를 검토한 후 날렵하고 매끄러운 다이어그램을 생성하는 무료 시각 커뮤니케이션 플랫폼인 Lucidchart를 사용하여 직접 배치 다이어그램을 그릴 수 있습니다.

직접 UML 다이어그램을 만들 준비가 되셨나요? Lucidchart를 사용해 보세요. 빠르고 쉬우며 무료로 시작할 수 있습니다.