[Docker] Draw.io 설치 및 활용 가이드

by


Draw.io는 다양한 유형의 다이어그램을 손쉽게 만들 수 있는 강력한 오픈소스 도구입니다.

이번 포스트에서는 Draw.io의 기능과 설치 방법을 자세히 알아보고, 활용 사례를 소개하겠습니다.

Draw.io란?

Draw.io(공식 명칭: app.diagrams.net)는 플로우차트, 네트워크 다이어그램, UML, ERD 등을 손쉽게 작성할 수 있는 웹 기반 다이어그램 도구입니다.
개발자뿐만 아니라 기획자, 디자이너, IT 관리자 등 다양한 사용자들이 활용할 수 있으며, 클라우드 및 로컬 저장 옵션을 제공하여 편리하게 다이어그램을 관리할 수 있습니다.

Draw.io의 주요 기능

  • 다양한 다이어그램 유형 지원 (UML, ERD, 네트워크, 플로우차트 등)
  • 클라우드 및 로컬 저장 지원 (Google Drive, OneDrive, Dropbox, GitHub 등 연동 가능)
  • 웹 기반 서비스로 별도의 설치 없이 사용 가능
  • Docker를 이용한 온프레미스(사내 서버) 호스팅 가능
  • 무료 & 오픈소스

Draw.io 설치 방법 (Docker 사용)

Draw.io는 기본적으로 웹 브라우저에서 실행할 수 있지만, Docker를 사용하면 독립적인 서버에서 실행할 수도 있습니다.

1. Docker Compose 파일 작성

아래 내용을 docker-compose.yml 파일로 저장합니다.

version: '3.8'
services:
  drawio:
    image: jgraph/drawio
    container_name: drawio
    ports:
      - "8443:8443"
    restart: unless-stopped

2. Docker Compose 실행

docker-compose up -d

3. Draw.io 실행 확인

브라우저에서 다음 URL로 접속합니다.

http://localhost:8443

정상적으로 실행되면 Draw.io의 웹 UI가 표시됩니다.

접속 화면

Device 선택

Diagram 생성

Template 선택

Draw.io 화면

Draw.io 주요 기능 살펴보기

1. 다양한 다이어그램 지원

Draw.io는 여러 가지 유형의 다이어그램을 지원합니다.

  • UML 다이어그램: 소프트웨어 개발 설계를 위한 클래스 다이어그램, 시퀀스 다이어그램 등을 작성 가능
  • ERD (Entity-Relationship Diagram): 데이터베이스 모델링에 적합
  • 네트워크 다이어그램: 서버 및 네트워크 인프라 설계 가능
  • 플로우차트 (Flowchart): 업무 프로세스 흐름을 시각화
  • 조직도 (Org Chart): 기업 및 팀 구조를 한눈에 보기 쉽게 표현

2. 클라우드 및 로컬 저장 옵션

Draw.io는 다양한 저장 옵션을 제공합니다.

  • 클라우드 저장: Google Drive, OneDrive, Dropbox, GitHub, GitLab 등과 연동 가능
  • 로컬 저장: 브라우저에서 직접 .drawio 파일로 저장하여 오프라인에서도 편집 가능
  • 사내 서버 저장: Docker 또는 자체 서버를 운영하여 데이터를 내부에서만 관리 가능

3. 템플릿 지원

Draw.io는 다양한 다이어그램 템플릿을 제공하여 초보자도 쉽게 시작할 수 있습니다.

  • 기본적인 UML, ERD, 플로우차트 템플릿 제공
  • 네트워크 및 시스템 설계를 위한 템플릿 활용 가능

Draw.io 사용 사례

1. 소프트웨어 개발 다이어그램 작성

개발팀에서는 UML 다이어그램 및 데이터베이스 ERD를 작성하는 데 유용하게 사용할 수 있습니다.
예를 들어, 새로운 애플리케이션을 설계할 때 다음과 같은 다이어그램을 그릴 수 있습니다.

  • 클래스 다이어그램
  • 시퀀스 다이어그램
  • 데이터베이스 ERD

