DOT 코드로 만든 작업 흐름이나 연결 관계를 그림으로 확인하고 싶다면 Delineate를 사용할 수 있습니다. 편집기에 DOT 문장을 입력하면 옆의 그래프 미리보기에 결과가 나타나고, 완성한 그래프를 PNG·SVG·JPEG 이미지로 내보낼 수 있는 무료 Linux 앱입니다.
이 글은 공식 Flathub 설치 경로를 기준으로 준비할 환경, 간단한 방향 그래프를 만드는 순서, 이미지 저장 전 확인할 점을 설명합니다. Delineate는 도형을 마우스로 배치하는 편집기보다 DOT 코드를 쓰면서 결과를 확인하는 작업에 맞습니다.
DOT 코드를 그림으로 확인하는 Delineate
Delineate 공식 화면에는 왼쪽 DOT 코드 편집기와 오른쪽 그래프 미리보기가 나란히 보입니다. 예를 들어 처리 순서를 기록할 때 노드 이름과 화살표를 코드로 적고, 배치 결과를 곧바로 확인할 수 있습니다. 미리보기 아래의 확대·축소 조절로 연결이 많을 때도 전체 모양을 살필 수 있습니다.
공식 프로젝트는 여러 Graphviz 배치 엔진을 선택할 수 있고 PNG, SVG, JPEG로 내보낼 수 있다고 안내합니다. 정해진 형태의 스크린샷만 남기는 것이 아니라, 문서에 넣을 래스터 이미지와 확대해도 선이 선명한 SVG 중 목적에 맞는 형식을 고를 수 있습니다.
기본 작업은 직접 DOT 문법을 입력하는 것입니다. 화면에 그려진 노드를 끌어서 연결선을 만드는 드래그 방식이라고 생각하면 사용법이 달라질 수 있습니다. DOT 파일이 이미 있다면 화면 위 Open으로 열어 코드를 확인하고, 새 그래프라면 새 탭에서 짧은 코드부터 시험하세요.
작업 순서도를 만들 때는 먼저 단계 이름만 짧게 적고 순서대로 연결한 다음, 미리보기에서 화살표가 의도한 방향을 가리키는지 보세요. 같은 단계가 여러 갈래로 나뉘면 코드를 한 줄씩 추가해 결과를 비교하는 편이 전체 그래프를 한 번에 입력하는 것보다 수정하기 쉽습니다. 문서에 넣을 그림이라면 작업자가 알아야 할 이름을 노드에 적고, 내부 코드명이나 임시 약어만 남지 않았는지도 확인합니다.
공식 Flathub 항목은 무료이고 Linux x86_64와 aarch64를 지원합니다. Flathub 화면에 표시된 앱 버전은 0.1.1이며, GitHub의 v0.1.2 릴리스는 소스 압축 파일로 제공됩니다. 일반적인 Linux 데스크톱 설치는 Flathub의 stable 배포 경로를 기준으로 설명합니다.
DOT 편집기와 그래프 미리보기
공식 화면에서는 왼쪽 DOT 편집기와 오른쪽 그래프, 편집기를 접은 넓은 미리보기, 여러 탭의 개요를 볼 수 있습니다. 화면 그림에는 버전 번호가 보이지 않아 메뉴 위치가 모든 설치 버전에서 같다고 단정하지 않습니다.
| 프로그램 | Delineate |
| 가격·라이선스 | 무료 · GPL-3.0 |
| 지원 환경 | Linux x86_64·aarch64 |
| Flathub 표시 버전 | 0.1.1 |
| 공식 설치 경로 | Flathub stable Flatpak |
| 주요 기능 | DOT 편집·실시간 미리보기·PNG/SVG/JPEG 내보내기 |
Flathub에서 설치할 때 확인할 것
Delineate의 공식 Flathub 앱 ID는 io.github.seadve.Delineate입니다. Flathub 앱 페이지에서 Install을 선택하거나 같은 앱 ID의 io.github.seadve.Delineate.flatpakref를 사용할 수 있습니다. 이 작은 파일은 앱 전체가 든 오프라인 설치 묶음이 아니라 stable 배포를 가리키는 참조 파일입니다.
먼저 사용 중인 Linux에 Flatpak과 Flathub 저장소가 설정돼 있는지 확인하세요. 준비돼 있다면 소프트웨어 센터에서 Delineate를 찾아 설치하거나 터미널에서 flatpak install flathub io.github.seadve.Delineate를 실행할 수 있습니다. 설치 확인 화면에서 앱 ID가 일치하는지 본 뒤 진행합니다.
참조 파일을 직접 받은 경우에는 Flatpak을 지원하는 소프트웨어 센터로 열거나 flatpak install 명령에 파일 경로를 넘깁니다. 실제 앱과 필요한 런타임은 설치 과정에서 내려받으므로 네트워크 연결과 저장 공간이 필요합니다. 설치 후 앱 목록에서 Delineate를 찾거나 flatpak run io.github.seadve.Delineate로 열 수 있습니다.
GitHub의 v0.1.2 릴리스에 있는 delineate-0.1.2.tar.xz는 소스 압축 파일입니다. Flathub의 stable 참조 파일이 v0.1.2 바이너리를 뜻하지 않으므로 설치 화면에 표시된 버전을 기준으로 확인하세요.
- Flatpak과 Flathub 저장소가 연결돼 있는지 확인합니다.
- Flathub에서 Delineate 앱 ID io.github.seadve.Delineate를 확인해 설치합니다.
- 설치된 앱을 열어 DOT 편집기와 그래프 미리보기가 보이는지 확인합니다.
간단한 DOT 그래프를 만들고 결과 확인하기
Delineate 화면 왼쪽의 편집기에 digraph G { start -> check; check -> done; }를 입력해 보세요. digraph는 방향이 있는 그래프를 만들고, 화살표는 start에서 check, check에서 done으로 이어지는 관계를 나타냅니다. 코드를 입력한 뒤 오른쪽 미리보기에 세 노드와 두 화살표가 나타나는지 확인합니다.
노드 이름을 실제 작업 단계로 바꾸고 연결선을 추가하면서 미리보기를 살펴보세요. 코드의 중괄호나 세미콜론이 빠져 그림이 예상과 다르면 먼저 가장 짧은 예제로 되돌려 문법을 확인합니다. 이미 DOT 파일이 있다면 Open으로 파일을 열어 왼쪽 코드와 오른쪽 결과를 비교하면 됩니다.
화면 아래의 확대·축소 조절은 그래프가 창보다 클 때 유용합니다. 공식 화면에는 배치 엔진 선택 항목으로 Dot이 보이며, 프로젝트 설명은 여러 Graphviz 배치 엔진을 지원한다고 밝힙니다. 같은 코드라도 엔진에 따라 노드 배치가 달라질 수 있으므로 연결 관계와 읽는 순서를 함께 확인하세요.
- 편집기에 짧은 digraph 예제를 입력하거나 Open으로 기존 DOT 파일을 엽니다.
- 오른쪽 미리보기에서 노드 세 개와 화살표 두 개가 올바르게 연결됐는지 봅니다.
- 필요한 단계와 연결을 추가하고 배치 엔진 및 확대 비율을 조절해 읽기 쉬운지 확인합니다.
PNG·SVG·JPEG로 내보내기
완성한 그래프를 문서나 발표 자료에 넣으려면 Delineate의 내보내기 기능에서 이미지 형식을 고릅니다. 공식 프로젝트가 안내하는 형식은 PNG, SVG, JPEG입니다. 세 형식 모두 같은 그래프를 담지만 사용하는 곳에 따라 선택이 달라집니다.
그림을 작은 크기로 붙여 넣거나 대부분의 문서 편집기에서 바로 사용하려면 PNG를 먼저 고르세요. 나중에 크게 확대하거나 선과 글자 선명도를 유지해야 하는 자료라면 SVG가 적합합니다. JPEG는 배경과 저장 품질에 따라 작은 글자나 가는 선이 흐려질 수 있으므로 내보낸 파일을 열어 읽기 쉬운지 확인하세요.
저장할 때는 파일 이름과 폴더를 확인하고, 내보낸 이미지를 다시 열어 노드 이름이 잘리지 않았는지와 화살표 방향이 맞는지 봅니다. 미리보기가 정상이어도 보고서에 삽입하는 과정에서 축소되면 글자가 작아질 수 있으므로 최종 사용 크기에서 한 번 더 확인하는 편이 좋습니다.
PNG와 SVG를 둘 다 써야 하는 문서라면 같은 DOT 내용을 각각 내보내고 파일 이름 끝에 형식을 구분해 두세요. 원본 DOT 파일도 함께 보관해야 나중에 단계 이름이나 연결을 바꿀 때 이미지 위에 글자를 덧칠하지 않고 그래프를 다시 만들 수 있습니다. 최종 그림만 남기면 변경할 때 어느 코드에서 나왔는지 추적하기 어렵습니다.
- 그래프 미리보기에서 노드·선·글자 크기를 확인합니다.
- 내보내기 기능에서 PNG, SVG 또는 JPEG를 목적에 맞게 고르고 저장합니다.
- 저장한 파일을 열어 연결 방향과 텍스트가 읽히는지 확인합니다.
설치나 그래프 표시가 막힐 때
설치 참조 파일을 열어도 아무 반응이 없다면 Flatpak 설치 여부와 Flathub 저장소 연결을 확인하세요. 참조 파일만으로는 앱 전체가 설치되지 않습니다. 소프트웨어 센터가 해당 파일을 처리하지 못한다면 터미널의 flatpak install flathub io.github.seadve.Delineate 경로로 앱 ID를 다시 확인할 수 있습니다.
앱은 열리는데 미리보기가 기대한 모양이 아니라면 DOT 코드의 digraph 선언, 중괄호와 화살표를 먼저 봅니다. 방향 그래프에는 ->를 사용합니다. 긴 코드 전체를 한 번에 고치기보다 세 노드 예제로 줄여 표시되는지 본 후 한 줄씩 추가하면 오류 위치를 찾기 쉽습니다.
그래프가 너무 넓거나 세로로 길어 한 화면에 들어오지 않으면 확대·축소 조절과 배치 엔진을 바꿔 보세요. 내보낸 파일이 없으면 형식 선택과 저장 폴더를 다시 확인하고, 파일은 있는데 글자가 작으면 이미지의 최종 표시 크기와 SVG 사용 가능 여부를 점검합니다.
미리보기의 노드 이름이 코드와 다르게 보인다면 편집 중인 탭이 맞는지부터 보세요. 공식 화면에는 탭 개요와 새 탭을 만드는 조작이 보입니다. 여러 그래프를 열어 둔 채 다른 탭의 결과를 내보내지 않도록 화면 위 탭 제목과 오른쪽 미리보기 내용을 함께 확인한 뒤 저장하는 것이 좋습니다.
Windows나 macOS용 파일을 기대했다면 이 글의 공식 설치 경로는 Linux Flathub임을 확인하세요. 공식 프로젝트는 다른 곳에서 배포하는 패키지를 공식 지원하지 않는다고 밝히므로 출처가 불분명한 설치 파일 대신 프로젝트와 Flathub의 앱 ID를 대조하는 편이 안전합니다.
자주 묻는 질문
Delineate는 무료인가요?
네. 공식 프로젝트는 누구나 무료로 사용할 수 있다고 밝히고 Flathub도 Free로 표시합니다.
마우스로 노드를 끌어다 놓는 앱인가요?
핵심 작업은 DOT 코드를 입력하고 그래프를 실시간으로 확인하는 방식입니다. 공식 화면에는 코드 편집기와 미리보기가 나란히 보입니다.
어떤 이미지 형식으로 저장할 수 있나요?
공식 프로젝트 설명에 PNG, SVG, JPEG 내보내기가 나옵니다. 저장 뒤 파일을 열어 글자와 연결선이 잘 보이는지 확인하세요.
Linux 외 운영체제에서도 설치할 수 있나요?
이 글에서 확인한 공식 설치 경로는 Linux x86_64·aarch64용 Flathub입니다.
GitHub v0.1.2 파일을 설치 파일로 받으면 되나요?
해당 릴리스의 tar.xz는 소스 압축 파일입니다. 일반 데스크톱 설치는 Flathub stable 앱을 사용하고, 실제 설치 버전은 설치 화면에서 확인하세요.
짧은 그래프부터 입력해 이미지로 확인하세요
Delineate는 Linux에서 DOT 관계 그래프를 코드로 작성하고 결과를 바로 보며 이미지로 저장할 때 유용한 무료 앱입니다. Flathub에서 앱 ID를 확인해 설치한 뒤 짧은 digraph를 입력해 보세요. 미리보기에서 연결 방향을 확인하고 PNG 또는 SVG로 내보낸 파일까지 열어 보면 작업을 끝낼 수 있습니다.
공식 자료와 확인일
Delineate 공식 프로젝트와 기능 · Delineate v0.1.2 공식 소스 릴리스 · Delineate Flathub 무료 앱 항목 · Flathub 배포판별 설정 · Flatpak 공식 설치·실행 안내 · Graphviz DOT 문법 | 2026-10-28
