IT 5. draw.io 를 사용한 ERD.UML.BPMN 쉽게 그리기

draw.io 툴을 알게 된 것은 꽤 오래 되었습니다. 데이터베이스 구조화 및 설계 시 ERD 를 그리기 위해 여러 툴들을 전전하다 결국 draw.io를 선택하게 되었습니다. 이 툴을 선택한 이유는 단순하고, 별도의 프로그램 설치 없이 사용할 수 있다는 점, ERD, UML, BPMN, 인프라구조도를 지원하는 다이어그램을 제공한다는 점, 구글계정으로 관리 가능하다는 점, 구글 드라이브와 연동되어 클라우드의 저장공간에 저장할 수 있다는 장점에 선택하게 되었습니다.

데스크탑용 소프트웨어 설치 및 다양한 저장소에 저장 가능하면 PDF, PNG, XML 형식으로 내보내기도 가능합니다. 저의 경우는 이렇게 사용하는 일은 드물며 웹에서 작업하고 클라우드 저장공간에 저장해서 관리하는 편입니다. 이 툴 사용법에 관하여 짧게 정리하고자 합니다.

draw.io 사용환경 설정하기

Draw.io (현 Diagrams.net) 사용을 위한 환경 설정 순서를 안내해드리겠습니다. 이 가이드는 웹 버전을 기준으로 작성되었습니다.

1. 구글 계정으로 로그인하기

  1. 웹 브라우저 열기: Chrome, Firefox, Edge 등 원하는 브라우저를 엽니다.
  2. 사이트 접속: draw.io (diagrams.net) 사이트로 접속합니다.
  3. 로그인 선택: 오른쪽 상단의 ‘로그인’ 버튼을 클릭합니다.
  4. 구글 계정 선택: ‘Google’을 선택하고 구글 계정으로 로그인합니다.

2. 새 다이어그램 만들기

  1. 새 다이어그램 만들기: 로그인 후 ‘새 다이어그램 만들기’ 버튼을 클릭합니다.
  2. 템플릿 선택: 제공되는 템플릿 중에서 원하는 것을 선택하거나 빈 다이어그램을 선택합니다.
  3. 저장 위치 설정: 구글 드라이브, 원드라이브, 드롭박스 등 원하는 저장 위치를 선택합니다.

3. 인터페이스 이해하기

  1. 툴바: 상단에 위치한 다양한 도구들을 사용할 수 있습니다. 여기에는 도형 추가, 텍스트 삽입, 스타일 변경 등의 기능이 포함됩니다.
  2. 도형 라이브러리: 왼쪽 사이드바에는 다양한 도형들이 있습니다. 필요한 도형을 드래그하여 다이어그램에 추가할 수 있습니다.
  3. 속성 패널: 오른쪽 사이드바에서는 선택한 도형이나 텍스트의 속성을 수정할 수 있습니다. 색상, 크기, 테두리 등을 조정할 수 있습니다.

4. 기본 설정 변경하기

  1. 파일 메뉴: 상단 메뉴바의 ‘파일’을 클릭합니다.
  2. 설정: ‘설정’ 메뉴를 클릭하여 기본 설정을 변경합니다. 여기에서는 그리드 보기, 자동 저장, 언어 설정 등의 옵션을 조정할 수 있습니다.

5. 협업 설정하기

  1. 공유: 오른쪽 상단의 ‘공유’ 버튼을 클릭합니다.
  2. 권한 설정: 공유하려는 사람의 이메일을 입력하고 권한(보기, 댓글, 편집)을 설정합니다.
  3. 링크 공유: ‘링크로 공유’ 옵션을 선택하여 링크를 복사하고 원하는 사람과 공유합니다.

6. 저장 및 내보내기

  1. 저장: ‘파일’ 메뉴에서 ‘다이어그램 저장’을 클릭하여 현재 작업을 저장합니다.
  2. 내보내기: ‘파일’ 메뉴에서 ‘내보내기’를 클릭하여 PNG, SVG, PDF 등 다양한 형식으로 다이어그램을 내보낼 수 있습니다.

draw.io의 다양한 기능을 사용하여 복잡한 다이어그램을 쉽게 만들 수 있습니다. 필요한 경우, 추가적인 설정이나 고급 기능에 대한 정보를 draw.io의 도움말 섹션에서 확인할 수 있습니다.


IT관련 된 글