--- title: "사례 — zenit으로 만든 실제 앱 (Zig GPU UI)" description: "Zig용 GPU UI zenit으로 만든 커뮤니티 프로젝트를 실제 창에서 녹화했습니다. 네이티브 코드 IDE, WYSIWYG Markdown 에디터, 피아노…" url: https://zenit.z.express/ko/showcase language: ko alternate_en: https://zenit.z.express/showcase.md alternate_zh: https://zenit.z.express/zh/showcase.md alternate_es: https://zenit.z.express/es/showcase.md alternate_ja: https://zenit.z.express/ja/showcase.md alternate_fr: https://zenit.z.express/fr/showcase.md alternate_de: https://zenit.z.express/de/showcase.md project: zenit v0.1.0-alpha (Zig 0.15.2, macOS) source: https://github.com/version-next/zenit --- SHOWCASE · 커뮤니티 사례 # 커뮤니티가 만든 실제 앱. 아래는 zenit 커뮤니티의 기존 프로젝트로, 실제 창을 편집 없이 녹화한 것입니다. Electron도 WebView도 없이 모든 프레임을 zenit이 GPU에서 그립니다. 01코드 IDE(네이티브)0:1802WYSIWYG Markdown 에디터1:0903신스 강좌와 피아노 롤(네이티브)2:22 01 / NATIVE IDE 커뮤니티 ## 코드 IDE(네이티브) 실제 TypeScript 언어 서버에 연결: 입력 중 자동 완성, 시그니처 도움말, 호버 문서. 자동 완성 목록, 팝오버, 에디터, 미니맵 모두 zenit이 GPU에서 그립니다. [Video](https://zenit.z.express/media/showcase/code-intelligence.mp4?v=4a87b37ad4) - 입력 즉시 자동 완성, 접두사로 실시간 필터링 - 캐럿 위치에 붙는 시그니처 도움말과 호버 문서 - 파일 트리, 탭, 줄 번호, 미니맵 PopoverVirtualListtext engine0:18 02 / WYSIWYG 커뮤니티 ## WYSIWYG Markdown 에디터 보이는 그대로 결과가 됩니다 완전한 네이티브 문서 에디터: 목록, 체크리스트, 인용, 다단계 번호가 입력과 동시에 모양을 갖추고, 표, 흐름도, 코드 블록, 스크린샷이 모두 같은 문서 안에 있습니다. Electron도 WebView도 없이 모든 픽셀을 zenit이 그립니다. - 입력과 동시에 서식: 중첩 목록, 체크리스트, 인용, 다단계 번호 - 표, 흐름도, 코드 블록, 스크린샷을 실시간 렌더링하고 제자리에서 편집 - 새 파일과 폴더, 드래그로 정리, 탭, 내장 터미널 Rich textTableTerminal1:09 [Video](https://zenit.z.express/media/showcase/ui-tour.mp4?v=9dc5bb9655) 03 / SYNTH · AUDIO 커뮤니티 ## 신스 강좌와 피아노 롤(네이티브) 음색을 만들면서 신시사이저를 배웁니다. 내장 강좌가 필터를 단계별로 설명하고, 모든 노브가 필터 곡선, 엔벨로프, 스펙트럼을 실시간으로 움직입니다. 이어서 7트랙 피아노 롤로 곡을 완성합니다. 모든 음은 앱 자체의 신스가 냅니다. 클릭하면 소리와 함께 재생됩니다. [Video](https://zenit.z.express/media/showcase/timbre.mp4?v=ab153b3f95) - 노브가 필터 곡선·엔벨로프·스펙트럼을 실시간으로 움직임 - 내장 레슨과 마우스를 올리면 용어를 설명하는 카드 - 7트랙 피아노 롤: 영역 선택, 복제, 드래그, 실행 취소 / 다시 실행 Real-time audioPiano rollTooltip2:22 다음 커뮤니티 사례는 당신의 앱일 수 있습니다. 창 하나로 시작하세요. [5분 만에 시작](https://zenit.z.express/ko/docs/guide/getting-started) [GitHub](https://github.com/version-next/zenit)