Miro에서 매핑 및 다이어그램 작성하기

Miro는 매핑 또는 다이어그램 작성 프로세스의 모든 단계에서 필요한 툴을 제공하는 올인원 솔루션입니다. Miro의 직관적인 툴과 프레임워크를 사용해 다이어그램 작성을 처음부터 시작하거나 확장된 Miro 라이브러리에서 사전 제작 템플릿을 선택하세요. 팀원과 공유하고 간편하게 협업하세요. 보드에서 토론하고 바로 다듬을 수 있습니다. 다이어그램이 준비되면 간편하게 작업물을 내보내고 프레젠테이션하세요.

💡 기술 다이어그램 작성에 대한 Miro Academy 과정을 이수해보세요.

첫 다이어그램 만들기

Miro로 매핑 및 다이어그램 작성을 시작하려면 요구 사항에 가장 적합한 툴을 선택하고 스마트 다이어그램 작성 기능을 활용하세요. 어떤 작업이 가능한지 아래에서 확인하세요.

도형 라이브러리를 열려면 툴바에서 도형 툴을 선택하고 모든 도형을 클릭하세요. 다이어그램 작성 패널이 왼쪽에서 열립니다. 

왼쪽 패널의 도형 다이어그램 작성

보드에 도형을 생성하려면 간단히 클릭하거나 보드로 드래그하면 됩니다. 

라이브러리에 새 도형을 추가할 수도 있습니다.

1. 도형 관리를 클릭하세요.
2. 필요한 도형 팩 옆의 상자를 선택합니다. 기본 도형, 플로차트, 커넥터는 모든 사용자가 사용할 수 있습니다. 다른 도형 팩(BPMN, 데이터 흐름, AWS 등)은 Business, Enterprise, Education 플랜에서만 사용할 수 있습니다.
3. 아래로 스크롤해 새 도형을 찾아보고 사용해보세요.

패널의 도형 위에 마우스를 갖다대면 의미를 확인할 수 있습니다(예: 사전 정의된 프로세스).

다이어그램 작성 패널에 새 도형 팩 추가하기

사용 가능한 도형 팩

• 기본 도형
• 콜아웃
• 커넥터
• 플로차트

스마트 다이어그램 작성 옵션

• AWS
• Azure
• BPMN
• Cisco
• Cloudflare
• DFD
• ERD
• Google Cloud
• Kubernetes
• Salesforce
• UML
• 가치 흐름 맵(VSM)
• VMware

다이어그램 테마

시선을 사로잡는 다이어그램을 만들려면 시작하기 전에 여러 다이어그램 테마 중에서 선택해보세요. 

도형 > 모든 도형에서 다이어그램 테마를 찾을 수 있습니다. 도형 팩 바로 위에서 6개의 다이어그램 테마 중 하나를 선택할 수 있습니다. 다이어그램을 직접 만들기 전에 하나를 선택해 스타일을 지정하는 데 드는 시간을 절약하세요.

💡 전문가 수준의 프레젠테이션과 보드를 위해 브랜드 스타일로 다이어그램을 만들어보세요. 

✏️ 다이어그램 테마는 현재 기본 도형 및 플로차트 도형에 사용할 수 있습니다.

다이어그램 테마

스윔레인

다이어그램을 논리적 영역으로 분할하면 복잡한 정보를 시각화할 수 있으며 각자 역할을 확실히 분배하는 명확한 디자인이 가능합니다. 플로차트, BPMN, UML 다이어그램 생성에 자주 사용되는 스윔레인은 레인 간 상호 종속성, 연결, 핸드오프를 나타낼 수 있습니다. 다이어그램에 스윔레인을 추가하면 프로세스의 효율성을 개선할 수 있고 낭비되거나 비효율적인 부분이 없는지 파악하는 데 도움이 됩니다.

스윔레인은 플로차트, BPMN, UML 도형 팩에 속합니다. 도형 > 모든 도형 > 플로차트, BPMN 또는 UML 도형 팩을 검색해 스윔레인을 추가할 수 있습니다. 간단하게 보드에 끌어다 놓으면 바로 생성할 수 있습니다. 

수직 및 수평 스윔레인이 있으며 풀을 통해 여러 레인을 함께 그룹화할 수 있습니다. 

스윔레인 위로 마우스를 가져가면 제어 지점을 찾을 수 있습니다. 이 옵션을 사용하면 레인을 추가하고 이동할 수 있습니다.

⚠️ 스윔레인 내의 콘텐츠는 잠그고, 정렬하고, 그룹화할 수 없습니다.

Miro 스윔레인

콜아웃

콜아웃으로 다이어그램에 주석을 달아 중요한 정보에 주의를 집중시키세요. 콜아웃을 추가하려면 도형 > 모든 도형 > 콜아웃을 검색하세요. 콜아웃을 선택한 뒤 보드에 끌어다 놓으면 됩니다. 

