Agent Manager와 Editor

학습 목표

Agent Manager와 Editor의 역할을 이해할 수 있다
두 화면 간 전환 방법을 익힐 수 있다
Editor의 AI 지원 기능을 활용할 수 있다

1. 두 가지 작업 모드

Anti-Gravity는 두 가지 주요 작업 모드를 제공합니다.

모드	용도	특징
Editor	코드 직접 작성	VS Code 기반, AI 자동완성 지원
Agent Manager	에이전트 관리	여러 에이전트를 한눈에 관리

💡 핵심 단축키
Cmd/Ctrl + E를 누르면 Editor ↔ Agent Manager 간 전환됩니다. 이 단축키를 기억해두세요!

2. Editor 모드

2.1 Editor란?

Editor는 코드를 직접 작성하고 편집하는 화면입니다. VS Code를 사용해본 적이 있다면 익숙하게 느껴질 것입니다.

Editor 화면 그림 4-1: Editor 기본 화면

2.2 Editor의 주요 구성

1. 파일 탐색기 (왼쪽)

프로젝트 폴더와 파일 목록
파일 클릭으로 열기

2. 코드 편집 영역 (중앙)

코드 작성 및 편집
구문 강조(Syntax Highlighting) 자동 적용

3. Agent Side Panel (오른쪽)

AI 에이전트와 대화
코드 생성 요청

2.3 Editor의 AI 지원 기능

Anti-Gravity Editor는 일반 에디터와 달리 강력한 AI 기능을 제공합니다.

Tab 자동완성

코드를 작성하다가 Tab 키를 누르면 AI가 다음 코드를 제안합니다.

기능	설명
Supercomplete	현재 위치에서 코드 제안
Tab-to-Jump	다음 편집할 위치로 자동 이동
Tab-to-Import	누락된 import문 자동 추가

예시

그림 4-2: Agent Manager 화면

Command 기능

Cmd/Ctrl + I를 누르면 자연어로 코드를 요청할 수 있습니다.

사용 방법

코드 편집 중 Cmd/Ctrl + I 입력
입력창에 원하는 내용 작성 (예: "이 함수에 에러 처리 추가해줘")
AI가 코드를 생성하여 보여줌
마음에 들면 적용

Agent Side Panel

오른쪽 패널에서 AI 에이전트와 대화하며 더 복잡한 작업을 요청할 수 있습니다.

할 수 있는 것

이미지 첨부하여 질문
에이전트 모드 전환
다양한 AI 모델 선택

2.4 기본 편집 단축키

동작	Mac	Windows/Linux
파일 저장	`Cmd + S`	`Ctrl + S`
새 파일	`Cmd + N`	`Ctrl + N`
파일 열기	`Cmd + O`	`Ctrl + O`
찾기	`Cmd + F`	`Ctrl + F`
실행 취소	`Cmd + Z`	`Ctrl + Z`
Command 실행	`Cmd + I`	`Ctrl + I`

3. Agent Manager 모드

3.1 Agent Manager란?

Agent Manager는 여러 AI 에이전트를 한눈에 관리하는 화면입니다. 마치 여러 명의 조수를 관리하는 관리자 화면이라고 생각하면 됩니다.

그림 4-2: Agent Manager 화면

3.2 언제 Agent Manager를 사용하나요?

여러 에이전트를 동시에 실행하고 싶을 때
여러 워크스페이스를 관리할 때
에이전트의 작업 상태를 한눈에 확인할 때

3.3 Agent Manager 주요 기능

1. 워크스페이스 관리

여러 프로젝트(워크스페이스)를 동시에 열기
워크스페이스 간 전환

2. 에이전트 관리

에이전트 생성/삭제
에이전트 실행/중지
여러 에이전트 동시 모니터링

3. Editor 창 관리

Editor 창 숨기기/보이기
Editor 창 포커스
Editor 창 닫기

3.4 Editor로 돌아가기

Agent Manager에서 다시 Editor로 돌아가는 방법은 다음과 같습니다.

Cmd/Ctrl + E 단축키 사용
또는 상단 메뉴에서 "Open Editor" 클릭

4. 초심자를 위한 추천 워크플로우

처음 Anti-Gravity를 사용한다면 다음 순서를 권장합니다.

1. Editor에서 시작
   ↓
2. Agent Side Panel에서 AI와 대화
   ↓
3. Tab 자동완성으로 코드 작성
   ↓
4. Command로 빠른 코드 생성
   ↓
5. 필요시 Agent Manager로 전환

💡 팁
처음에는 Editor 모드에서 Agent Side Panel을 주로 사용하세요. Agent Manager는 여러 프로젝트를 동시에 관리할 때 더 유용합니다.

5. 다음 단계

기본적인 화면 구성을 이해했다면, 이제 실제로 코드를 작성해보겠습니다.

실습 예제: 첫 프로젝트 시작하기

에서 Agent와 함께 간단한 프로그램을 만들어볼 수 있습니다.