Miro의 Draw.io 다이어그램

대상: 모든 사용자
플랜: Free, Starter, Business, Education, Enterprise
플랫폼: 브라우저, 데스크톱

Miro에서 제작한 Draw.io 앱을 사용하면 여러 유형의 다이어그램을 만들고 협업해 부서 간 팀, 프로젝트, 기술 문서를 하나의 워크스페이스에서 통합할 수 있습니다. 이 도구는 UML과 ERD 같은 기술 다이어그램 작성, 서버 랙 설계, 네트워크 및 클라우드 아키텍처 시각화에 적합합니다.

Draw.io Diagrams의 주요 기능

Draw.io Diagrams 앱에서 제공하는 다양한 고급 기능으로 다이어그램 작성 과정을 간소화할 수 있습니다. 이러한 기능은 맞춤화와 효율성 향상, 기존 워크플로와의 통합을 도와줍니다.

• ArchiMate의 엔터프라이즈 아키텍처, 전기 회로, 평면도 등 50개 이상의 도형 팩에 접근하고 오픈 소스 아이콘 라이브러리에서 도형을 검색할 수 있습니다.
• draw.io, Visio 및 Lucidchart에서 다이어그램을 가져올 수 있습니다.
• 레이어, 태그, 스마트 컨테이너, 자동 레이아웃 및 도형 메타데이터 같은 고급 기능을 사용할 수 있습니다.
• 텍스트를 HTML로 서식 지정하고 레이블에 수식 조판을 사용할 수 있습니다.
• PlantUML, Mermaid 코드, CSV 스프레드시트 데이터와 서식 정보, 또는 SQL 코드로 다이어그램 텍스트를 생성합니다.
• draw.io 스마트 템플릿을 사용해 텍스트 설명으로부터 다이어그램을 생성합니다.

✏️ Enterprise 관리자는 앱 설정에서 Draw.io 다이어그램 앱을 승인된 앱 목록에 추가할 수 있습니다.

Draw.io 다이어그램 시작하기

이 섹션에서는 Miro 보드에서 Draw.io 다이어그램 앱에 접근하고 초기 설정해 다이어그램 작업에 바로 사용할 수 있도록 안내합니다.

Draw.io 다이어그램 앱 실행하기

Draw.io 다이어그램을 사용하려면 먼저 Miro 보드의 툴바에서 앱을 실행해야 합니다. 다음 단계를 따르세요:

1. 보드 왼쪽의 작성 툴바로 이동하세요.
2. 클릭 the 도구, 미디어 및 통합 (+) 아이콘을 클릭하고 Draw.io 다이어그램을 검색하세요.
3. Draw.io 다이어그램 앱을 실행하세요.

작성 툴바에서 Draw.io 다이어그램 앱 실행

Draw.io 다이어그램을 툴바에 고정

나중에 더 쉽게 접근하려면 Draw.io Diagrams 앱을 작성 툴바에 직접 고정할 수 있습니다. 그 방법은 다음과 같습니다.

1. 작성 툴바에서 앱을 검색한 후, 검색 결과에서 Draw.io Diagrams 앱 위로 마우스를 올려놓으세요.
2. 툴바에 고정 아이콘을 클릭하세요.

툴바에 Draw.io Diagrams 앱을 고정하는 모습

Draw.io로 다이어그램 작성

Draw.io Diagrams 앱은 다이어그램 작성을 시작할 때 빈 캔버스에서 시작하거나 미리 디자인된 템플릿을 활용하는 등 유연한 방식을 제공합니다. 또한 다양한 소스에 있는 기존 다이어그램을 가져와 포함할 수 있습니다.

💡 기존의 draw.io 다이어그램을 Miro 보드에 추가할 수 있습니다. Draw.io 다이어그램 가져오기 방법을 확인하세요.

새 다이어그램 만들기

처음부터 다이어그램을 시작하려면 다음 단계를 따르세요. 이 방법은 맞춤형 디자인을 위한 빈 캔버스를 제공합니다.

✏️ Draw.io의 눈금자, 사용자 지정 가능한 표와 배치 지침을 사용해 더 빠르게 다이어그램을 작성해보세요.

1. 다음 Draw.io 다이어그램 앱을 실행하세요.
2. 다이어그램을 시작할 수 있는 빈 캔버스가 표시됩니다. draw.io 파일을 draw.io 캔버스로 끌어다 놓을 수도 있습니다.
3. 왼쪽 사이드바에서 다양한 도형 카테고리를 확인할 수 있습니다.
4. 사이드바에서 사각형이나 타원 등 도형을 클릭해 캔버스로 드래그하세요.
5. 필요에 따라 도형과 연결선을 계속 추가해 다이어그램을 완성하세요. 왼쪽 사이드바에서 텍스트 상자, 이미지 등 다른 요소도 추가할 수 있습니다.
6. 작업을 마쳤으면 저장하고 닫기를 Draw.io 다이어그램 앱의 오른쪽 상단에서 클릭하세요.

