DEV 커뮤니티 여러분, 안녕하세요! 👋
인간과 AI 에이전트(AI agents)가 함께 소프트웨어를 구축할 수 있는 오픈 소스 웹 서버 애플리케이션인 Anycode를 소개하고자 합니다.
대부분의 현대적인 AI 에디터와 달리, Anycode는 VS Code의 포크(fork)가 아닙니다. 최대의 성능, 유연성, 그리고 네이티브 에이전트 통합(native agent integration)을 제공하기 위해 완전히 처음부터 구축되었습니다.
Anycode Editor Interface
🛠️ 아키텍처 개요
- 프론트엔드 (Frontend): React 19 + 커스텀
web-tree-sitter WASM 가상 렌더링(virtual-rendering) 엔진
- 백엔드 (Backend): 고동시성(High-concurrency) Rust (
Axum + Tokio + Socket.IO WebSockets)
- 프로토콜 (Protocols): 네이티브 에이전트 클라이언트 프로토콜 (Native Agent Client Protocol, ACP) 및 언어 서버 프로토콜 (Language Server Protocol, LSP)
Anycode를 로컬에서 실행하거나 원격으로 호스팅하여, 어떤 브라우저에서든 로컬 파일, PTY 터미널, 그리고 AI 에이전트와 직접 상호작용하세요.
🔥 주요 기능
-
⚡ 커스텀 초고속 에디터: web-tree-sitter 기반의 커스텀 가상 렌더링 엔진으로 구축되었습니다. 최소한의 메모리 및 CPU 사용량으로 10만 줄 이상의 대규모 파일에서도 120+ FPS 이상의 매우 부드러운 성능을 제공합니다.
-
🤖 네이티브 에이전트 클라이언트 프로토콜 (ACP): AI 에이전트(Claude Code, Codex, OpenCode, 그리고 Ollama를 통한 로컬 LLM)와 깊게 통합되어 스트리밍 도구 호출(streamed tool calls), 권한 제어, 추론 선택기(reasoning selectors), 그리고 이력 기반 실행 취소(history-backed undo)를 지원합니다.
-
🖼️ 유연한 프리-페인 레이아웃 (Free-Pane Layout): 완전히 커스터마이징 가능한 워크스페이스 레이아웃을 제공합니다. 에디터 창, PTY 터미널, AI 에이전트 채팅, Git 패널, 검색 탭을 분할(Split), 도킹(Dock), 크기 조절(Resize)하여 원하는 레이아웃으로 구성할 수 있습니다.
-
👀 파일 시스템 와처 (Filesystem Watcher): AI 에이전트나 외부 프로세스가 코드를 수정할 때마다 즉각적인 UI 업데이트와 실시간 차이 시각화(live diff visualization)를 위한 실시간 파일 시스템 모니터링을 제공합니다.
-
🦀 고성능 Rust 코어: 실시간 파일 I/O 및 언어 서버 프로토콜 (LSP) 처리를 구동하는 비동기(Async) Rust 백엔드 (Axum + Tokio + Socket.IO)를 사용합니다.
-
💻 통합 PTY 터미널 (Integrated PTY Terminals): 멀티 세션 셸 실행을 위해 WebSockets 위에서 동작하는 풀 기능 터미널 에뮬레이터.
-
🧠 언어 서버 프로토콜 (LSP): 다국어 자동 완성 (Autocomplete), 정의로 이동 (Go-to-Definition), 호버 문서 (Hover docs), 실시간 진단 (Real-time diagnostics) 기능을 포함한 코드 인텔리전스.
-
🌿 내장 Git 통합 (Built-in Git Integration): 브라우저를 벗어나지 않고도 파일별 되돌리기 (Revert), 커밋 (Commit), 푸시 (Push), 풀 (Pull) 기능을 제공하는 풀 기능 Git 변경 사항 (Git Changes) 패널.
-
🔎 전체 검색 및 파일 트리 (Global Search & File Tree): 빠른 전체 텍스트 프로젝트 검색 및 대화형 파일 트리 탐색.
-
🎨 테마 및 타이포그래피 커스터마이징 (Themes & Typography Customization): 사용자 정의 가능한 에디터 컬러 테마, 다크/라이트 모드, 글꼴 크기 및 사용자 정의 타이포그래피 설정.
⚡ 빠른 시작 및 실행 (Quick Start & Run)
- Anycode 설치:
curl -fsSL https://raw.githubusercontent.com/anycode-ade/anycode/main/install.sh | sh
- 터미널에서 프로젝트 폴더 내의 Anycode 실행:
- 출력된 웹 URL (예:
http://localhost:3000)을 모든 브라우저에서 열기!
AI Agent Collaboration
⚙️ 설정 및 요구 사항 (Setup & Prerequisites)
개인정보 보호, 보안 및 로컬 격리를 위해 언어 서버 (LSP)와 AI 에이전트 (AI agents)는 번들로 포함되어 있지 않습니다. 사용자의 머신에 수동으로 설치해야 합니다:
- 언어 서버 (Language Servers): 코드 인텔리전스 (
rust-analyzer, vtsls 등)를 활성화하려면 LSP 설정 가이드를 참조하세요.
- AI 에이전트 (AI Agents): Claude Code, Codex, OpenCode 또는 로컬 LLM을 연결하려면 ACP 설정 가이드를 참조하세요.
이것으로 끝입니다 — 추가 구성은 필요하지 않습니다. Anycode는 사용자의 설정을 빠르고 간단하게 유지하도록 구축되었습니다.
⭐️ 저장소 확인하기 (Check Out the Repository)
Anycode는 Apache-2.0 라이선스 하에 100% 오픈 소스입니다.
License
anycode
anycode는 사람과 에이전트(agents)가 함께 구축하는 웹 플랫폼입니다. 로컬(locally) 또는 원격(remotely)으로 실행할 수 있으며 데스크톱, 노트북, 모바일, 심지어 VR까지 원하는 모든 기기에서 작업할 수 있습니다. Codex, Claude Code, OpenCode를 포함한 모든 에이전트와 로컬 모델(local models)을 사용할 수 있습니다.
editor layout agents
주요 기능 (Features)
- 초고속 커스텀 에디터 (Ultra-fast custom editor): tree-sitter 파서(parser)를 기반으로 한 매우 빠르고 고도로 최적화된 가상 렌더링 엔진(virtual rendering engine)을 통해 대규모 코드베이스(codebases)에서도 탁월한 성능을 제공합니다.
- 다국어 지원 (Multi-language support): 단일 환경에서 다양한 프로그래밍 언어로 작업할 수 있습니다.
- 고급 코드 경험 (Advanced code experience): 효율적인 파싱(parsing), 구문 강조(syntax highlighting), 실시간 코드 분석을 위해 web-tree-sitter 기반의 커스텀 코드 컴포넌트를 활용합니다.
- LSP 통합 (LSP integration): 지능형 코드 완성(code completion), 정의로 이동(go-to-definition), 호버 정보(hover information) 및 실시간 진단(real-time diagnostics)을 위한 LSP 지원을 제공합니다.
- 파일 시스템 통합 (File system integration): 로컬 파일 시스템(local filesystem)의 파일을 탐색하고 편집할 수 있는 WebSocket 기반 백엔드를 제공합니다.
- 변경 사항 (Changes): 내장된 git 변경 사항(Changes) 패널을 통해 파일별 되돌리기(revert), 커밋(commit), 푸시(push) 및 풀(pull)이 가능합니다.
- 자유로운 레이아웃 (Free layout): ...을 배치하기 위한 유연한 창(pane) 레이아웃을 제공합니다.
GitHub에서 보기
저희가 만들고 있는 것이 마음에 드신다면, GitHub에 ⭐️를 눌러주시고 피드백을 남겨주세요!
추신: 곧 120+ FPS 에디터 엔진 구축 및 Rust/ACP 아키텍처(architecture)에 관한 심층 기술 아티클을 게시할 예정입니다. 놓치지 않도록 여기 DEV에서 저희를 팔로우해 주세요! 🙏