콜아웃 추가하기

콜아웃에는 콜아웃, 말풍선, 괄호의 세 가지 도형이 있습니다. 콜아웃의 꼬리를 오브젝트에 연결하면 오브젝트와 고정됩니다. 즉, 오브젝트나 콜아웃을 이동하면 꼬리가 연결된 상태로 유지됩니다.

보드의 콜아웃

엔티티 관계 다이어그램 작성

사용 가능 플랜: Business, Enterprise, Education 플랜

Miro의 엔티티 관계 모델링 툴을 사용하면 세 가지 기본 개념인 엔티티, 속성, 관계를 사용해 높은 수준의 데이터 모델을 시각화할 수 있습니다.

엔티티 관계 다이어그램을 만들 때 다음 작업을 수행할 수 있습니다.

• 엔티티 내의 속성에 교대로 색상 적용
• 엔티티에 단일, 이중 또는 삼중 열 만들기
• 엔티티 위 또는 아래에 + 기호를 사용하거나 플로팅 패널을 통해 행 추가
  엔티티 추가 및 수정하기
  
  
• 카디널리티를 엔티티(도형) 또는 속성(도형 내의 행)에 연결
• 엔티티 작업 시 커넥터가 자동으로 카디널리티 사용
  엔티티 연결하기

빠른 다이어그램 만들기

빠른 다이어그램 생성 툴을 사용해 도형을 쉽게 생성하거나 변환하고 보드의 다른 오브젝트에 연결하세요.

✏️ 기본 도형은 모든 사용자가 사용할 수 있습니다. 도형 팩은 Business, Enterprise, Education 플랜에서만 사용할 수 있습니다.

도형 만들기 및 연결하기

왼쪽 툴바로 이동한 다음 도형 아이콘을 클릭하세요. 도형을 선택하고 보드에 추가하세요.

도형을 복제하려면 도형을 클릭한 다음 Enter 키를 누르세요. 도형 근처의 파란색 점 위로 마우스를 가져가면 새 도형이나 연결선이 만들어지는 위치를 확인할 수 있습니다. 그러면 점을 클릭해 선 또는 새 도형을 만드세요. 

도형을 다른 도형이나 제안되지 않은 오브젝트에 연결하려면 점을 드래그하고 연결선을 평소와 같이 그립니다.

Miro에서 원클릭 생성 및 연결하기

도형 삽입하기 

단계를 넣는 것을 잊었거나 흐름에 정보를 추가해야 하나요? 두 도형 사이의 연결선을 클릭하고 오브젝트 툴바에서 도형 삽입 아이콘을 클릭한 다음 삽입할 오브젝트를 선택하기만 하면 됩니다.

도형 삽입 옵션을 사용하려면 연결된 두 오브젝트 사이에 충분한 공간이 있어야 한다는 점을 기억하세요.

두 도형 사이에 오브젝트 삽입하기

도형 전환하기 

유형 전환 기능을 사용해 다이어그램의 도형을 빠르게 변경하세요. 이 기능을 사용하면 스티커 메모, 텍스트 상자, 카드, 도형 등 한 오브젝트를 다른 오브젝트로 즉시 변환할 수 있습니다. 

유형 전환 드롭다운에서 직접 새 도형을 검색할 수도 있어 쉽게 도형을 찾고 변환할 수 있습니다.

보드에서 변환하려는 오브젝트를 클릭하고 오브젝트 메뉴에서 유형 전환 아이콘을 클릭한 다음, 드롭다운에서 새 오브젝트를 선택하거나 검색합니다.

유형 전환 기능은 기본 도형 및 다이어그램 작성 도형 팩에서 사용할 수 있습니다.

오브젝트 치수

오브젝트 치수 기능은 전문적인 수준의 다이어그램을 더 빠르고 쉽게 만들 수 있도록 도와줍니다. 오브젝트 치수를 사용해 보드 전체에서 동일한 크기의 오브젝트를 정밀하게 생성하세요.

오브젝트 치수는 선을 제외한 모든 오브젝트에서 작동합니다.

오브젝트 치수 활성화하기:  

1. 메인 메뉴 햄버거 아이콘 > 보기 > 오브젝트 치수를 클릭하세요.
2. 오브젝트 치수를 활성화하세요.보드 설정에서 오브젝트 치수 활성화하기

오브젝트 치수 사용하기  

새 오브젝트를 생성하거나 기존 오브젝트의 크기를 조정하면 오브젝트의 폭과 높이를 표시하는 파란색 사각형이 나타납니다. 

보드의 다른 오브젝트와 치수가 일치하면 해당 오브젝트에도 파란색 가이드라인이 표시됩니다. 치수를 사용해 작업하기 

