Haystack Editor

캔버스는 Haystack Editor의 핵심이다. 탭을 쌓는 대신 에디터를 끝없는 보드 어디에든 놓고, 세부는 확대하고 전체는 축소해 본다. 사이드바에서 파일이나 함수를 끌어내면 놓은 자리에 그대로 남는다. 레이아웃은 파일을 연 순서가 아니라 코드를 어떻게 생각하는지를 반영한다. 일반 에디터와 다른 느낌을 만드는 부분이 바로 여기다.

한 코드가 다른 코드를 호출하면 Haystack이 두 에디터 사이에 연결을 긋는다. 함수를 열면 에디터가 호출하는 대상을 끌어오고, 따라가는 동안 호출 그래프가 드러난다. 밋밋한 파일 목록을 지도에 가까운 것으로 바꾸는 기능이다. 여러 단계를 지나도 어디서 왔는지 잃지 않는다.

탐색기는 VS Code에서 기대하듯 파일 트리를 출발점으로 준다. 거기서 필요한 것을 캔버스로 끌어오고 나머지는 남겨 둔다. 프로젝트를 훑는 익숙한 방식을 유지하면서, 앞에 두고 싶은 것은 캔버스가 맡는다. VS Code에서 온 사람이라면 사이드바가 곧바로 손에 익는다.

Haystack은 키보드 탐색을 중심에 둔다. 마우스에 손을 뻗지 않고 에디터 사이를 옮기고 코드로 뛴다. 빠른 이동을 덧붙인 기능이 아니라 핵심으로 다룬다. 캔버스에서는 이동과 확대가 발목을 잡을 수 있기 때문이다. 단축키는 VS Code에서 넘어오므로 몸에 익은 조작이 그대로 통한다.

에디터에는 함수 초안을 만들어 주는 AI 기능이 있다. 원하는 것을 말하면 코드가 나온다. 그러면 다른 것과 마찬가지로 캔버스에 놓고 잇는다. 함수의 모양은 알지만 상용구를 치고 싶지 않은 빈 페이지의 순간을 겨냥한다. 별도의 채팅 창이 아니라 에디터의 나머지 부분과 함께 움직인다.

Haystack은 VS Code의 포크라서 편집 경험과 확장 프로그램, 설정, 단축키가 그대로 이어진다. 처음 실행할 때 기존 VS Code 구성을 가져오면, 기대던 테마와 단축키, 확장 프로그램이 다시 만들지 않고 나타난다. 함께 실린 확장 프로그램은 쓰는 언어에 언어 지원과 자동 완성, 정의로 이동을 더한다. VS Code가 쓰는 것과 같은 부품이다.

캔버스는 큰 디스플레이에서 값을 한다. 보통 모니터에서도 탭 줄보다 많은 코드가 시야에 들어온다. 울트라와이드나 다중 모니터라면 하위 시스템 하나를 화면 가득 펼칠 수 있다. 고정한 에디터는 화면 한쪽을 잡아 두고 다른 곳에서 작업하게 해 준다. 말로는 사소하지만, 캔버스 배치로 옮겨갈 만한 큰 이유다.