Draw.io Diagrams 앱을 사용해 새 다이어그램 만들기

템플릿 선택하기

미리 설계된 구조로 시작하려면 사용 가능한 템플릿에서 선택할 수 있습니다. 그 방법을 확인해보세요:

1. Draw.io 다이어그램 앱을 실행하세요.
2. 상단 툴바에서 삽입 아이콘 (+)을 클릭하세요.
3. 템플릿을 클릭하세요.
4. 템플릿을 선택하세요.
5. 필요에 따라 템플릿을 편집하세요.
6. 작업을 마쳤으면 오른쪽 상단에서 저장 및 닫기를 클릭하세요.

Draw.io 다이어그램 앱에서 템플릿 선택

다이어그램 수정

Draw.io Diagrams 앱의 캔버스에 다이어그램을 올리면 구성 요소를 여러 가지 방식으로 수정해 구조와 모양을 다듬을 수 있습니다.

도형 연결

도형을 연결하는 것은 다이어그램 작성의 기본입니다. 다음 지침을 따라 연결선을 만들고 사용자 지정하세요:

1. 도형 위에 마우스를 올리면 작은 연결 지점이 표시됩니다.
2. 이 연결 지점 중 하나를 클릭한 채 다른 도형으로 드래그하면 연결선이 만들어집니다.
3. 연결선을 클릭해 사용자 지정하세요. 오른쪽 측면 패널에서 연결선 스타일(직선, 곡선 등)을 변경하고 화살촉이나 다른 끝점을 추가하며 선 색상과 굵기를 조절할 수 있습니다.

Draw.io Diagrams 앱에서 도형 연결

도형과 연결선에 레이블 추가

다이어그램 요소에 텍스트 정보를 추가하려면 도형과 연결선에 레이블을 추가하세요. 방법은 다음과 같습니다:

1. 도형이나 연결선을 더블 클릭한 후 입력을 시작하세요.
2. 캔버스 오른쪽의 텍스트 메뉴에서 레이블 서식을 지정하세요. 글꼴 스타일, 색상, 방향, 높이를 변경할 수 있습니다.

Draw.io Diagrams 앱에서 도형에 레이블 추가

개체 이동, 크기 조정 및 삭제

캔버스에서 개체를 쉽게 조작할 수 있습니다. 다음 단계는 개체를 이동, 크기 조정 또는 삭제하는 방법을 설명합니다:

1. 도형 또는 커넥터를 이동하려면 클릭한 상태에서 원하는 위치로 드래그합니다.
2. 도형의 크기를 조정하려면 도형을 클릭한 후 작은 파란 원 중 하나를 드래그합니다.
3. 개체를 삭제하려면 선택한 후 키보드에서 삭제 키를 누르거나 상단 툴바의 삭제 아이콘을 클릭합니다.

Draw.io Diagrams 앱에서 개체 이동, 크기 조정 및 삭제

도형 메타데이터 편집

도형에 중요한 세부 정보를 메타데이터로 추가해 더 많은 정보를 제공할 수 있습니다. 다음 단계를 따르세요:

1. Draw.io 다이어그램 앱을 실행하세요.
2. 다이어그램에서 도형을 선택하세요.
3. 도형을 마우스 오른쪽 버튼으로 클릭한 다음 데이터 편집을 선택하세요.
4. 도형 메타데이터가 포함된 대화 상자가 열립니다. 속성 이름은 왼쪽에, 값은 오른쪽에 표시됩니다.
5. 도형에 연결하려는 정보를 키-값 쌍으로 추가하세요.
6. 메타데이터를 도형에 저장하려면 적용을 클릭하세요.
7. 도형 위에 마우스를 올려 메타데이터를 확인하세요.

도형 메타데이터 편집

다이어그램에 레이어 추가

레이어는 다이어그램을 더 체계적으로 정리하고 가독성을 높여, 특정 부분을 분리해 집중적으로 편집하거나 보기 편하게 합니다. 복잡한 프로젝트에서 특히 유용합니다.

