Tidewave Web의 핵심 기능은 다음과 같습니다.
핵심 기능
- 공유 페이지 컨텍스트 (Shared page context): Tidewave는 현재 UI 상태에 직접 접근하여 이를 해당 컨트롤러, 뷰, 템플릿에 자동으로 매핑합니다. 이를 통해 개발자가 화면 내용을 일일이 설명하거나 코드 경로를 수동으로 추적할 필요가 없어집니다.
- 심층 프레임워크 통합 (Deep framework integration): 실행 중인 Rails/Phoenix 앱 내에서 코드를 실행하고, 데이터베이스를 쿼리하며, 로그를 모니터링하고, 문서에 접근하는 등 개발자가 사용하는 동일한 도구 접근 권한을 가집니다.
- 협업 브라우저 테스트 (Collaborative browser testing): Tidewave는 앱 내에서 완전한 기능을 구축하고 브라우저에서 직접 작동 여부를 검증합니다. 포인트 앤 클릭 인스펙터를 사용하여 개선 사항을 제안하고 변경을 요청할 수 있습니다.
- 개발 환경 내 실행 (Runs in your dev environment): Rails/Phoenix 앱에 하나의 패키지를 추가하고 기존 GitHub Copilot 또는 Anthropic 계정을 연결한 후 웹 앱의
/tidewave경로를 방문하여 사용할 수 있습니다.
기존 문제점과 Tidewave의 해결책
기존 코딩 에이전트는 개발자와 에이전트가 별도의 컨텍스트에서 작업하므로, 브라우저에서 발견한 문제 해결을 위해 에디터와 에이전트를 끊임없이 오가며 설명해야 하는 비효율이 발생합니다. Tidewave Web은 이러한 번거로움을 제거합니다. 예를 들어, UI 요소를 선택하고 “이 메뉴에 CSV 내보내기 버튼을 추가하고 전체 기능을 구현해 줘”라고 지시하면, Tidewave는 선택된 요소를 템플릿, 컨트롤러, 뷰에 직접 매핑하고, 데이터베이스를 쿼리하며, 기능을 테스트하고, 문제가 발생하면 로그를 읽는 등 모든 과정을 자동으로 처리하여 개발자와 에이전트, 웹 앱 간의 공유 컨텍스트를 형성합니다.
패키지 및 로드맵
Tidewave Web은 Rails 및 Phoenix용 패키지로 제공되며, GitHub Copilot 구독 또는 Anthropic API 키가 필요합니다. 현재 풀스택 Rails 및 Phoenix 애플리케이션에 최적화되어 있으며, React, Django, Flask, Next.js 등 다른 웹 프레임워크 지원이 로드맵에 있습니다. Dashbit 팀은 개발자 도구, 웹 프레임워크, 프로그래밍 언어 분야에서 수십 년의 경험을 바탕으로, 코드를 이해하는 것을 넘어 코드가 실제로 어떻게 실행되고 무엇을 생산하는지 이해하는 차세대 AI 개발 도구를 지향합니다. 이는 웹 개발뿐만 아니라 모바일 개발, 게임 개발, IoT 등 각 도메인의 런타임 환경과 워크플로우를 깊이 이해하는 전문화된 AI 도구의 필요성을 강조합니다.