Draw.io 다이어그램 by Miro

사용자: 전체 사용자
플랜: Free, Starter, Business, Education, Enterprise 플랜
플랫폼: 브라우저, 데스크톱

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

Draw.io 다이어그램의 주요 기능

Draw.io 다이어그램 앱의 다양한 고급 기능을 통해 다이어그램 작성 프로세스를 간소화할 수 있습니다. 이 기능들은 사용자 지정, 효율성 및 기존 워크플로와의 통합을 향상시킵니다.

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

✏️ Enterprise 관리자들은 앱 설정에서 승인된 앱 목록에 Draw.io Diagrams 앱을 추가할 수 있습니다.

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

이 섹션에서는 Miro 보드에서 Draw.io Diagrams 앱에 접근하고 초기 설정하는 방법을 안내하여 다이어그램 작업을 즉시 수행할 수 있도록 보장합니다.

Draw.io 다이어그램 앱을 시작합니다

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

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

작성 툴바에서 Draw.io Diagrams 앱 실행하기

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

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

1. 툴바에서 앱을 검색한 후, 검색 결과에서 Draw.io Diagrams 앱 위로 마우스를 가져가세요.
2. 툴바에 고정하기 아이콘을 클릭하세요.

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

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 Diagrams 앱의 오른쪽 상단 모서리에서 저장 및 닫기를 클릭하세요.

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

템플릿을 선택하세요

미리 설계된 구조로 시작하려면 사용 가능한 템플릿 중에서 선택할 수 있습니다. 방법은 다음과 같습니다:

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. 객체를 삭제하려면 객체를 선택하고 키보드에서 Delete 키를 누르거나 상단 툴바의 삭제 아이콘을 클릭하세요.

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

도형 메타데이터 편집

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

1. Draw.io 다이어그램 앱 실행.
2. 다이어그램에서 도형을 선택하세요.
3. 도형을 마우스 오른쪽 버튼으로 클릭하고 데이터 편집을 선택합니다.
4. 대화 상자가 열리면서 도형 메타데이터가 표시됩니다. 속성 이름은 왼쪽에 있고, 값은 오른쪽에 있습니다.
5. 연결하고자 하는 정보의 키-값 쌍을 도형에 추가하세요.
6. 적용을 클릭해 메타데이터를 도형에 저장하세요.
7. 도형 위로 마우스를 가져가면 메타데이터를 볼 수 있습니다.

도형 메타데이터 편집

다이어그램에 레이어 추가

레이어는 다이어그램의 조직과 명확성을 높여주며, 각 부분을 분리해 집중적으로 편집하거나 볼 수 있습니다. 복잡한 프로젝트에 특히 유용합니다.

1. Draw.io 다이어그램 앱에서 다이어그램 열기.
2. 보기를 클릭하고 레이어를 선택해 레이어 대화 상자를 표시합니다.
3. 새로운 레이어를 추가하려면, 레이어 대화 상자 하단에 있는 더하기 (+) 아이콘을 클릭하세요.
4. 레이어 이름을 편집하려면, 레이어를 두 번 클릭하고 텍스트를 편집한 후 이름 변경을 클릭하세요.
5. 레이어를 선택해 요소 추가 또는 편집을 활성화하세요.
6. 레이어를 숨기거나 표시하려면 레이어 이름 옆의 눈 아이콘을 클릭하세요.
7. 저장 및 닫기 버튼을 편집이 완료되면 클릭하세요.

Draw.io 다이어그램 앱에서 레이어 추가하기

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

Draw.io Diagrams는 다양한 모양 라이브러리를 사용하고 맞춤형 모양을 관리하여 특정 다이어그램 작성 요구 사항에 맞출 수 있는 광범위한 옵션을 제공합니다.

다양한 Draw.io 도형 팩을 활용하세요

Draw.io의 다양한 도형 팩을 이용해 다이어그램 작성 가능성을 넓힐 수 있습니다. 추가하는 방법은 다음과 같습니다:

1. Draw.io 다이어그램 앱 실행.
2. 왼쪽의 도형 패널 하단에서 더 많은 도형을 클릭합니다.
3. 범주를 탐색하고 추가하려는 도형 팩 옆의 상자를 선택하세요.
4. 적용을 클릭하여 선택한 도형 팩을 도형 패널에 추가하세요.

