코드 검색 기능의 여정

Replit은 코드베이스 내에서 특정 주석, 클래스, 함수를 빠르게 찾을 수 있는 새로운 Code Search 도구를 출시했다. 단순 쿼리부터 정규 표현식(Regular Expressions), 단어 필터, 포함/제외 패턴, 그리고 캡처 그룹을 지원하는 치환(Replacement) 기능까지 지원하여 대규모 코드베이스의 리팩토링을 효율적으로 돕는다.

검색 성능을 극대화하기 위해 Replit은 ripgrep을 핵심 엔진으로 채택했다. 개발자가 작업 흐름을 유지할 수 있도록 즉각적인 피드백을 제공하는 데 초점을 맞췄다.

검색 결과를 한꺼번에 기다리는 대신, crosis를 통해 결과를 청크(chunk) 단위로 스트리밍하여 클라이언트에 전달한다. 이 방식을 통해 검색 결과 표시 속도를 평균 40% 향상시켰으며, 초기 응답성을 크게 높였다.

또한, 대규모 검색 결과가 브라우저 성능을 저하시키는 문제를 해결하기 위해 @tanstack/react-virtual을 이용한 리스트 가상화(List Virtualization) 기술을 도입했다. 이를 통해 수천 개의 검색 결과가 있더라도 필요한 DOM 노드만 효율적으로 렌더링하여 IDE의 성능을 유지한다.