UI 라이브러리가 1100줄? ANSI C로 만든 초경량 GUI 'MicroUI'

GUI 라이브러리는 무겁다는 편견

버튼 하나, 슬라이더 하나 화면에 그리려고 했을 뿐인데, 깔아야 하는 라이브러리가 수십 메가바이트인 경험 다들 있으시죠? 요즘 데스크톱 UI 프레임워크들은 기능이 풍부한 만큼 덩치도 어마어마하거든요. 그런데 정반대로, 전체 코드가 약 1,100줄밖에 안 되는 초미니 UI 라이브러리가 있어요. rxi라는 개발자가 만든 microui예요. 그것도 요즘 언어가 아니라 가장 기본적이고 오래된 표준인 ANSI C로 짰어요.

1,100줄이면 어느 정도냐면, 웬만한 회사 코드베이스의 파일 하나 정도예요. 그 안에 버튼, 체크박스, 슬라이더, 텍스트 입력, 창(window), 패널, 트리뷰 같은 기본 위젯이 다 들어 있어요. 어떻게 이게 가능할까요? 비밀은 '즉시 모드(immediate mode)'라는 방식에 있어요.

'즉시 모드 GUI'가 뭐냐면

우리가 흔히 아는 UI 방식은 '유지 모드(retained mode)'라고 불러요. 이게 뭐냐면, 버튼을 하나 만들면 그 버튼 객체가 메모리 어딘가에 계속 살아있으면서 자기 상태(눌렸는지, 색이 뭔지, 위치가 어딘지)를 스스로 기억하는 방식이에요. 우리가 HTML에서 DOM 트리를 떠올리면 비슷해요. 위젯들이 트리 구조로 계속 남아있고, 우리는 그걸 생성하고 수정하고 삭제하면서 관리하죠.

반면 '즉시 모드'는 발상이 완전히 달라요. 위젯을 어딘가에 저장해두지 않아요. 대신 매 프레임마다, 즉 화면을 1초에 60번 다시 그릴 때마다 if (button("확인")) { ... } 같은 코드를 그냥 다시 호출해요. 버튼을 그리고 싶으면 매번 그리는 코드를 부르고, 그 함수가 "방금 클릭됐어요"라고 true/false를 바로 돌려주는 식이에요. 위젯 객체를 따로 만들고 이벤트 리스너를 붙이고 할 필요가 없어요. 화면에 보이는 UI가 곧 지금 실행 중인 코드 그 자체인 거죠.

이 방식의 장점은 코드가 직관적이고, 상태 관리가 단순하다는 것이에요. 버튼이 눌렸을 때 할 일을 바로 그 자리 if문 안에 적으면 되니까, 콜백 함수가 여기저기 흩어지지 않거든요. 게임 개발이나 디버깅 도구처럼 "빠르게 만들고 매 프레임 갱신하는" 환경에서 특히 강력해요.

렌더링은 직접 하세요 — 그래서 더 가볍다

microui의 또 다른 영리한 점은, 자기가 직접 화면에 픽셀을 그리지 않는다는 거예요. 보통 라이브러리라면 "내가 다 그려줄게" 하면서 그래픽 기능까지 다 품고 있어서 무거워지거든요. 근데 microui는 "이 위치에 사각형을 그려라", "여기에 이 글자를 써라" 같은 명령 목록(command list)만 만들어서 넘겨줘요. 실제로 그 명령을 받아서 화면에 그리는 건 사용자가 OpenGL이든, SDL이든, 심지어 터미널이든 원하는 방식으로 직접 처리하는 거예요.

이 구조 덕분에 microui는 특정 그래픽 기술에 묶이지 않고, 외부 의존성이 거의 없으며, 메모리도 아주 조금만 써요. 임베디드 기기처럼 자원이 빠듯한 환경이나, 게임 엔진 안에 디버그 UI를 슬쩍 끼워 넣고 싶을 때 딱이죠.

비슷한 친구들과 비교해보면

즉시 모드 GUI 하면 가장 유명한 건 단연 Dear ImGui예요. 게임 업계에서는 거의 표준처럼 쓰이는 디버그/툴 UI 라이브러리인데, 기능이 정말 방대해요. 그런데 그만큼 코드도 크고 C++ 기반이죠. 또 Nuklear라는 단일 헤더 파일짜리 C 라이브러리도 있는데, 이것도 microui보다는 훨씬 커요.

microui의 포지션은 명확해요. "Dear ImGui의 화려한 기능은 다 필요 없고, 정말 최소한의 위젯만 가볍게, ANSI C 환경에서, 코드를 통째로 읽고 이해할 수 있는 크기로" 쓰고 싶은 사람을 위한 거예요. 기능의 풍부함이 아니라 단순함과 이식성(portability), 그리고 '내가 전부 파악할 수 있다'는 점을 무기로 삼은 거죠.

한국 개발자에게 주는 시사점

당장 실무 웹/앱 개발에 microui를 쓸 일은 많지 않을 수도 있어요. 하지만 배워둘 가치는 충분해요. 첫째, 즉시 모드라는 사고방식은 React의 '선언적 렌더링(상태를 바꾸면 화면이 알아서 다시 그려진다)'과 통하는 면이 있어서, UI를 바라보는 시야를 넓혀줘요. 둘째, 1,100줄짜리 잘 짜인 C 코드는 그 자체로 훌륭한 교재예요. 거대한 프레임워크 내부는 너무 복잡해서 못 읽지만, 이건 주말 하나면 통독할 수 있거든요. "좋은 추상화는 어떻게 작은 코드로 큰 일을 하는가"를 직접 눈으로 확인할 수 있어요.

임베디드, 게임, 자체 개발 툴을 만드는 분이라면 실전 후보로도 손색이 없고요.