2. 네트워크 아키텍처 설계

IT 인프라 관리자는 네트워크 토폴로지 및 시스템 아키텍처를 시각적으로 정리할 수 있습니다.
예를 들어, 회사의 데이터센터 네트워크 구조를 표현할 수 있습니다.

  • 서버 및 데이터베이스 연동 구조
  • 클라우드 서비스와 온프레미스 연결 다이어그램

3. 업무 프로세스 및 조직도 설계

Draw.io는 비즈니스 플로우차트 및 조직도를 그리는 데도 적합합니다.

  • 신규 직원 온보딩 프로세스 설계
  • 팀 및 부서 조직도 작성
  • 업무 프로세스 자동화 다이어그램

Draw.io의 한계점

Draw.io는 강력한 기능을 제공하지만, 몇 가지 단점이 있습니다.

1. 실시간 협업 기능 부족

Draw.io는 Google Drive 등 클라우드 저장소를 활용한 파일 공유는 가능하지만,
Figma나 Penpot처럼 실시간으로 여러 사용자가 동시에 편집할 수 있는 기능은 제공하지 않습니다.

2. UI가 다소 복잡

Draw.io는 다양한 기능을 제공하는 만큼 초보자가 처음 사용하기 어려울 수 있습니다.

  • 기본적인 다이어그램을 그리기 위해서는 UI 적응이 필요함
  • 템플릿을 활용하면 조금 더 쉽게 사용할 수 있음

3. 모바일 최적화 부족

웹 기반 도구이지만, 모바일 환경에서는 사용하기 불편할 수 있습니다.

  • 터치스크린을 활용한 다이어그램 편집이 어렵다.
  • 모바일 브라우저에서 일부 기능이 제한될 수 있다.

Draw.io vs. 다른 다이어그램 도구 비교

기능Draw.ioLucidchartMicrosoft Visio
가격무료 (오픈소스)유료 (무료 플랜 제한)유료 (Office 365 포함)
사용 방식웹 기반 + 설치 가능웹 기반설치형
다이어그램 유형UML, ERD, 네트워크, 플로우차트 등UML, ERD, 플로우차트 등UML, ERD, 플로우차트 등
협업 기능제한적실시간 협업 가능제한적
저장 옵션로컬, 클라우드 연동클라우드 저장로컬 저장
기업용 기능지원지원강력한 엔터프라이즈 기능

결론: Draw.io를 선택해야 할까요?

Draw.io를 추천하는 경우

  • 다양한 유형의 다이어그램(UML, ERD, 네트워크, 플로우차트 등)을 작성해야 하는 경우
  • Google Drive, OneDrive, Dropbox, GitHub 등과 연동하여 다이어그램을 관리하고 싶은 경우
  • 무료로 사용 가능한 강력한 다이어그램 도구가 필요한 경우
  • Docker를 사용하여 사내 서버에서 독립적으로 운영하려는 경우

Draw.io가 부족한 경우

  • 실시간 협업 기능이 필수적이라면 → Lucidchart 추천
  • 기업용 고급 기능이 필요하다면 → Microsoft Visio 추천
  • UX/UI 디자인과 다이어그램을 함께 작업하려면 → Penpot 추천

마무리하며

Draw.io는 무료이면서도 강력한 다이어그램 제작 도구로, 다양한 활용이 가능합니다.
특히 온프레미스(사내 서버)에서 운영하거나, 클라우드 저장 기능을 활용하려는 사용자에게 최적화된 솔루션입니다.
웹 기반으로 간편하게 사용할 수 있으며, Docker를 이용해 독립적으로 운영할 수도 있습니다.

다양한 다이어그램을 작성할 수 있는 도구를 찾고 있다면 Draw.io를 적극 추천합니다.



Leave a Comment