Xcode’s clever minimap

Marcin Wichary

Xcode의 영리한 미니맵

원문은 Marcin Wichary님이 에 게재했습니다. 이 블로그 구독하기

미니맵은 흥미로운 UI 요소다. 작아서인지, 반응형이라서인지, 아니면 그냥 지도라는 것 자체가 멋있어서인지 괜히 설레게 만들지만 막상 쓸모는 없는 경우가 많기 때문이다.

코딩용 미니맵은 특히 다루기 까다롭다고 생각한다. 적어도 내가 경험한 바로는 멀리서 보면 코드가 다 비슷비슷해 보이기 때문이다. 코드를 축소판으로, 즉 그리킹된 형태로 보는 건 아무런 이득 없이 일반 스크롤바를 더 비싸고 산만하게 만든 것처럼 느껴졌다.

하지만 Xcode는 흥미로운 방식을 쓴다. MARK를 이용해 원하는 곳 어디에든 미니맵을 위한 일종의 “헤더”를 만들 수 있게 해준다:

그러면 미니맵은 그 헤더들을 그리킹 처리하지 않고 사람이 읽을 수 있는 텍스트 그대로 보여준다:

이 방식이 영리하다고 생각했다. 코드의 조감도를 가장 직관적인 시각적 의미로만 보는 게 아니라 일종의 “목차”처럼 볼 수 있게 해 활용도가 훨씬 높아졌기 때문이다.

물론 엄밀히 말하면 이건 더 이상 “축소 보기”가 아니다. 하지만 애초에 꼭 그래야 한다는 규칙이 있는 것도 아니다. 사실은 정반대다. 이 모든 게 1933년 해리 벡이 비슷한 방식으로 기대를 깨뜨린 유명한 런던 지하철 노선도를 떠올리게 했다.

원래 지리적으로 정확하게 그려진 런던 지하철 노선도는 이렇게 생겼다:

벡은 지리에 얽매이지 않고 여행자를 돕기 위해 지도를 다이어그램으로 재해석했고, 1933년 그가 그렇게 한 이후로 많은 대중교통 노선도가 그 뒤를 따랐다:

이 글은 muse-spark-1.2-contributor 모델을 사용해 번역했습니다.

댓글