1. 다이어그램을 Draw.io Diagrams 앱에서 엽니다.
2. 보기를 클릭하고 레이어를 선택해 레이어 대화상자를 표시합니다.
3. 새 레이어를 추가하려면 레이어 대화상자 하단의 더하기(+) 아이콘을 클릭합니다.
4. 레이어 이름을 편집하려면 레이어를 더블 클릭해 텍스트를 편집하고 이름 바꾸기를 클릭하세요.
5. 요소를 추가하거나 편집할 레이어를 선택하세요.
6. 레이어를 숨기거나 표시하려면 레이어 이름 옆의 눈 아이콘을 클릭하세요.
7. 다이어그램 편집을 마치면 저장하고 닫기를 클릭하세요.

Draw.io Diagrams 앱에서 레이어 추가

도형 및 도형 라이브러리 관리

Draw.io 다이어그램은 다양한 도형 라이브러리를 사용하고 사용자 지정 도형을 관리해 다양한 다이어그램 작성 요구를 충족할 수 있는 폭넓은 옵션을 제공합니다.

다양한 Draw.io 도형 팩 활용

Draw.io의 광범위한 도형 팩을 활용해 다이어그램 작성 가능성을 넓힐 수 있습니다. 다음과 같이 추가하세요:

1. Draw.io 다이어그램 앱을 실행하세요.
2. 왼쪽 도형 패널 하단에서 더 많은 도형을 클릭하세요.
3. 카테고리를 둘러보고 추가하려는 도형 팩 옆의 확인란을 선택하세요.
4. 선택한 도형 팩을 도형 패널에 추가하려면 적용을 클릭하세요.

draw.io 도형 팩 선택

스크래치패드로 맞춤형 도형 추가

다이어그램 작성 환경을 더 맞춤화하려면 스크래치패드를 사용해 사용자 지정 도형 라이브러리를 만들고 통합할 수 있습니다. 다음 단계를 따르세요:

1. Draw.io 다이어그램 앱을 실행합니다.
2. View로 이동합니다.
3. 스크래치패드를 선택합니다.
4. 스크래치패드가 왼쪽 패널에 열립니다.
5. 파일을 스크래치패드로 끌어다 놓아 맞춤형 도형을 추가합니다.

스크래치패드로 사용자 지정 도형 추가

스크래치패드에서 사용자 지정 도형 편집

사용자 지정 도형이 스크래치패드에 있으면 수정할 수 있습니다. 그 방법을 확인해보세요:

1. 캔버스에서 도형을 클릭하세요.
2. 파란 점을 클릭해 드래그하여 도형 크기를 조절하세요.
3. 측면 패널을 사용해 도형의 색상, 텍스트, 크기 등 세부 요소를 사용자 지정하세요.
4. 완료되면 도형을 클릭한 후 스크래치패드에서 더하기 아이콘을 클릭하세요.
5. 도형이 사용자 지정 도형에 추가됩니다.

스크래치패드에서 사용자 지정 도형 수정

스크래치패드에서 사용자 지정 도형 삭제 및 이름 바꾸기

스크래치패드에서 사용자 지정 도형을 삭제하거나 이름을 바꿔 관리할 수 있습니다. 다음 지침을 따르세요:

1. 스크래치패드에서 연필 아이콘을 클릭합니다.
2. 스크래치패드에서 도형을 삭제하려면 도형 오른쪽 상단 모서리에 있는 x를 클릭합니다.
3. 도형 아래 텍스트 필드를 클릭해 이름을 입력합니다. 기본적으로 스크래치패드에 추가된 도형은 제목이 없습니다.
4. 편집을 마쳤으면 저장을 클릭합니다.

스크래치패드에서 사용자 지정 도형 삭제 및 이름 변경

사용자 지정 도형을 도형 라이브러리로 내보내기

사용자 지정 도형을 다른 곳에서 사용하거나 공유하려면 도형 라이브러리로 내보낼 수 있습니다. 절차는 다음과 같습니다:

1. 스크래치패드에서 연필 아이콘을 클릭합니다.
2. 사용자 지정 도형을 라이브러리로 저장하려면 내보내기를 클릭합니다.
3. 사용자 지정 도형 라이브러리의 파일 이름을 입력하고 파일을 저장할 위치를 선택합니다.
4. 저장을 클릭합니다.

도형 라이브러리로 사용자 지정 도형 내보내기

Visio 다이어그램 사용하기

Draw.io Diagrams는 다이어그램 작성 도구 간의 원활한 전환을 제공해 Visio 다이어그램을 다른 플랫폼에서도 세부 정보가 손실되지 않고 작업할 수 있도록 합니다. 가져오기 및 내보내기 방법은 다음과 같습니다:

