고정 헤더 영역
상세 컨텐츠
본문
이번에는 다이어그램 작성과 관련된 프로그램인 draw.io 라는 프로그램에 대하여 알아보겠습니다.
이 프로그램은 여러 가지 다이어그램 (Usecase, Sequence, Flowchart 등)을 그릴 때 주로 사용합니다.
그리고 제가 사용시에는 구글 드라이브만 연동해서 사용해보았으나 OneDrive나 Github도 지원하는 것으로 보입니다.
또한 C 드라이브 같은 내부 저장소에도 파일을 저장할 수 있습니다.
아래의 내용을 보면 완전 무료인 것으로 보이나, 그래도 불안하신 분들은 따로 찾아보는 것을 추천드립니다.
먼저 해당 프로그램의 공식 사이트입니다.
Diagram Software and Flowchart Maker
Security-first diagramming for teams. Bring your storage to our online tool, or go max privacy with the desktop app. No login or registration required.
www.diagrams.net
공식 사이트에 들어가면 다음과 같은 화면이 나옵니다.
diagrams.net 과 draw.io 가 통합해서 사이트명은 diagrams.net 인 것 같습니다.
그러나 확장자명은 drawio 이므로 이 글에서는 명칭을 편의상 draw.io 라고 하겠습니다.
시작하기 위해서 먼저 Start Now 버튼을 눌러줍니다.
클릭하면 다음과 같은 화면이 나옵니다.
이 중에서 다이어그램을 그린 후 파일을 저장할 때의 위치를 설정하면 됩니다.
저는 기존에 구글 드라이브로 사용한 적이 있어서 구글 드라이브로 진행하였습니다.
구글 드라이브로 진행하게 되면 구글 아이디로 로그인하여야 합니다.
로그인 후 다음과 같이 계정 선택 창이 나타나면 원하는 계정을 선택하면 됩니다.
선택하고나면 새로운 다이어그램을 만들지 기존 다이어그램을 열지 선택하게 됩니다.
새로운 다이어그램 만들기를 클릭합니다.
그럼 다음과 같은 창이 나타나고 파일 이름, 확장자(파일 형태), 다이어그램 초기 구성을 설정할 수 있습니다.
이름은 원하는 이름으로 설정하고, XML 파일 (.drawio)로 선택한 후 순서도를 선택한 후 만들기를 클릭합니다.
그리고 각 다이어그램 우측 상단에 돋보기 아이콘을 클릭하면 해당 다이어그램의 예시를 볼 수 있습니다.
만들기를 누르면 다음과 같이 루트 폴더 사용 창이 나타나는데 이 때 폴더 선택과 예에 대한 2가지 경우를 보겠습니다.
먼저 폴더 선택 버튼을 눌렀을 경우입니다.
클릭하면 다음과 같이 로그인한 계정의 구글 드라이브에 있는 루트 폴더가 나타납니다.
루트 폴더는 쉽게 말해서 가장 처음 시작하는 폴더라고 생각하시면 됩니다.
윈도우로 비교하면 바탕화면 정도가 되겠네요.
구글 드라이브를 처음 사용할 경우 아무것도 없지만 저는 기존에 폴더가 7개 만들어져 있는 상태여서 7개가 나타난 것입니다.
만약 폴더가 하나도 없을 경우 루트 폴더를 사용하거나 폴더를 만들어야 하는데 특정한 이름으로 폴더를 만들어서
그 안에 다이어그램 파일을 저장하고 싶을 경우 구글 드라이브로 가서 폴더를 만들어야 합니다.
구글 드라이브에서 폴더 만드는 방법은 다음 글을 참고해주세요.
구글 드라이브에서 폴더 생성 및 파일 저장하기
이번에는 구글 드라이브에서 폴더를 만들고 파일을 저장하는 방법에 대하여 알아보겠습니다. 구글로 진입하여 로그인을 먼저 진행합니다. 그 후 구글 드라이브로 들어가는 방법은 다음과 같습
skfkdkdlaos.tistory.com
구글 드라이브에서 폴더를 만들었다면 위와 같이 폴더가 표시되고 다이어그램 파일을 저장 할 폴더를 선택하고 선택 버튼을 누릅니다.
저장 할 폴더의 안으로 들어가면 선택이 안 되므로 바깥에서 선택한 상태로 선택 버튼을 눌러야 합니다.
선택 버튼을 누르면 다음과 같이 디자인 화면과 기본 구성이 나타납니다.
이제 내부 기능에 대해서 알아보겠습니다.
각 도형 내부를 더블클릭하여 문구를 변경할 수 있습니다.
변경한 후 Ctrl + S 를 눌러서 저장할 수 있습니다.
또한 주기적으로 자동으로 저장해주기 때문에 실수로 저장을 하지 못하고 종료하였더라도
전부 날아갈 걱정은 하지 않아도 되는 것이 장점입니다.
그리고 좌측 상단에서 마지막 저장 시점도 텍스트로 표시되고, 연결이 끊길 경우의 문구도 표시됩니다.
또한 왼쪽 목록에 보면 여러가지 도형들이 있는데 이 외에도 기타, 고급, 순서도를 펼치면 각각의 도구들이 추가로 나타나므로 제작할 수 있는 다이어그램은 무궁무진 합니다.
해당 다이어그램을 저장한 후 설정한 구글 드라이브의 폴더로 돌아가면 아래와 같이 저장되어 있는 것을 확인할 수 있습니다.
해당 파일을 다시 열고 싶을 경우 해당 파일을 더블 클릭하고 선택한 부분을 클릭하면 됩니다.
해당 글에서 설명을 다 드리기에는 기능이 많은 관계로 다른 세부 기능은 추후 다른 글에서 다루도록 하겠습니다.
이상으로 draw.io 에 대하여 알아보았습니다.
댓글 영역