블로그

draw.io 사용법, 다운로드가 필요 없는 순서도 그리기

 

오늘은 무료 사이트인 draw.io에서 순서도 그리기에 대해서 알아보도록 하겠습니다. Draw.io는 별도의 회원 가입을 요구하지도 않고, 소프트웨어 다운로드가 필요 없이 순서도를 작성하여 다양한 형태로 저장할 수 있는 접근성이 뛰어난 웹 사이트입니다.

한글을 지원하기 때문에 누구나 쉽게 원하는 순서도를 작성할 수 있는 것이 큰 장점입니다. 컴퓨터에 새로운 소프트웨어를 다운로드를 받고 싶지 않을 때 사용하면 좋기 때문에 저도 종종 이용하고 있습니다.

draw.io사용법

먼저 draw.io 사이트에 접속합니다. 처음 접속 시, 저장 위치를 지정할 수 있습니다. 내 컴퓨터에 바로 저장하는 것도 가능하지만, 구글 드라이브나 원 드라이브를 선택하면 다른 사용자들과 손쉽게 원클릭으로 작성한 다이어그램을 공유할 수 있기 때문에 매우 편리합니다.

draw.io사용법

저장 위치를 선택한 뒤, 그리고자 하는 유영을 선택한 뒤 Create를 선택해 줍니다. 저는 아무것도 그려지지 않은 백지 상태의 Blank Diagram을 선택해 주었습니다. 언어는 이 다음에 변경할 수 있습니다.

draw.io사용법

처음 시작 화면은 다음과 같습니다. 먼저 언어를 한국어로 변경하겠습니다. 화면 우측 상단에 지구모양 아이콘을 클릭하면 언어를 선택할 수 있습니다. ‘한국어’ 선택 후 새로고침을 하면 적용됩니다. 새로 고침을 하면 작성중인 순서도가 사라집니다. 순서도를 만드는 중간에 변경을 하고 싶으면 먼저 저장을 해야 합니다.

draw.io사용법

적용된 한글 메뉴는 다음과 같습니다. 화면 우측의 도형 메뉴에서 원하는 모양을 선택하면 캔버스에 그려집니다. 마우스로 크기를 키우거나 줄일 수 있습니다. 도형을 마우스로 드래그 하여 이미 배치된 도형과 일직선으로 놓을 수도 있습니다.

draw.io사용법

화면 우측의 스타일 메뉴에서 도형 스타일을 변경할 수 있습니다. 도형을 선택한 뒤, 색상을 변경할 수 있습니다.

draw.io사용법

스타일 메뉴 중 ‘sketch’를 선택하면 위 사진처럼 손으로 그린 듯한 효과가 납니다. ‘sketch’둥근선 효과를 더해 간단하지만 디자인 적인 요소를 더해주었습니다.

draw.io사용법

도형을 클릭하면 위 사진처럼 화살표가 사방으로 나타납니다. 원하는 방향의 화살표를 클릭해주면 화살표가 입력됩니다.

draw.io사용법

도형을 더블 클릭하면 텍스트 입력을 할 수 있습니다. 저는 간단히 길 건너기 순서도를 그려보았습니다. 텍스트를 입력 후 화면 우측의 스타일 메뉴에서 폰트 크기, 종류 등을 변경할 수 있습니다.

draw.io사용법

화면 우측에서 순서도의 선 종류도 변경할 수 있습니다. 둥근선, 곧은선, 곡선 중 선택이 가능하며, 색상 및 굵기를 지정할 수 있습니다. 선을 더블 클릭한 뒤 텍스트를 입력하면 선 중간에 텍스트가 나타납니다.

draw.io사용법

화면 우측 메뉴 중 다이어그램 메뉴에서 배경 설정을 해줍니다. ‘격자’를 체크하거나 체크 해제해서 바탕의 격자 무늬를 만들거나 없앨 수 있습니다. 배경의 팔레트를 클릭하면 배경 색상을 변경할 수 있습니다.

페이지 보기 를 체크하면 실제로 작성한 순서도를 프린트했을 경우 용지 위에서 어떻게 보일지 가늠할 수 있습니다. 이에 맞춰서 용지 크기를 설정하고 필요하다면 가로, 세로 변경을 해줄 수도 있습니다.

draw.io사용법

화면 상단의 배열-> 레이아웃’을 선택하면 작성한 순서도의 레이아웃을 변경할 수 있습니다. 수평 흐름도, 수직 흐름도, 수평 트리 그림, 수직 트리 그림, 방사형 트리, 유기적 객체, 원형 등 다양한 레이아웃 중 순서도의 성격에 맞게 눈에 잘 들어오는 레이아웃을 선택해줍니다. 클릭 한 번으로 순서도의 레이아웃을 자유롭게 변경할 수 있어 자주 사용하게 되는 기능 중 하나입니다.

순서도 작성을 완료한 뒤에는 화면 상단의 파일 탭에서 다른 파일 형식으로 내보내기를 통해 다양한 파일 형태로 저장을 할 수 있습니다. PNG, JPEG, SVG, PDF, HTML, URL 등 원하는 파일 형태를 선택하여 저장해줍니다.

draw.io사용법

저는 PNG 형태로 저장해 주었습니다. 이미지 크기와 설정을 선택한 뒤 내보내기를 해줍니다.

draw.io사용법

저장된 PNG 형태의 순서도를 저장한 위치에서 확인할 수 있습니다. 저장 위치가 구글 드라이브 혹은 원 드라이브일 경우 원클릭으로 다른 사람들과 공유도 가능합니다.

지금까지 draw.io 사용법 및 순서도 그리기에 대해서 알아보았습니다. Draw.io에서는 어렵지 않게 간단한 클릭만으로 누구나 순서도를 만들 수 있으며, 별도의 회원가입이나 다운로드가 필요하지 않아 매우 유용한 사이트입니다. 여러분도 순서도가 필요한 경우 draw.io를 이용해 보세요!

그리고 온라인 기반이 아닌 다이어그램 소프트웨어를 찾고 계신다면 저는 Edrawmax를 추천합니다. 한국어를 지원하는 순서도, 평면도, 회로도, 시퀀스,인포그래픽,마인드맵 등 280여 종의 다이어그램을 그릴 수 있는 프로그램입니다. 유료 버전도 있지만 무료로 충분히 사용할 만합니다.

이드로우 맥스

올인원 다이어그램 소프트웨어
순서도, 평면도, 회로도 등 280가지 이상의 다이어그램 유형 지원
2만6천개 이상의 기호 리소스와 수 천개 무료 템플릿 지원
  • 강력한 호환성: Visio,MS office 등 파일 호환 가능
  • 다양한 운영체제: (윈도우,맥,리눅스)

관련 글
-->