1. Draw.io 다이어그램 앱을 실행하세요.
2. 가져오려면 왼쪽 상단의 파일을 클릭하고 가져오기에 마우스를 올린 다음 장치를 선택하세요. 메뉴에 있는 클라우드 서비스 중 하나를 사용해 Visio (VSDX) 파일을 업로드할 수도 있습니다.
3. 장치에서 Visio (VSDX) 파일을 선택한 다음 열기를 클릭해 가져옵니다.
4. 내보내려면 다이어그램을 완료한 후 파일을 클릭하고 내보내기에 마우스를 올린 다음 Visio (VSDX)를 선택하세요.
5. 프롬프트의 안내에 따라 내보내기를 완료하세요.

팁: Visio (VSDX) 파일을 가져오고 내보낼 수 있으며, 이를 Miro 다이어그램 포맷으로 직접 처리할 수 있습니다.

Draw.io Diagrams 앱에서 다이어그램 가져오기 및 내보내기

Draw.io 다이어그램 저장, 편집 및 내보내기

이 섹션에서는 다이어그램 워크플로의 마지막 필수 단계인 작업을 Miro 보드에 저장하고, 이후 편집하며, 다양한 포맷으로 다이어그램을 내보내는 방법을 다룹니다.

Draw.io 다이어그램 저장

Draw.io Diagrams 앱에서 변경한 내용을 Miro 보드에 저장해야 합니다. 다음 단계를 따르세요:

1. 다이어그램 수정을 마쳤으면 항상 Draw.io Diagrams 앱 오른쪽 상단에 있는 저장 및 닫기를 클릭합니다.
2. Draw.io Diagrams 앱이 닫히고, 다이어그램이 자동으로 Miro 보드에 표시됩니다.

Draw.io Diagrams 앱에서 다이어그램 저장

Draw.io 다이어그램 편집

Miro 보드에 있는 다이어그램을 더 수정해야 하면, 다음과 같이 편집하세요:

1. Miro 보드에서 편집할 다이어그램을 선택하세요.
2. 툴바가 표시됩니다.
3. 툴바에서 편집 연필 아이콘을 클릭하세요.
4. Draw.io Diagrams 앱이 열리고 다이어그램을 수정할 수 있습니다.

Draw.io Diagrams 앱에서 다이어그램 편집

Draw.io 다이어그램 내보내기

앱에서 PNG, JPEG, PDF 등 여러 포맷으로 다이어그램을 직접 내보낼 수 있습니다. 다음 지침을 따르세요:

1. Draw.io Diagrams 앱의 왼쪽 상단에서 파일을 클릭합니다.
2. 다른 형식으로 내보내기 위로 마우스를 가져갑니다.
3. 원하는 포맷을 선택하고 화면의 안내에 따라 진행합니다.
4. 내보내기를 클릭합니다.

Draw.io Diagrams 앱에서 다이어그램 내보내기

참고 정보

이 섹션에서는 Draw.io 다이어그램을 최대한 활용할 수 있도록 특정 사용 사례와 자주 묻는 질문 등 추가 정보를 제공합니다.

Draw.io 다이어그램 사용 시

프로젝트에서 보다 전문적인 다이어그램 작성이 필요할 때 Draw.io 다이어그램이 특히 유용합니다. 다음 상황에서 사용을 고려해보세요:

• 특화된 도형 라이브러리: 복잡한 전기 공학 다이어그램이나 평면도 같은 특정 레이아웃에 필요한 도형을 사용할 수 있습니다.
• 사용자 지정: Visio (VSSX 파일)로 또는 draw.io에서 직접 도형 팩을 만들어 다이어그램을 필요에 맞게 정확히 맞춤 설정하세요.
• 원활한 통합: draw.io는 Visio, Lucidchart 등 주요 다이어그램 작성 도구와 원활하게 호환됩니다. Visio (VSDX)를 범용 형식으로 사용해 손쉽게 공유하고 협업하세요.
• 중요한 세부 정보 보존: Visio, draw.io 또는 Lucidchart에서 마이그레이션할 때 레이어와 도형 메타데이터(다이어그램 안의 텍스트)를 그대로 유지해 중요한 정보를 온전히 보존하세요.

✏️ 이 타사 플랫폼 앱은 Github 저장소의 오픈 소스 Draw.io 코드를 사용하며, Miro에 안전하게 호스팅됩니다; 타사와 데이터는 공유되지 않습니다. Draw.io는 외부 기여를 받지 않습니다. 따라서 이 타사 플랫폼 앱은 모든 버그와 오류를 포함한 상태로 "있는 그대로" 제공되며, Miro나 Draw.io로부터 어떠한 보증, 면책, 보안 약속 또는 어떠한 형태의 지원도 제공되지 않습니다.

자주 묻는 질문

Miro에서 Draw.io Diagrams 앱을 사용할 때 자주 묻는 질문에 대한 답변입니다.