콘텐츠로 이동

05. Antigravity에서 코딩하기

"우리는 지금까지 컴퓨터(주방)와 파이썬(조리 도구)을 세팅했습니다. 이제 최첨단 스마트 키친 (Antigravity) 으로 들어갑니다."

1. Antigravity란 무엇인가?

Antigravity는 전 세계 개발자들이 가장 사랑하는 VS Code (Visual Studio Code) 를 기반으로 만들어졌습니다. 여기에 Google의 최신 AI 기술을 결합하여, 강력한 대화형 코딩 파트너로 진화했습니다.

🔄 코딩 방식의 변화

graph TD
    subgraph Old["😫 과거의 코딩 (Solo)"]
    H1["사람: 고민"] -->|"타이핑"| C1["코드 작성"]
    C1 -->|"실행"| E1["에러 발생!"]
    E1 -->|"구글링 & 좌절"| H1
    end
    style Old fill:#eceff1,stroke:#cfd8dc

⬇️

graph TD
    subgraph New["🚀 Antigravity 코딩 (With AI)"]
    H2["사람: 기획 & 지시"] -->|"자연어 프롬프트"| AI["AI 파트너"]
    AI -->|"초안 작성"| C2["코드 제안"]
    C2 -->|"검토 & 수정"| H2
    C2 -->|"실행"| S2["성공!"]
    end
    style New fill:#e8f5e9,stroke:#66bb6a
  • 기존 방식: 문법 하나 틀리면 멈추고, 에러 잡느라 밤을 샜습니다.
  • Antigravity 방식: 내가 "무엇(What)"을 만들고 싶은지 말하면, AI가 "어떻게(How)"를 보여줍니다.

2. 왜 지금 Antigravity인가?

앞서 배웠던 터미널, 쉘, 파이썬 설치... 이 모든 것들이 Antigravity 안에는 이미 완벽하게 통합되어 있습니다. 터미널을 따로 켜고, 메모장을 따로 켤 필요가 없습니다.

  • 통합 환경 (IDE): 요리 재료(파일), 도구(터미널), 레시피(코드), 보조 요리사(AI)가 한 화면에 다 있습니다.

3. Antigravity 화면 구성 (Layout)

Antigravity의 화면은 크게 4개의 영역으로 나뉩니다.

  1. 액티비티 바 (Activity Bar) - 좌측 버튼들

    • 맨 위부터 순서대로 기능이 배치되어 있습니다. 버튼을 누르면 바로 오른쪽에 패널이 열립니다.
    • Explorer (맨 위, 종이 겹친 모양): 파일 탐색기. 내 프로젝트 폴더와 파일들을 관리합니다.
    • Code Search (돋보기 모양): 프로젝트 전체에서 특정 단어나 코드를 찾습니다.
    • Source Control (갈라진 가지 모양): 코드 저장소(Git) 상태를 확인하고 저장합니다.

  2. 메인 화면 (Main Editor)

    • 가운데 (Editor): 코드를 작성하고 수정하는 작업 공간입니다.

  3. 하단 패널 (Bottom Panel)

    • 코드 아래쪽에 숨겨져 있거나 표시되는 영역입니다.
    • 주로 터미널(Terminal)을 띄워서 명령어를 입력하거나 코드 실행 결과를 확인하는 용도로 씁니다.

  4. 우측 패널 (Right Panel - AI Chat)

    • AI 파트너와 대화하는 채팅창입니다.
    • 질문을 하거나, 코드를 짜달라고 부탁할 수 있습니다. (단축키 대신 항상 열어두고 쓰세요!)

4. 프롬프트 기반 코딩 (Prompt to Code)

여러분이 해야 할 일은 어려운 영단어(문법)를 암기하는 게 아닙니다. 여러분이 만들고 싶은 것을 명확하게 설명하는 '기획력'입니다.

📝 좋은 프롬프트 예시

"숫자 맞추기 게임을 만들고 싶어. 1부터 100 사이의 숫자를 랜덤으로 뽑고, 내가 맞추면 축하해줘. 기회는 5번이야."

5. 우리가 배운 지식의 쓸모 (핵심!)

"AI가 다 해주면 우리는 뭘 배우나요?"

AI가 짜준 코드가 왜 실행되는지, 어디를 고쳐야 하는지를 알아야 합니다. 우리가 앞서 배운 변수, 함수, 클래스 지식이 바로 그 독해력(Literacy)이 됩니다. AI는 훌륭한 작가고, 여러분은 편집장이 되어야 합니다.

6. 필수 환경 설정 (3단계)

Antigravity(VS Code 기반)로 코딩을 시작하려면 3단계 준비가 필요합니다.

1) Python Extension 설치 (도구 장착)

좌측 메뉴의 블록 조각 모양(Extensions) 아이콘을 누르고 Python을 검색해서 설치합니다. (Microsoft 공식)

  • 역할: 코드 색깔 입히기, 자동 완성, 실행 버튼 제공.

2) 프로젝트 폴더 열기 (Open Folder) 📂

가상환경은 특정 프로젝트 폴더 안에 만들어져야 합니다. 먼저 작업할 폴더를 열어주세요.

  1. File > Open Folder... (맥: Open...)
  2. 데스크탑 등에 만들어둔 내 프로젝트 폴더 선택

3) 가상환경 만들기 & 연결 (Create Environment) ⭐

아직 가상환경을 만들지 않았거나, 확실하게 세팅하고 싶다면 명령 팔레트를 쓰는 게 가장 빠릅니다. 이 기능을 쓰면 가상환경 생성 + 연결을 한 번에 해줍니다.

만능 단축키: 명령 팔레트

VS Code의 모든 기능을 검색하는 검색창입니다.

  • Mac: Cmd + Shift + P
  • Windows: Ctrl + Shift + P

[세팅 순서]

  1. 명령 팔레트를 엽니다.
  2. Python: Create Environment 라고 입력하고 엔터를 칩니다.
  3. Venv 를 선택합니다.
  4. 설치된 Python 버전을 선택합니다.
  5. 확인: 잠시 후 우측 하단에 ('.venv': venv)라고 뜨면 성공입니다!

Interpreter Status

이미 가상환경이 있다면? (Select Interpreter)

이미 터미널에서 가상환경을 만들었다면, 연결만 하면 됩니다.

  1. 명령 팔레트에서 Python: Select Interpreter 입력
  2. 목록에서 ('.venv': venv) 또는 별표(⭐)가 있는 항목 선택

이제 여러분의 편집기는 완벽하게 세팅되었습니다!

7. [실습] AI와 첫 코딩

이제 모든 준비가 끝났습니다. AI 파트너에게 첫 업무를 지시해 봅시다.

  1. 새 파일 만들기: 좌측 탐색기(Explorer)에서 종이 모양 아이콘(New File)을 누르고 hello.py를 만듭니다.
  2. AI에게 시키기: 우측에 이미 열려있는 AI 채팅창에 입력합니다. > "hello.py에 [1, 2, 3, 4, 5]의 합계를 구하는 코드를 작성해줘"
  3. 코드 적용하기 (Accept): AI가 작성한 코드 위에 마우스를 올리고 Accept (또는 Insert) 버튼을 눌러 파일에 적용합니다.
  4. 실행 (Run): 우측 상단의 ▶ 버튼을 누릅니다.

터미널에 15가 출력되었나요? 축하합니다! 여러분은 방금 AI와 협업하여 첫 프로그램을 완성했습니다. 🎉

다음 2부에서는 본격적으로 AI가 써주는 코드를 '읽는 법(문법)'을 배워보겠습니다. 🚀