Trae
VS Code 기반 AI 네이티브 통합 개발 환경(IDE)
- VS Code 호환 AI 네이티브 IDE: VS Code 코드베이스 위에 AI 기능을 네이티브로 통합한 독립 에디터. 기존 VS Code 확장(Extension)과 호환되면서 AI 워크플로우를 전면 내장 - Builder 모드: 자연어 요청을 분석 → 단계별 계획 수립 → 멀티파일 수정 → 라이브 프리뷰 → 커밋까지 자동화하는 에이전트형 개발 모드. 계획 우선(planning-first) 접근으로 첫 시도 정확도를 높임 - Chat 인터페이스 (일반 / 에디터 인라인): 범용 질의응답과 에디터 내 인라인 수정 두 모드 지원. 스크린샷·터미널 출력 등 멀티모달 입력 가능 - 다중 LLM 모델 내장: Claude 3.5 Sonnet, Claude 3.7 Sonnet, GPT-4o, Doubao-1.5-pro, DeepSeek 등 복수 모델을 IDE 내에서 직접 전환 사용 - MCP (Model Context Protocol) 지원: Figma 디자인→코드 변환, DB 연동, 외부 API 통합 등 에이전트 기능을 MCP 서버로 확장 - trae-agent CLI (오픈소스): IDE와 별도로 CLI 환경에서 자연어 명령 기반 소프트웨어 엔지니어링 작업을 자동화하는 오픈소스 에이전트. Docker 컨테이너 격리 실행, 궤적(trajectory) 기록, YAML 설정 지원 - 터미널 명령 제안: 채팅 인터페이스에서 터미널 명령을 추천하고, 클릭 한 번으로 직접 실행
💻 필요한 컴퓨터 사양
불필요 (AI 추론은 클라우드 서버에서 처리). trae-agent CLI로 로컬 Ollama 모델 연결 시 해당 모델의 VRAM 요구사항 적용
IDE 설치 ~500MB, 프로젝트·확장 별도
⚡ 설치법
### 4-1. Quick Start (IDE)
```
공식 사이트(https://www.trae.ai/)에서 OS별 설치 파일 다운로드 후 실행.
VS Code와 동일한 방식으로 설치되며, 기존 VS Code 확장 호환.
```
### 4-2. trae-agent CLI 설치
```bash
git clone https://github.com/bytedance/trae-agent.git
cd trae-agent
uv sync --all-extras
source .venv/bin/activate
# 설정 파일 작성
cp trae_config.yaml.example trae_config.yaml
# API 키 등 환경변수 설정 후 실행
trae-cli run "Create a hello world Python script"
```
### 4-3. trae-agent 주요 CLI 명령
```bash
trae-cli run "자연어 작업 설명" # 단발 실행
trae-cli interactive # 대화형 모드
trae-cli show-config # 현재 설정 확인
trae-cli run --docker-image python:3.12 "작업" # Docker 격리 실행
```🧬 바이오 활용
자연어 기반 풀스택 프로토타이핑
Builder 모드에서 "고객 피드백 폼을 React + Express로 만들어줘"와 같은 자연어 명령으로 HTML, CSS, JavaScript, 백엔드 코드를 일괄 생성하고 라이브 프리뷰로 즉시 확인. 비개발자도 MVP 수준 앱을 30분 내에 구현 가능
멀티모달 UI 재현
스크린샷이나 Figma 디자인 파일을 MCP를 통해 입력하면 해당 UI를 코드로 변환. 디자이너-개발자 핸드오프 시간을 단축하고, 디자인 시안과 실제 구현 간 괴리를 최소화
trae-agent를 활용한 CI/CD 자동화
오픈소스 CLI 에이전트를 CI 파이프라인에 통합하여 "이 PR의 테스트를 작성하고 린트 오류를 수정해"와 같은 자연어 명령으로 코드 품질 자동화. Docker 격리 실행으로 안전한 샌드박스 환경 보장
📝 업데이트 노트
아직 업데이트 노트가 없습니다.
🧪 관련 생명의 코드
관련된 생명의 코드 글이 아직 없습니다.