본문 바로가기

실습 예제

학습 목표

  • Agent Side Panel을 사용하여 AI에게 코드 요청을 할 수 있다
  • Command 기능으로 빠르게 코드를 생성할 수 있다
  • Tab 자동완성을 활용할 수 있다

1. 실습 개요

이 실습에서는 Anti-Gravity의 핵심 AI 기능들을 직접 사용해봅니다. 간단한 Python 프로그램을 만들면서 세 가지 방법을 모두 체험합니다.

방법단축키용도
Agent Side PanelCmd/Ctrl + L복잡한 작업, 대화형 요청
CommandCmd/Ctrl + I빠른 코드 생성
Tab 자동완성Tab코드 작성 중 자동 제안

2. 준비: Editor 열기

  1. test 라는 폴더를 만들고 진행합니다.
  2. Anti-Gravity 실행

Editor 화면2

  1. 좌측 상단 file 탭 클릭 후, Open folder 클릭 후 test 폴더 더블클릭
  2. Editor 화면 확인 (Agent Manager가 보이면 Cmd/Ctrl + E로 전환)

3. 방법 1: Agent Side Panel 사용하기

가장 기본적인 방법입니다. 오른쪽 패널에서 AI와 대화하며 코드를 요청합니다.

3.1 1단계: Agent Side Panel 열기

  • 오른쪽 패널이 보이지 않으면 Cmd/Ctrl + L로 열기
  • 또는 오른쪽 사이드바 아이콘 클릭

3.2 2단계: AI에게 요청하기

Agent Side Panel의 입력창에 다음을 입력합니다.

Python으로 "Hello, Anti-Gravity!"를 출력하는 프로그램을 만들어주세요.
hello.py 파일로 저장해주세요.

3.3 3단계: 결과 확인

python 코드생성1

AI가 코드를 생성하고 파일을 만들어줍니다.

print("Hello, Anti-Gravity!")

Accept change - 변경사항 수락

Reject - 변경사항 거부

AI가 짠 코드를 사용자가 수락할 것인지 물어보는 옵션입니다.

💡 팁
Agent Side Panel은 대화형이므로 "조금 더 수정해줘", "에러 처리 추가해줘" 같은 후속 요청도 가능합니다.

4. 방법 2: Command 기능 사용하기

더 빠른 방법입니다. 코드 편집 중에 바로 AI에게 요청할 수 있습니다.

4.1 1단계: 새 파일 만들기

  1. Cmd/Ctrl + N으로 새 파일 생성
  2. 파일 이름: greeting.py

4.2 2단계: Command 실행

  1. 빈 파일에서 Cmd/Ctrl + I 입력
  2. 입력창이 나타나면 요청 작성
사용자 이름을 입력받아 인사하는 함수를 만들어주세요
  1. Enter 키로 실행

4.3 3단계: 생성된 코드 확인

python 코드생성2

AI가 바로 코드를 생성합니다.

def greet_user():
    name = input("이름을 입력하세요: ")
    print(f"안녕하세요, {name}님!")

greet_user()
  1. 마음에 들면 Cmd/Ctrl + S로 저장

5. 방법 3: Tab 자동완성 사용하기

코드를 직접 작성하면서 AI의 도움을 받는 방법입니다.

5.1 1단계: 새 파일 만들기

  1. Cmd/Ctrl + N으로 새 파일 생성
  2. 파일 이름: calculator.py

5.2 2단계: 코드 작성 시작

다음을 직접 입력합니다.

def add

5.3 3단계: Tab으로 자동완성

python 코드생성3

Tab 키를 누르면 AI가 나머지 코드를 제안합니다.

def add(a, b):
    return a + b

Tab을 눌러 수락하거나, Esc로 거절할 수 있습니다.

5.4 4단계: 계속 작성

다음 줄에 def sub를 입력하고 다시 Tab:

def subtract(a, b):
    return a - b

💡 Tab 자동완성 특징

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

6. 파일 실행하기

작성한 파일을 실행해봅니다.

6.1 터미널에서 실행

  1. 터미널 열기: Ctrl + ` (백틱)
  2. 명령어 입력
python hello.py

예상 출력:

Hello, Anti-Gravity!

6.2 Command로 터미널 명령어 생성

터미널에서도 Cmd/Ctrl + I로 AI에게 명령어를 요청할 수 있습니다.

현재 폴더의 모든 Python 파일 목록 보여줘

터미널 명령어

AI가 적절한 명령어를 생성합니다.

# 터미널 및 OS 환경에 따라 다를 수 있습니다.

ls *.py  # Mac/Linux
dir *.py  # Windows

7. 실습 정리

이 실습에서 배운 세 가지 방법을 정리합니다.

방법장점추천 상황
Agent Side Panel대화형, 복잡한 요청 가능새 기능 개발, 설명 필요할 때
Command빠른 생성간단한 코드, 리팩토링
Tab 자동완성흐름 유지직접 코딩 중 보조

8. 추가 연습

8.1 연습 1: 다른 언어로 시도

Agent Side Panel에서 다음을 요청해보세요:

JavaScript로 현재 시간을 표시하는 HTML 페이지를 만들어주세요

8.2 연습 2: Command로 코드 수정

기존 코드를 선택하고 Cmd/Ctrl + I:

이 함수에 에러 처리를 추가해주세요

8.3 연습 3: Tab 자동완성 연습

새 파일에서 class User를 입력하고 Tab을 눌러보세요.

9. 다음 단계

AI를 활용한 코드 작성법을 익혔다면, 파일 관리와 터미널 사용법을 배워봅시다.

파일 관리와 터미널