I Built a VS Code Extension "Show History for Selection"

개요

"Show History for Selection" VS Code 확장 프로그램은 IntelliJ의 "Show history for selected lines" 기능을 VS Code에 도입하여 코드 선택 영역의 Git 히스토리를 효율적으로 검사할 수 있도록 합니다.

주요 내용

• 기능: 선택된 코드 라인의 커밋 히스토리를 보여주고, 부모(이전 수정본)와 현재 수정본 간의 사이드-바이-사이드 diff를 열어주며, 비교를 용이하게 하기 위해 양쪽 스크롤을 동기화하고 커밋 섹션 크기 조절을 허용합니다.
• 사용 편의성: Git 추적 파일에서 하나 이상의 라인을 선택하고 "Show History for Selection" 명령어를 실행한 후 목록에서 커밋을 선택하면 부모와 현재 수정본 간의 diff가 즉시 표시됩니다.
• 개발 배경: 코드 디버깅 및 리뷰 시 특정 코드 블록의 변경 이력을 빠르고 시각적으로 확인하기 위해 개발되었으며, git blame으로는 충족되지 않는 요구사항을 해결합니다.
• 기술적 측면: TypeScript로 개발된 VS Code 확장 프로그램이며, Git 라인 히스토리 쿼리 및 범위 폴백(range fallback)을 사용하고 빠른 조사를 위한 UI를 최적화했습니다.
• 주요 사용자: 회귀(regression) 디버깅 개발자, 코드 변경 사항 조사자, IntelliJ에서 VS Code/Cursor로 마이그레이션하는 팀, 라인 레벨 Git 가시성을 개선하고자 하는 모든 사용자입니다.
• 향후 계획: 더 나은 커밋 필터링/검색, 풍부한 diff 컨텍스트 옵션, 대용량 파일 및 긴 히스토리에 대한 UX 개선을 계획하고 있습니다.

시사점

"Show History for Selection" 확장 프로그램은 개발자가 특정 코드 변경 이력을 더 빠르고 시각적으로 파악할 수 있게 함으로써 디버깅 및 코드 리뷰 워크플로우를 크게 개선할 수 있는 잠재력을 지닙니다.