draw.io 도형 팩 선택

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

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

1. Draw.io 다이어그램 앱을 실행하세요.
2. 보기로 이동합니다.
3. 스크래치패드 선택.
4. 스크래치패드가 왼쪽 패널에서 열립니다.
5. 파일을 드래그 앤 드롭하여 스크래치패드에 사용자 지정 도형을 추가하세요.

스크래치패드를 사용하여 사용자 지정 도형 추가하기

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

스크래치패드에 사용자 지정 도형을 추가한 후에는 수정할 수 있습니다. 다음은 방법입니다:

1. 캔버스 위에서 도형을 클릭하세요.
2. 파란색 점을 클릭하고 드래그해 도형을 조절하세요.
3. 오른쪽 패널을 사용하여 도형 색상, 텍스트, 크기를 포함한 도형을 더욱 사용자 지정하세요.
4. 작업을 마치면 도형을 클릭하고 스크래치패드에서 플러스 아이콘을 클릭하세요.
5. 도형이 맞춤형 도형에 추가됩니다.

스크래치패드를 사용한 사용자 지정 도형 수정

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

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

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

맞춤형 도형을 스크래치 패드로 삭제 및 이름 변경하기

맞춤형 도형을 도형 라이브러리로 내보내기

맞춤형 도형을 다른 곳에서 사용하거나 공유하려면 라이브러리로 내보낼 수 있습니다. 다음은 프로세스입니다:

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

맞춤형 도형을 라이브러리로 내보내기

Visio 다이어그램 작업하기

Draw.io 다이어그램은 다이어그램 작성 도구 간의 원활한 전환을 가능하게 하여, Visio 다이어그램을 플랫폼에 상관없이 세부 정보 손실 없이 사용할 수 있도록 합니다. 가져오고 내보내는 방법은 다음과 같습니다:

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

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

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

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

Draw.io 다이어그램 저장

Draw.io 다이어그램 앱에서 변경 내용을 적용한 후, Miro 보드에 작업을 저장해야 합니다. 이 단계를 따르세요.

1. 다이어그램 수정을 완료했으면 오른쪽 상단 모서리에 있는 저장하고 닫기 버튼을 클릭하는 것을 잊지 마세요 Draw.io Diagrams 앱에서.
2. Draw.io 다이어그램 앱이 닫히면, 다이어그램이 자동으로 Miro 보드에 나타납니다.

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

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 Diagrams의 특정 사용 사례와 자주 묻는 질문을 포함한 추가 정보를 제공합니다.

Draw.io 다이어그램 사용 시기

Draw.io Diagrams는 프로젝트에 보다 전문화된 다이어그램 작성 요구사항이 있을 때 특히 유용합니다. 다음과 같은 시나리오에서 사용하는 것을 고려하세요.

• 특정 도형 라이브러리: 복잡한 전기 공학 다이어그램이나 구체적인 평면도 레이아웃을 위한 틈새 도형에 접근하세요.
• 사용자 지정: Visio(VSSX 파일) 또는 draw.io 내에서 직접 도형 팩을 만들어 필요에 맞게 다이어그램을 맞춤화하세요.
• 원활한 통합: Draw.io는 Visio, Lucidchart 등 주요 다이어그램 작성 도구와의 원활한 호환성을 보장합니다. Visio (VSDX)를 범용 형식으로 사용해 보드를 쉽게 공유하고 원활하게 협업하세요.
• 중요한 세부사항을 보존하세요: 중요한 레이어와 도형 메타데이터(다이어그램 내 텍스트)를 유지하여 Visio, draw.io 또는 Lucidchart에서 마이그레이션할 때 풍부한 정보를 손실하지 마세요.

이 서드파티 플랫폼 앱은 Github 저장소에서 오픈 소스 Draw.io 코드를 활용하며, Miro에 의해 안전하게 호스팅됩니다. 데이터는 제 3자와 공유되지 않습니다. Draw.io는 기여를 받지 않습니다. 따라서, 이 서드파티 플랫폼 앱은 모든 버그와 오류를 포함해 "있는 그대로" 제공되며, Miro 또는 Draw.io로부터 어떠한 보증, 면책, 보안 약정 또는 지원 없이 제공됩니다.

자주 묻는 질문

Miro에서 Draw.io Diagrams 앱 사용에 관한 일반적인 질문에 대한 답변입니다.