윈드서프 Wave 4 업데이트 공개: 브라우저 오류 즉시 전송 및 탭 자동 임포트 지원

AI에게 말만 걸어 앱을 만드는 vibe-coding이 인기를 끌고 있지만, 실제로 해보면 처음 만드는 것보다 사소한 UI를 고치고 오류를 잡는 과정이 훨씬 번거롭습니다.

화면의 어떤 컴포넌트가 이상한지 채팅창에 구구절절 설명해야 하고, 브라우저 콘솔을 열어 빨간색 에러 로그를 일일이 복사해 붙여넣어야 했기 때문입니다.

Codeium의 AI 기반 코드 에디터 Windsurf가 Wave 4 업데이트를 공개했습니다. 개발사는 이번 업데이트가 기존 경쟁자들을 뒤쫓던 단계에서 업계를 선도하는 단계로 전환되는 분기점이라고 자평했습니다.

클릭 한 번으로 UI 지정하고 에러 로그 자동 수집

Wave 4에서 가장 돋보이는 기능은 Previews입니다.

로컬에서 실행 중인 웹 화면에서 수정하고 싶은 요소를 직접 마우스로 클릭하면, 해당 컴포넌트 정보가 대화형 에이전트 Cascade로 즉시 전달됩니다.

브라우저 콘솔에 런타임 오류가 발생했을 때도 전용 버튼을 누르면 에러 내용이 자동으로 Cascade에 입력됩니다. 더 이상 창을 오가며 로그를 복사해 붙여넣을 필요가 없습니다.

이 기능은 React를 포함한 대부분의 웹 프로젝트에서 동작하며, Chromium 기반 브라우저와 IDE 내부 미리보기에 최적화되어 있습니다. Safari와 Firefox도 지원하지만, WebGL이나 캔버스 전체를 사용하는 비 HTML 환경은 아직 지원하지 않습니다.

이와 함께 에디터 탭이나 파일 탐색기의 파일을 Cascade 채팅창으로 바로 끌어다 놓을 수 있는 드래그 앤 드롭 기능도 추가되었습니다.

Tab 키로 import 자동화하고 린트 오류는 무료로 수정

코드 편집 영역에서는 Tab 키의 활용도가 한층 더 넓어졌습니다. 2022년 커서 위치 자동완성, 2024년 9월 주변 코드까지 고쳐주는 Supercomplete, Wave 3의 커서 이동에 이어 이번에는 Tab-to-import 기능이 들어갔습니다. 새로운 라이브러리를 사용하면 Tab 키만 눌러 파일 맨 위에 import 구문을 바로 추가할 수 있습니다.

개발자들의 요청이 많았던 린터(Linter) 연동도 탑재되었습니다. Cascade가 생성한 코드가 정적 분석 규칙을 통과하지 못하면, AI가 오류 신호를 스스로 인지해 먼저 수정합니다.

특히 AI가 자신이 낸 린트 오류를 바로잡는 과정에서는 가급적 사용자의 크레딧을 차감하지 않도록 배려했습니다.

그 밖에도 제품 안에서 유용한 MCP 서버를 바로 찾아 연결할 수 있는 기능, 기업 관리자를 위한 모델 선택 제어 기능, 다음 작업 추천, 그리고 Claude 3.7 Sonnet의 과도한 도구 호출을 완화하는 개선이 함께 포함되었습니다.

왜 중요한가

웹과 풀스택 애플리케이션을 만드는 개발자에게 이번 업데이트는 화면 전환과 프롬프트 작성 시간을 절반 이상 줄여주는 실질적인 가치를 제공합니다. UI 요소를 콕 찍어 수정하고 에러를 한 번에 전달하는 기능만으로도 지금 당장 업데이트해 써볼 만합니다.

산업 관점에서 보면, 이제 AI 코딩 에디터의 경쟁이 단순히 최신 파운데이션 모델을 탑재하는 수준을 넘어섰음을 보여줍니다. 런타임 화면, 브라우저 콘솔, 에디터 내부 컨텍스트를 얼마나 매끄러운 루프로 묶어내느냐가 진짜 승부처가 되었습니다.

우리는 Windsurf가 자체 린트 오류 수정 과정에서 크레딧을 청구하지 않기로 한 점을 매우 현명한 선택으로 봅니다. AI의 사소한 실수 때문에 사용량 한도가 깎인다는 불만을 정확히 짚어냈기 때문입니다.

다만 이러한 강력한 피드백 루프가 일반적인 HTML 기반 웹에 치우쳐 있어, 그래픽 기반 프로젝트나 복잡한 네이티브 환경에서는 한계가 있다는 점은 향후 넘어야 할 과제입니다.