GTK 화면을 만들 때 버튼이나 글자 배치를 조금 바꿀 때마다 전체 앱을 빌드하는 일이 번거롭다면 Workbench를 살펴볼 수 있습니다. GNOME 기술을 배우고 화면을 시험하는 Linux용 무료 앱이며, UI 코드와 스타일을 고친 뒤 옆의 Preview에서 변화를 확인하는 용도입니다.
리눅스에서 GTK 화면 코드 미리보기를 처음 해 보려면 빈 파일부터 만들 필요가 없습니다. Workbench의 Library에서 Welcome 예제를 열고, UI 탭의 글자나 배치 값을 작은 범위에서 고쳐 보세요. 공식 화면에 Code, Style, UI, Preview, Run이 구분돼 있으므로 예제의 어떤 부분을 수정하고 어디서 결과를 보는지 차근차근 익힐 수 있습니다.
Workbench는 어떤 프로그램인가요?
Workbench는 GNOME의 GTK 인터페이스를 배우거나 시제품을 만드는 앱입니다. 공식 GNOME 설명은 실시간 GTK/CSS 미리보기, 100개 이상의 예제, JavaScript·Rust·Python·Vala 지원, 자동 저장과 세션·프로젝트, 코드 진단과 완성·서식 기능을 소개합니다. Linux에서 앱 화면의 작은 부분을 시험하는 데 초점이 있습니다.
첫 번째 공식 화면은 왼쪽 UI 편집기에 Blueprint 코드가 있고 오른쪽 Preview에 Welcome to Workbench 화면이 나타난 모습을 보여 줍니다. 맨 위의 Library, Code, Style, UI, Preview, Run은 서로 다른 작업 위치입니다. 화면 아래에는 Console과 Inspector가 있어 실행 결과를 살필 수 있습니다.
두 번째 공식 화면에서는 Code 탭에 JavaScript로 Drawing Area 예제를 다루고, 오른쪽 Preview에 분홍색 삼각형과 슬라이더가 나타납니다. 세 번째 화면의 Library에는 Welcome, Platform Tools, HTTP Image 같은 예제가 보입니다. 화면 설명을 실제로 확인한 이 세 장을 사용하며, 다른 실행 장면을 임의로 만들어 넣지 않았습니다.
Workbench를 완성된 앱을 자동으로 배포하는 도구나 일반 웹사이트 미리보기 앱으로 생각하면 기대와 다를 수 있습니다. GTK와 GNOME 기술을 다루는 학습·프로토타입 환경입니다. 이미 존재하는 GTK 프로젝트 전체를 그대로 가져와 빌드한다는 식의 기능은 공식 소개에서 확인되지 않아 안내하지 않습니다.
공식 화면으로 편집기·미리보기·예제 라이브러리 보기
공식 GNOME 이미지에서 Blueprint UI 코드와 오른쪽 Preview, JavaScript Drawing Area의 Run 결과, Library의 Welcome 예제를 각각 확인했습니다. 예제의 코드와 화면 구성은 설치 버전에 따라 달라질 수 있습니다.
| 프로그램 | Workbench |
| 개발자 | Sonny Piers |
| GNOME 표시 버전 | 50.0 |
| 지원 운영체제 | Linux |
| 공식 앱 ID | re.sonny.Workbench |
| 공식 설치 경로 | Flathub stable Flatpak |
| 주요 용도 | GTK UI·CSS·코드 예제 실험 |
Linux에 Workbench 설치하기
GNOME 앱 카탈로그의 Workbench 페이지에서 Get the app을 누르면 Flathub 공식 배포 페이지로 연결됩니다. Flathub에는 Free와 Linux x86_64·aarch64가 표시됩니다. 이름이 비슷한 다른 제품과 헷갈리지 않도록 앱 ID re.sonny.Workbench를 함께 확인하세요.
Linux에 Flatpak과 Flathub 저장소가 준비돼 있다면 소프트웨어 센터에서 Workbench를 검색할 수 있습니다. 이 글의 파일 경로는 공식 Flathub stable의 re.sonny.Workbench.flatpakref입니다. 설치 참조 파일이므로 앱 본체가 모두 들어 있는 오프라인 패키지는 아닙니다. 설치 중 앱과 런타임을 받으려면 인터넷이 필요합니다.
GNOME 앱 페이지에는 확인 시점의 표시 버전 50.0이 나옵니다. stable 참조 파일은 그 버전을 고정한 파일이 아니므로, 소프트웨어 센터의 설치 확인 화면에서 실제 버전과 권한을 확인하세요. 설치가 끝나면 앱 목록에서 Workbench를 열어 Library와 편집·미리보기 영역이 표시되는지 살펴봅니다.
첫 실행에서는 새 프로젝트 옵션을 여러 개 바꾸기보다 기본 예제를 하나 열어 보는 편이 쉽습니다. 공식 화면의 Welcome 예제는 왼쪽 코드와 오른쪽 결과를 한 화면에 보여 주므로, 어떤 변경이 어디에 반영되는지 짧게 시험하기에 적합합니다.
- 공식 Flathub에서 Workbench와 앱 ID re.sonny.Workbench를 확인합니다.
- Linux 소프트웨어 센터 또는 공식 .flatpakref로 설치합니다.
- Workbench를 열어 Library와 Preview가 보이는지 확인합니다.
Library에서 Welcome 예제를 열고 GTK 화면 미리보기
맨 위 Library를 열어 Welcome 예제를 찾으세요. 공식 라이브러리 화면에는 Welcome 카드와 함께 JavaScript, Vala, Rust, Python 태그가 보입니다. 처음부터 언어를 여러 개 바꿔 가며 시험하기보다는 현재 보이는 예제 하나로 UI와 Preview의 관계를 확인하면 됩니다.
Welcome 예제 화면에서는 왼쪽에 UI와 Blueprint 선택 영역, 오른쪽에 Preview가 있습니다. 왼쪽 코드에는 Image와 Label 같은 요소가 보이고 오른쪽에는 아이콘, 제목, 안내 문장이 배치됩니다. 먼저 현재 미리보기를 눈으로 확인한 뒤, 화면에 드러나는 제목 문구처럼 결과를 알아보기 쉬운 한 부분만 바꿔 보세요.
편집 후 Preview에 문구나 배치가 어떻게 달라지는지 확인합니다. 공식 첫 화면에는 Edit Style or UI to update the Preview라는 안내가 보여 UI와 스타일 수정이 미리보기에 반영되는 흐름을 알려 줍니다. 변경이 바로 보이지 않는다면 현재 탭이 UI 또는 Style인지, 수정한 줄이 실제로 화면에 표시되는 요소인지부터 살펴보세요.
시험을 마칠 때는 원래 예제와 바꾼 값을 비교해 어떤 코드가 결과를 만들었는지 적어 두면 도움이 됩니다. Workbench는 자동 저장과 세션·프로젝트 기능을 소개하지만, 예제를 잘못 바꿔도 무조건 이전 상태로 돌아온다고 가정하지 말고 중요한 코드는 따로 보관하세요.
화면이 깨졌다면 여러 값을 동시에 고치기보다 방금 수정한 한 줄부터 되돌려 보세요. UI 구조와 스타일을 동시에 크게 바꾸면 어떤 수정이 문제인지 찾기 어렵습니다. 작은 변경 하나를 적용하고 Preview를 확인하는 순서가 학습에도 오류 확인에도 유리합니다.
- Library에서 Welcome 예제를 엽니다.
- UI 탭의 눈에 띄는 문구 한 곳을 바꿉니다.
- 오른쪽 Preview에서 결과를 확인합니다.
- 다른 값을 바꾸기 전에 원래 코드와 결과를 비교합니다.
Style과 Code 탭을 구분해 예제 실행하기
Style은 글자나 색상 등 GTK 화면의 모양을 조정할 때 살펴볼 탭입니다. 공식 페이지는 실시간 GTK/CSS 미리보기를 Workbench의 주요 기능으로 소개합니다. 처음에는 글자 간격이나 색상처럼 확인하기 쉬운 스타일 한 가지를 바꾸고 Preview를 비교하세요. UI 구조 변경과 스타일 변경을 나누어 시험하면 결과를 이해하기 쉽습니다.
Code 탭은 화면 뒤에서 동작하는 예제 코드를 다룹니다. 공식 Drawing Area 이미지에서는 JavaScript 코드가 왼쪽에 보이고 오른쪽 Preview에 삼각형과 슬라이더가 있습니다. 맨 위 Run 버튼을 눌러 코드가 포함된 예제를 시험하는 흐름입니다. UI 편집만으로 확인되는 변화와 실행이 필요한 동작을 구분하세요.
코드를 실행했는데 예상한 화면이 나오지 않으면 하단의 Console과 Inspector를 확인할 수 있습니다. 공식 화면에서도 두 영역의 위치가 하단에 보입니다. 오류 내용을 읽고 바로 여러 줄을 고치기보다, 마지막에 바꾼 코드와 예제의 원래 코드를 대조해 보세요.
공식 GNOME 설명에는 JavaScript, Rust, Python, Vala 지원이 적혀 있습니다. 이 네 언어의 모든 외부 라이브러리가 별도 설정 없이 작동한다는 뜻은 아닙니다. 처음에는 Library의 준비된 예제로 해당 언어가 어디에서 실행되고 Preview가 무엇을 보여 주는지 확인하는 편이 안전합니다.
Run을 눌렀을 때 Preview에 변화가 없다고 해서 설치가 실패했다고 단정하지 마세요. 편집한 부분이 UI 요소인지 동작 코드인지에 따라 확인 위치가 달라질 수 있습니다. 예제 설명, 오른쪽 Preview, 하단 Console을 순서대로 확인해 어느 단계에서 결과가 달라졌는지 찾으세요.
- Style에서 작은 시각 요소를 바꾸고 Preview를 비교합니다.
- Library의 코드 예제를 열어 Code 탭을 확인합니다.
- 필요한 예제에서는 Run을 누르고 Preview와 Console을 살펴봅니다.
100개 이상 예제로 필요한 GTK 기능 찾기
공식 GNOME 소개에는 100개 이상의 예제가 포함된 Library가 있다고 나옵니다. Library 화면에는 검색 아이콘과 Welcome, Platform Tools, HTTP Image 같은 카드가 보입니다. 완성 화면을 그대로 외우기보다 지금 시험하려는 기능과 가까운 예제를 골라 코드와 결과를 함께 보는 것이 좋습니다.
예를 들어 버튼 배치를 익히고 싶다면 관련 UI 예제를, 특정 그림 그리기 동작이 궁금하다면 Drawing Area 예제를 먼저 열어 보세요. Library 카드에 언어 태그가 붙은 경우에는 자신이 다루는 언어를 기준으로 고를 수 있습니다. 예제를 열고 코드 한두 줄을 바꿔 결과를 확인하면 독립적인 새 화면을 처음부터 만드는 것보다 빠르게 구조를 이해할 수 있습니다.
라이브러리 예제의 일부는 네트워크나 추가 환경을 전제로 할 수 있습니다. 공식 화면의 HTTP Image처럼 외부 주소를 다루는 예제는 인터넷 연결 여부에 따라 결과가 달라질 수 있습니다. 예제가 실행되지 않을 때는 코드 오타만 찾지 말고 해당 예제가 필요한 권한과 연결 상태도 확인하세요.
학습 중 마음에 드는 결과가 생겼다면 코드와 사용한 예제 이름을 함께 남겨 두세요. Workbench의 자동 저장이나 세션 기능에만 의존하기보다, 다른 프로젝트로 옮길 때 필요한 코드 조각과 설명을 직접 정리하면 다시 찾기 쉽습니다. 공식 소개의 프로젝트 기능은 실험을 정리하는 데 활용할 수 있습니다.
미리보기가 비거나 설치가 막힐 때
.flatpakref를 열어도 설치 화면이 나타나지 않으면 Linux에서 Flatpak과 Flathub 저장소가 준비돼 있는지 확인하세요. Flathub는 배포판별 설정 안내를 제공합니다. 설치 참조 파일만 저장했다고 앱이 설치된 것은 아니며, 소프트웨어 센터에서 앱 본체와 런타임을 받는 단계가 남아 있습니다.
Workbench를 열었지만 화면이 비어 보이면 Library에서 Welcome 예제를 다시 열고 현재 선택한 탭이 UI, Code, Style 중 어디인지 확인하세요. 미리보기 영역이 접혀 있거나 다른 보기를 선택한 상태라면 예제의 결과가 기대한 위치에 보이지 않을 수 있습니다.
예제 코드를 바꾸고 Preview가 갱신되지 않는다면 처음에는 수정한 줄을 되돌려 원래 예제가 표시되는지 확인하세요. 실행이 필요한 Code 예제에서는 Run을 눌러 보고 Console에 나온 메시지도 살펴봅니다. 여러 편집을 한꺼번에 진행했을 때는 마지막 변경부터 하나씩 확인하는 편이 원인을 찾기 쉽습니다.
Workbench는 GTK/GNOME 화면 실험에 맞는 앱입니다. 웹 페이지의 HTML/CSS 미리보기나 전체 GNOME 앱 배포 단계가 목적이라면 이 프로그램의 기능 범위와 다를 수 있습니다. 자신의 작업이 GTK UI 코드와 예제 실험인지 먼저 확인하면 설치 후 기대와 다른 상황을 줄일 수 있습니다.
자주 묻는 질문
Workbench는 무료인가요?
네. 공식 Flathub 배포 페이지에 Free로 표시됩니다. 이 글은 Linux용 공식 stable 설치 참조 파일을 안내합니다.
Windows나 macOS에도 같은 파일을 설치할 수 있나요?
아니요. 확인한 공식 Flathub 배포는 Linux x86_64·aarch64용입니다. Windows·macOS 파일로 소개하지 않습니다.
GTK 코드를 처음 써도 사용할 수 있나요?
공식 Library에 100개 이상의 예제가 소개돼 있습니다. 처음에는 Welcome 예제를 열어 UI와 Preview를 비교해 보세요.
Style을 바꿀 때마다 Run을 눌러야 하나요?
공식 GNOME 소개는 실시간 GTK/CSS 미리보기를 안내합니다. Code 동작을 시험하는 예제에서는 Run과 Console도 함께 확인하세요.
.flatpakref 파일은 오프라인 설치 파일인가요?
아니요. Flathub stable 앱을 가리키는 설치 참조 파일이며 실제 앱과 런타임을 설치하려면 네트워크가 필요합니다.
작은 GTK 화면 변경부터 시험해 보세요
Workbench는 GNOME GTK 화면을 배우고 UI·Style·Code 예제를 시험하는 무료 Linux 앱입니다. 공식 Flathub에서 설치한 뒤 Library의 Welcome 예제를 열어 왼쪽 코드를 조금 바꾸고 오른쪽 Preview를 비교하면 첫 사용 흐름을 익힐 수 있습니다.
다음에는 Drawing Area 같은 코드 예제에서 Run과 Console을 살펴보세요. 한 번에 여러 곳을 수정하기보다 작은 변경과 결과 확인을 반복하면 어떤 코드가 화면을 바꾸는지 명확해집니다.
공식 자료와 확인일
Workbench 공식 GNOME 기능·예제·화면 · Workbench 공식 Flathub 무료 배포·지원 환경 · Workbench 공식 프로젝트 사이트 · Flatpak 공식 배포판별 설정 안내 | 2026-10-29T17:07:48.411492+00:00