배경 그리드 보기

보드의 그리드 보기를 변경해 보드의 콘텐츠를 더 정확하게 생성하세요. 메인 메뉴 햄버거 아이콘 > 보기 > 그리드를 클릭합니다.

보드 설정의 배경 그리드

그리드 보기에는 세 가지 옵션이 있습니다. 없음, 선 그리드, 점 그리드 중에서 선택하세요. 선 그리드를 사용하면 작은 사각형을 이용해 보드를 더 쉽게 탐색할 수 있습니다. 모든 그리드는 오브젝트를 그리드에 맞추는 스냅 기능을 지원합니다.

그리드에 맞추기

보드 설정에서 점 그리드에 맞추기를 활성화합니다(위 참조). 보드에 도형이나 다른 오브젝트(선 포함)를 추가하면 그리드에 맞춰 정확하게 정렬되는 위치가 표시되면서 그리드(선/점)에 자동으로 맞춰집니다.

그리드에 맞추기

이 기능을 잠깐 끄려면 CMD(Mac) 또는 Ctrl(Windows) 키를 누르면서 오브젝트를 이동하세요.

그리드에 맞추기 기능을 빠르게 활성화하려면 캔버스를 마우스 오른쪽 버튼으로 클릭하고 메뉴에서 해당 옵션을 클릭해 켭니다.

그리드에 맞추기 기능 끄기

스마트 가이드

메인 메뉴 > 환경 설정 > 오브젝트 정렬에서 스마트 가이드를 활성화할 수 있습니다.

스마트 가이드 활성화하기

오브젝트를 보드에 배치하거나 이동하면 스마트 가이드가 보드의 다른 오브젝트에 수직 또는 수평으로 정렬하는 방법을 제안하고 오브젝트 간 간격이 동일해지는 지점을 표시합니다. 오브젝트를 이동하면 파란색 가이드라인이 표시됩니다.

Miro의 스마트 가이드

다이어그램 변경하기

도형의 색상, 불투명도, 텍스트 서식을 변경하고 연결선의 유형, 색상, 텍스트 라벨을 구성할 수 있습니다. 카드와 스티커 메모 또한 자유롭게 사용하세요. 스타일을 유지하면서 쉽게 오브젝트를 변환할 수 있습니다. 여러 항목을 선택해 필터링하고 사용자 지정하려면 다음 도움말을 참고하세요. 여러 오브젝트를 선택하고 이동하는 방법

Miro에서 플로차트 변경하기

💡 태블릿 앱에서 최상의 경험을 얻으려면 그림을 Miro 도형으로 자동 변환하는 스마트 드로잉을 사용해보세요.

마인드맵

Miro 마인드맵으로 아이디어를 표현하고, 흐름을 매핑하고, 브레인스토밍 프로세스를 정리하세요. 하나의 개념으로부터 시작해 수직 또는 수평 레이아웃을 통해 분기와 하위 노드를 생성하세요.

Miro 마인드맵

클릭 한 번으로 하위 노드의 위치를 변경 및 정렬하고, 마인드맵의 색상과 스타일을 변경하고, 노드 및 연결 종속성을 다시 할당할 수 있습니다. 마인드맵에 대해 자세히 알아보세요.

사용자 스토리 매핑

Miro의 인터랙티브 사용자 스토리 맵 프레임워크는 사용자 스토리를 빠르게 추가하고 정리하는 좋은 방법입니다. 세 장의 카드로 시작해 직관적인 컨트롤과 단축키를 통해 USM을 발전시켜 나가세요. Miro 사용자 스토리 맵에 대해 자세히 알아보세요.

Miro 사용자 스토리 매핑

템플릿

고객 여정 지도, 와이어프레임, 조직도 등을 위해 맞춤 제작된 다양한 템플릿이 있는 Miro 템플릿 라이브러리를 탐색해보세요. 보드, 대시보드 또는 이 페이지에서 라이브러리에 액세스할 수 있습니다. 미리 채워진 템플릿을 사용하거나 빈칸으로 시작할 수 있습니다. 

매핑 및 다이어그램 작성을 위한 Miro 템플릿

앱

Miro에서 매핑과 다이어그램 작성에 더 많은 기회를 제공하는 다른 서비스와 Miro의 통합에 대해 알아보세요. Miro 마켓플레이스를 열고 왼쪽에서 사용 사례로 전환하세요.

매핑 및 다이어그램 작성용 Miro 앱

다이어그램 작성 경험을 한층 향상시킬 앱을 자유롭게 설치하세요.

