Vim으로 아스키 아트 그리기 — 블록 비주얼 모드의 재발견

코드 주석이나 README에 다이어그램을 넣고 싶을 때가 있잖아요. 이미지를 첨부하자니 관리가 귀찮고, 그럴 때 요긴한 게 텍스트만으로 그림을 그리는 아스키 아트(ASCII art)인데요. 한 개발자가 별도 도구 없이 Vim만으로 아스키 아트를 그리는 방법을 정리한 글을 올렸어요. 읽다 보면 아스키 아트는 핑계고 사실 Vim의 숨은 기능들을 배우게 되는, 그런 재미있는 글이라 소개해 드릴게요.

핵심 무기는 블록 비주얼 모드

Vim으로 그림을 그릴 때 가장 중요한 기능은 Ctrl+V로 진입하는 블록 비주얼 모드예요. 이게 뭐냐면, 보통의 선택이 줄 단위로 흐르는 것과 달리 화면에서 직사각형 영역을 그대로 선택하는 모드거든요. 그림이라는 게 결국 2차원 격자 위의 문자 배치라서, 사각형 영역을 자유자재로 다루는 순간 절반은 먹고 들어가는 거죠. 영역을 잡고 r을 누르면 선택된 모든 문자가 한 번에 다른 문자로 바뀌고, I나 A를 누르면 여러 줄에 동시에 문자를 삽입할 수 있어요. 예를 들어 사각형 박스를 그린다면, 블록으로 영역을 잡고 테두리 문자로 채우는 식으로 몇 번의 키 입력이면 끝나거든요.

허공에 커서를 두는 마법, virtualedit

그런데 그림을 그리다 보면 근본적인 문제에 부딪혀요. Vim은 텍스트가 없는 곳으로는 커서가 안 가거든요. 빈 줄에서 오른쪽으로 20칸 이동하고 싶어도, 텍스트가 끝난 지점에서 커서가 멈춰버려요. 이걸 해결하는 게 :set virtualedit=all 설정이에요. 이 설정을 켜면 텍스트 유무와 상관없이 화면 어디로든 커서를 옮길 수 있게 돼요. 문서가 아니라 무한한 모눈종이 캔버스처럼 변하는 거죠. 이 상태에서 원하는 위치로 이동해 문자를 찍으면, 마치 그림판에서 펜으로 점을 찍듯 자유롭게 그릴 수 있어요.

외부 도구와 매크로 조합하기

글자를 크게 뽑는 제목 아트는 직접 그릴 필요 없이 외부 도구를 부르면 되는데요. :r !figlet HELLO 처럼 입력하면 figlet이라는 프로그램이 만들어준 큼직한 아스키 글자가 커서 위치에 바로 삽입돼요. Vim의 :r ! 문법은 외부 명령의 출력을 편집 중인 문서로 가져오는 기능이라, 아스키 아트가 아니어도 알아두면 쓸 데가 많거든요. 반복되는 패턴은 매크로로 해결해요. q로 녹화를 시작해서 한 단위를 그리는 과정을 기록해 두면, 숫자와 함께 재생해서 같은 패턴을 원하는 만큼 찍어낼 수 있죠. 이런 것조차 번거롭다면 HJKL 이동만으로 선과 박스를 그려주는 venn.nvim이나 DrawIt 같은 플러그인도 있어요.

굳이 아스키 아트여야 할까?

요즘은 Mermaid나 PlantUML처럼 텍스트를 예쁜 다이어그램으로 렌더링해 주는 도구도 많고, 웹에서 마우스로 그리는 asciiflow 같은 서비스도 있잖아요. 그래도 아스키 아트만의 장점이 분명히 있거든요. 렌더러가 없어도 어디서든 보이고, 터미널에서도 깨지지 않고, 무엇보다 git diff에 변경 내역이 그대로 드러나요. 코드 주석 안에 넣을 수 있는 다이어그램은 사실상 아스키 아트가 유일하죠. 그래서 리눅스 커널 소스나 유명 오픈소스 코드베이스를 보면 지금도 주석에 아스키 다이어그램이 현역으로 쓰이고 있어요.

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

이 글의 진짜 소득은 그림 실력이 아니라 Vim 실력이에요. 블록 비주얼 모드는 CSV 데이터에서 특정 컬럼만 편집하거나, 여러 줄에 동시에 주석을 달 때 실무에서 정말 자주 쓰는 기능이거든요. virtualedit나 :r ! 같은 기능도 마찬가지고요. 놀이처럼 아스키 아트를 그리면서 이런 기능들이 손에 익는다면, 그게 남는 장사 아닐까요.