• 아이콘 데이터베이스(Iconfinder, Unsplash): Miro와 아이콘 세트 간에 전환하지 않고도 기술 다이어그램을 시각화하세요. 다른 아이콘 패키지는 도형 라이브러리에서도 사용할 수 있습니다.
• Refractive Strategy의 Clusterizer: 이 앱은 태그가 있는 스티커 메모와 카드를 자동으로 클러스터링합니다. 태그가 있는 스티커 메모 또는 카드 그룹을 선택하고 Clusterizer를 열어 구축을 클릭하세요. 태그가 있는 항목을 선으로 연결해 복제본을 생성합니다. 여기에서 자세히 알아보세요.
• 와이어프레임: Miro 와이어프레임 라이브러리에는 약 60개의 UI 요소와 다양한 인터랙티브 아이콘이 포함되어 있습니다. 요소의 스타일과 유형을 쉽게 변경하고 다른 오브젝트에 연결하세요.
• Jira 카드, Asana 카드, Azure 카드: 다이어그램에 카드가 포함되어 있으면 Jira, Asana, Azure와 Miro 통합을 활용할 수 있습니다. 작업 및 이슈를 인터랙티브 카드로 보드에 가져와 Miro에서도 워크플로를 유지하세요.
• 다이어그램 작성: 다이어그램 작성 라이브러리를 살펴보세요.
• Appgami의 Smart Diagrams: 사전 제작된 맞춤형 템플릿 라이브러리를 확인해보세요. 여기에서 자세히 알아보세요.

협업 및 개선

이메일을 통하거나 공개적으로, 또는 팀이나 프로젝트 멤버와 Miro 보드를 원활하게 공유해 온라인이나 비동기식으로 협업을 시작할 수 있습니다.

보드를 공유하는 또 다른 간단한 방법은 보드를 Confluence, Jira, Microsoft Teams, Trello, 또는 iframe을 지원하는 기타 웹사이트에 보드를 임베드하고 Miro에 등록하지 않은 사용자도 해당 앱 내에서 보드에 댓글을 달거나 편집할 수 있도록 허용하는 것입니다.  

댓글과 스티커 메모를 사용해 메모를 남기고 토론을 시작하세요. 다른 채널을 통해 알림을 받으려면 Slack 및 Microsoft Teams와 통합해보세요.

Miro 댓글

내보내기 및 프레젠테이션

회의에서 다이어그램을 프레젠테이션하세요. 아바타 위로 마우스를 가져가서 공동 작업자를 화면으로 불러와 현재 작업 중인 내용을 볼 수 있습니다. 여기에서 자세히 알아보세요.
Miro 어텐션 관리

보드를 내보내고 동료나 고객에게 작업 결과물을 전송해 Miro 외부에서 다이어그램을 프레젠테이션하세요. 이미지, PDF, CSV 또는 .RTB 파일 등 다양한 형식 중에서 선택할 수 있습니다. 

보드 내보내기 옵션

매핑 및 다이어그램 작성을 위한 키보드 탐색

Miro는 보드의 위젯과 다이어그램을 탐색할 수 있는 포괄적인 키보드 명령 모음을 제공합니다. 다이어그램 작성의 경우 커넥터와 다이어그램 요소의 복잡성 때문에 효율적인 탐색이 중요합니다.

키보드 명령

선형 탐색

Tab/Shift+Tab 키를 눌러 요소 사이를 순차적으로 이동합니다.

공간 탐색

Cmd+화살표 키(macOS) 또는 Ctrl+화살표 키(Windows)를 사용해 공간에 정렬된 순서를 기반으로 요소 사이를 이동합니다.

커넥터로 복잡한 다이어그램 탐색

많은 다이어그램은 복잡한 커넥터 네트워크로 구성됩니다. 키보드 탐색이나 보조 기술에 의존하는 사용자를 위해 Miro는 커넥터 목록을 정리해 제공합니다.

커넥터 목록 액세스

• macOS
  Cmd + .(마침표) 누르기
• Windows 
  Ctrl + .(마침표) 누르기

이렇게 하면 수신, 발신, 순환별로 그룹화된 커넥터 목록이 분류되어 표시됩니다. 

• 수신 커넥터에는 선택한 오브젝트를 가리키는 화살표가 있습니다.
• 발신 커넥터에는 선택한 오브젝트에서 벗어나 다른 쪽을 가리키는 화살표가 있습니다.
• 순환 커넥터는 자기 자신에게 연결됩니다.
• 커넥터에 두 개의 화살표가 있으면 수신 및 발신 그룹 모두에 표시됩니다.

커넥터 목록 탐색

• Tab 키를 눌러 수신, 발신, 순환 그룹 간에 전환하세요.
• 위쪽 및 아래쪽 화살표 키를 사용해 선택한 그룹의 커넥터를 탐색합니다.
• Enter 키를 눌러 선택한 커넥터로 초점을 이동합니다.