3시간 뒤 — 당신은 이 4가지를 가집니다.

"코딩을 배우는" 수업이 아닙니다. "AI에게 코드를 시키는 법"을 배우는 수업. 한 줄도 직접 쓸 필요가 없을 수 있습니다.

→ 수업 끝날 때 본인 화면에 "내가 시킨 것"이 진짜로 돌아가고 있어야 정상입니다.

"이게 뭐지?" 용어 — 미리 풀어드립니다.

강의 내내 등장합니다. 30초만 미리 훑어두면 흐름을 놓치지 않습니다.

서비스는 가게처럼 생각하면 쉽습니다.

손님이 보는 매장 앞쪽이 프론트엔드, 직원이 주문을 처리하는 주방·창고·계산대 뒤쪽이 백엔드입니다.

한 문장 정리: 프론트엔드 = 보이는 화면, 백엔드 = 뒤에서 저장하고 확인하는 시스템.

웹 화면은 종이 인형 놀이처럼 만들 수 있습니다.

무엇을 놓을지, 어떻게 꾸밀지, 눌렀을 때 무엇이 일어날지만 나누면 됩니다. 브라우저는 이 셋을 읽어서 우리 눈앞에 보여주는 앱입니다.

컴포넌트는 레고 블록입니다.

똑같은 버튼과 카드를 매번 새로 만들면 힘듭니다. 한 번 만든 화면 조각을 이름 붙여두고 계속 재사용하는 것이 컴포넌트입니다.

React·Next.js·Node.js는 역할이 다른 친구입니다.

셋 다 개발에서 자주 보이지만 같은 뜻이 아닙니다. 화면 블록, 서비스 틀, 실행 엔진으로 나눠서 보면 됩니다.

한 문장 정리: React = 화면 조각 만들기, Next.js = 서비스 전체 틀, Node.js = 서버에서 JS 실행.

언어·라이브러리·프레임워크는 요리로 비유하면 쉽습니다.

초보자 프롬프트: "처음엔 HTML/CSS/JS로 간단히 만들고, 화면이 복잡해지면 React 컴포넌트로 나눠줘. 로그인·저장이 필요하면 Next.js/Supabase를 검토해줘."

시작 전, 스스로 답해보세요.

정답 없습니다. 단, 이 3문항의 답이 수업 전후로 달라지는 게 정상입니다.

→ 수업 끝나고 다시 답해보세요. 답이 달라졌다면 — 오늘은 성공입니다.

"코드 못 짜는데 만들고 싶은 게 있다" — 바로 그 사람을 위한 도구.

Antigravity는
무엇인가.

"에이전트가 코드를 짜는 IDE." — 한 줄로 끝나면 좋겠지만, 입문자에게는 너무 압축된 문장입니다. 이번 파트에서 — Google이 왜 이 도구를 만들었고, 무엇이 새로운지를 차근차근 풀어봅니다.

한 줄로 정의하면 —

코드를 "쓰는" 도구에서, 코드를 "지휘하는" 도구로.

Google이 직접 한 말.

한국어로 옮기면 — "어제의 도구는 코드를 빨리 쓰게 했다면, 내일의 도구는 코드를 지휘하게 한다."
이 한 문장이 — Antigravity의 모든 것입니다.

Antigravity 핵심 사실 — 숫자로 빠르게.

Fork는 원본 공책을 복사해서 새 버전으로 키우는 것입니다.

Antigravity는 VS Code를 기반으로 만든 fork입니다. 그래서 VS Code의 익숙한 편집기·단축키·확장 생태계를 가져오고, 그 위에 AI 에이전트 지휘 기능을 얹었습니다.

쉬운 예: 카카오톡을 복사해서 "수업용 단체 채팅 앱"으로 바꾸면 fork입니다. 원본의 좋은 점은 가져오고, 목적에 맞는 기능을 새로 붙입니다.

에이전트는 이 4단계를 알아서 합니다.

🎯 핵심: 사람은 "무엇을"·"승인할지"만 결정. 코드 한 줄도 안 짜도 OK.

Antigravity의 5대 핵심 기능.

새로운 제미나이 3.5는 에이전트가 오래 일하게 만든 모델입니다.

Google Korea 블로그 기준, Gemini 3.5 Flash는 2026년 5월 19일부터 Antigravity, Google AI Studio, Android Studio의 Gemini API, Gemini 앱, 검색 AI 모드에서 제공됩니다.

Cursor · Copilot과 무엇이 다른가.

🎯 결론: 코딩 경험이 적을수록 — Antigravity 같은 "자율 모드"가 더 빨리 결과물을 줍니다. 한 줄 한 줄 자동완성을 받아 적을 게 아니라면.

설치와
첫 실행.

어렵지 않습니다. 10분이면 — 다운로드부터 첫 채팅까지 끝납니다. 이 파트에서 우리는 함께 설치 화면을 한 장씩 따라가 봅니다.

다운로드 — 4단계면 끝.

⚠️ 주의: macOS는 첫 실행 시 "확인되지 않은 개발자" 경고가 나올 수 있습니다. 시스템 설정 → 개인정보 → 보안에서 "확인 후 열기".

앱을 켜면 — 이런 화면이 뜹니다.

테마 선택 — Dark 추천.

화면 색상은 언제든 바꿀 수 있습니다(Mac: Cmd + , / Win: Ctrl + ,). 처음에는 Dark로 — 코드 가독성과 눈 피로도 측면에서 가장 무난합니다.

자율성 모드 — "Review-driven"이 추천.

에이전트가 얼마나 자유롭게 일하게 할지 결정하는 단계입니다. 초보자는 "Review-driven"으로 시작하세요. 익숙해지면 변경 가능.

🎯 결정: 처음에는 Review-driven. 한 달 정도 써보고 — 확신이 서면 Agent-driven으로 옮기세요.

로그인 → 폴더 열기 → 첫 채팅.

첫 명령 — "go to antigravity.google"

진짜 명령은 이걸로 시작해보세요. 에이전트가 — 브라우저를 열고 — 그 페이지로 갈 겁니다. 본인이 시킨 게 진짜로 동작하는 첫 순간.

💡 안 되면? — Browser Subagent용 Chrome 확장이 필요할 수 있습니다. 5장에서 자세히 다룹니다.

두 가지
화면을 익힙니다.

Antigravity의 모든 작업은 — Manager View(지휘 화면)와 Editor View(작업 화면) 사이를 오가며 일어납니다. 이 두 화면이 손에 익으면 — 나머지는 자연스럽게 따라옵니다.

Manager는 "지휘", Editor는 "작업".

💡 화면 전환: Mac Cmd+E / Windows Ctrl+E

🎛️ Manager View — 미션 컨트롤.

에이전트 카드를 클릭하면 — 이렇게 보입니다.

📝 Editor View — VS Code + Agent.

코드 위에서 — "이 줄만 고쳐줘".

Editor View에서 코드 한 줄을 선택 → Mac: Cmd + I / Win: Ctrl + I를 누르면 — 그 자리에 작은 입력창이 떠오릅니다. 파일 전체를 건드리지 않고 부분만 수정 지시.

상단 우측의 드롭다운 — 7개 모델.

Plan mode는 코딩 전에 멈춰 세우는 안전장치입니다.

Antigravity의 Fast mode는 바로 실행, Plan mode는 먼저 조사하고 작업 목록과 구현 계획을 만든 뒤 사람이 검토하게 합니다. 초보자는 큰 작업일수록 Plan mode가 기본입니다.

기억할 문장: "새 기능·여러 파일·삭제 가능성·DB 작업은 Plan mode."

Gemini·Claude·Antigravity Plan mode는 역할이 다릅니다.

@로 에이전트에게 맥락을 줍니다.

Agent 채팅창에 @를 입력하면 자동완성이 떠요. 파일·터미널·에러·MCP 서버까지 한 번에 첨부.

/로 자주 쓰는 작업을 한 줄에.

/를 입력하면 저장된 워크플로우 목록이 나옵니다. 매번 같은 프롬프트를 다시 쓰지 않아도 됨.

Manager Surface — 3-column 새 UI.

🆕 v1.23.2부터: 왼쪽=목록 / 가운데=진행 / 오른쪽=결정 — 탭 전환 없이 한 화면에서 비교·결정.

Walkthroughs — 20분 셋업이 3분으로.

Manager Surface에 새로 추가된 기능. 프로젝트 초기화, 라이브러리 도입, 아키텍처 결정을 step-by-step으로 안내합니다.

📍 출처: Antigravity Lab — April 2026 Update Notes · React + TypeScript + Tailwind 셋업 벤치마크 기준.

실습 — Hello World.

Artifacts와
검증.

에이전트가 만든 결과물을 — 사람이 검토할 수 있는 형태로 자동 변환. 이게 바로 Antigravity의 "Artifacts"입니다. Google Docs처럼 댓글로 피드백할 수 있다는 게 핵심.

Artifacts = "검토 가능한 산출물".

에이전트가 일을 끝내면 — "내가 뭘 만들었는지"를 사람이 읽을 수 있는 형태로 자동 정리합니다. 코드만 던지지 않고 — 작업 과정 + 결과를 함께 패키징.

Artifacts 5가지 — 각자 역할이 다릅니다.

📋 Task List — 체크리스트로 진행 상황 한눈에.

💡 한 항목에 댓글을 달면 — 에이전트가 그걸 반영해 해당 단계만 다시 작업합니다.

📐 Implementation Plan — 기술 결정을 문서화.

💡 이 단계에서 "bcrypt 말고 argon2 써줘" 같은 댓글을 달면 — 코딩 시작 전에 결정이 바뀝니다.

📝 Code Diff — 빨강 vs 초록으로 변경 비교.

💡 읽는 법: 좌측은 옛 코드, 우측은 새 코드. 빨강(−) = 삭제됨, 초록(+) = 추가됨. Git 몰라도 OK.

🎬 Walkthrough — "내가 한 일"의 영상 보고서.

💡 영상은 자동 챕터 분할됩니다. 우측 단계명 클릭 → 해당 시점으로 점프. 보고서·증거·디버깅 모두에 활용.

댓글 피드백 — 5단계면 끝.

💡 팁: "이 부분 다시 해줘"보다 — "이 부분에서 ~~~을 ~~~으로 바꿔줘"가 정확도 훨씬 높습니다.

Browser Agents — 4월에 크게 좋아진 4가지.

초기에 가장 자주 망가지던 부분이 Browser Agent였습니다. 4월 업데이트로 SPA·React·멀티 탭·폼 처리가 모두 안정화되었어요.

실습 — Todo 앱 시키고 Task List 검토.

Browser
Subagent.

가장 인상적인 기능. 에이전트가 — 진짜 크롬 브라우저를 열고, 클릭하고, 입력합니다. 빨간 점이 화면 위에서 움직이는 모습이 — 처음엔 좀 무섭고, 나중엔 신기합니다.

Browser Subagent — "크롬을 조작하는 AI".

🌐 빨간 테두리 = "AI가 조작 중".

💡 시각 신호: ① 굵은 빨간 테두리 ② 상단 "Agent Control" 라벨 ③ 빨간 점(AI 커서) ④ 우측 REC 표시 — 4가지로 사용자가 즉시 인지 가능.

언제 쓰는가 — 4가지 시나리오.

⚠️ 안전 가이드 — 사고 방지.

에이전트가 진짜 클릭·입력을 한다는 건 — 계정·결제·민감정보도 만질 수 있다는 뜻. 시작 전에 이 4가지를 꼭 외우세요.

실습 — "antigravity.google" 캡처.

💡 처음에는 — 개입하지 말고 끝까지 지켜보세요. 에이전트가 어떻게 일하는지 감을 잡는 가장 좋은 방법.

아이디어를
Antigravity 작업으로 바꾸는 법.

초보자가 가장 많이 막히는 지점은 코드가 아니라 무엇을 정확히 시킬지입니다. Gemini나 Claude로 기획을 정리하고, 그 결과를 Antigravity가 실행 가능한 작업 지시서로 바꾸는 루틴을 손에 익힙니다.

세 도구를 한 팀처럼 씁니다.

처음부터 Antigravity에 "앱 만들어줘"라고 던지면 결과가 흔들립니다. 먼저 Gemini나 Claude로 생각을 정리하고, Antigravity에는 실행 가능한 산출물을 줍니다.

문제 정의는 "불편 + 증거 + 성공 기준".

앱 아이디어를 바로 기능 목록으로 쓰지 마세요. 먼저 사용자가 지금 어떤 방법으로 버티는지, 어디서 시간을 잃는지, 성공을 어떻게 판단할지 적습니다.

페르소나는 마케팅 캐릭터가 아니라, 설계 기준입니다.

이 사람이 어떤 화면을 무서워하고, 어떤 버튼을 기대하고, 언제 포기하는지 알면 Antigravity가 만든 UI를 검토할 기준이 생깁니다.

IA는 화면 지도입니다.

IA를 먼저 정하면 Antigravity가 파일과 컴포넌트를 아무렇게나 만들지 않습니다. 정보, 기능, 액션이 어느 화면에 있어야 하는지 합의합니다.

User Journey는 전체 여정,
Critical UJ는 망치면 안 되는 핵심 길.

모든 화면을 완벽하게 만들려 하지 말고, 먼저 사용자가 "이 앱 쓸 만하다"라고 느끼는 가장 짧은 성공 경로를 고정합니다.

User Flow는 클릭 순서와 예외 처리입니다.

정책과 PRD는 에이전트의 작업 울타리입니다.

초보자일수록 "알아서 잘"이라는 말을 줄여야 합니다. 범위, 데이터, 금지 행동, 완료 기준을 PRD에 적어야 Antigravity가 안전하게 움직입니다.

Gemini나 Claude에는 기획 산출물을 뽑게 합니다.

Antigravity에는 "계획부터 검증까지" 명령합니다.

실행할 때는 5번 루프만 기억하세요.

재밌는 프로젝트는 난이도별로 올라갑니다.

작은 문제를 풀어
서비스 MVP로.

포트폴리오는 예쁘지만 문제 해결 연습이 약합니다. 오늘은 강사·학생이 바로 쓸 수 있는 수업자료 퀴즈 생성 서비스를 만들며 기획 → 구현 → 검증 루프를 익힙니다.

목표 — "수업자료 퀴즈 생성 서비스".

긴 강의안이나 회의록을 붙여넣으면 핵심 요약, 객관식 퀴즈, 체크리스트를 만들어 저장하는 작은 서비스입니다. 백엔드 없이 시작하고, 나중에 Supabase로 업그레이드합니다.

서비스 제작 흐름 — 5단계.

서비스는 문제·사용자·검증까지 적습니다.

결과물은 작지만 실제 서비스처럼 보입니다.

서비스 프롬프트는 예쁜 화면보다 흐름이 먼저입니다.

초보자가 자주 하는 — 3가지 실수.

남의 시행착오로 — 본인은 같은 함정을 피하세요. "실패담을 미리 듣는 게 가장 빠른 학습".

Antigravity로 — 30가지 일을 풀 수 있습니다.

안전하게,
계속 자라나기.

마지막 파트. GitHub로 되돌릴 수 있는 작업 습관을 만들고, 데이터베이스와 Supabase로 저장 기능을 확장합니다. Rules·Skills·Harness Engineering으로 Antigravity가 반복 가능하고 검증 가능한 방식으로 일하게 만듭니다.

2026년 봄 업데이트의 핵심은 AI에게 일을 맡기되, 권한을 좁히는 것입니다.

초보자에게 중요한 건 버전 번호보다 의미입니다. AI 에이전트가 더 많은 일을 하게 되었고, 그래서 승인·브랜치·비밀키 보호가 더 중요해졌습니다.

Antigravity · GitHub · Supabase는 한 팀입니다.

첫 프로젝트 전에는 권한 체크리스트부터 끝냅니다.

이 실습은 코드보다 먼저 합니다. 안전 설정을 해두면 Antigravity가 빨리 움직여도 사람이 멈출 수 있습니다.

GitHub는 AI 작업을 되돌릴 수 있게 만드는 장치입니다.

Supabase는 Branch + RLS + MCP로 안전하게 붙입니다.

GitHub는 코드용 Google Drive + 타임머신입니다.

초보자는 먼저 단어를 쉬운 비유로 잡으면 됩니다. Antigravity가 코드를 바꿔도 GitHub가 있으면 이전 상태로 돌아갈 수 있습니다.

Repository 만들기 → Branch → Commit → Push.

백엔드 없이 나만의 GitHub를 만들어봅니다.

진짜 Git 저장소를 구현하는 게 아닙니다. Repository, Branch, Commit, Issue 개념을 몸으로 익히는 미니 서비스를 만듭니다.

이 프롬프트로 GitHub 개념을 앱으로 익힙니다.

DB는 엑셀 파일이 너무 많아져서 나온 해결책입니다.

처음엔 파일로도 됩니다. 하지만 사람이 많아지고 데이터가 커지면 파일 방식은 금방 한계가 옵니다.

그래서 DB는 데이터를 표로 나누고, 연결하고, 빠르게 찾고, 안전하게 저장하는 시스템입니다.

DB 단어는 엑셀 비유로 잡으면 됩니다.

DB는 정보 표, Storage는 큰 파일 창고입니다.

예: 프로필 사진 파일은 Storage에 저장하고, 그 사진 URL과 소유자 ID는 DB에 저장합니다.

Supabase는 백엔드 초보자용 올인원 키트입니다.

Firebase처럼 편하게 시작하되, PostgreSQL이라는 강력한 SQL 데이터베이스를 그대로 씁니다.

수업자료 서비스를 Supabase 버전으로 키웁니다.

DB 작업은 Plan mode + RLS 확인이 필수입니다.

Rule.md는 에이전트의 작업 규칙입니다.

Antigravity 공식 흐름에서는 전역 규칙은 ~/.gemini/GEMINI.md, 프로젝트 규칙은 .agents/rules/에 둡니다. 팀에서 RULE.md라고 부르더라도 핵심은 같습니다.

Rule.md는 길수록 좋은 게 아닙니다.

좋은 Rule은 "많은 말"이 아니라 반복 행동을 바꾸는 짧은 기준입니다. 너무 길면 매 작업마다 토큰을 잡아먹고, 중요한 규칙이 묻힙니다.

초보자에게 좋은 Rule은 안전·검증·설명입니다.

리팩토링은 기능은 그대로, 내부를 더 좋게 바꾸는 일입니다.

초보자는 리팩토링을 "다시 만들기"로 오해하기 쉽습니다. 정확히는 사용자가 보는 기능은 유지하면서 코드의 구조, 이름, 중복, 읽기 쉬움을 개선하는 작업입니다.

SKILL.md는 자주 쓰는 전문 작업을 패키지로 묶는 방법입니다.

Rules가 항상 켜지는 기본 규칙이라면, Skills는 요청이 맞을 때만 로드되는 전문 매뉴얼입니다. 긴 체크리스트, 템플릿, 스크립트는 Skill로 빼는 게 좋습니다.

하네스 엔지니어링은 AI가 일하는 환경을 설계하는 일입니다.

좋은 프롬프트 하나로 끝내는 시대가 아닙니다. 규칙, 컨텍스트, 권한, 테스트, 산출물, 리뷰 루프를 묶어야 에이전트가 프로젝트를 끝냅니다.

하네스가 없으면 AI는 답변을 하고,
하네스가 있으면 AI는 프로젝트를 끝냅니다.

Antigravity용 하네스는 6단계 파일 산출물로 만듭니다.

2026년 3-5월 업데이트는 이 자료 기준으로 반영했습니다.

Antigravity 항목은 Releasebot이 Google 원문 링크를 추적한 업데이트 자료 기준입니다. GitHub와 Supabase는 공식 changelog/docs 기준입니다.

이번 강의에 반영한 참고 자료.

영상은 강의 흐름과 실습 아이디어로 참고하고, 제품 기능과 보안·설정은 Google 공식 문서와 Codelab 기준으로 정리했습니다.

보안 설정 — 이 4가지만 챙기세요.

설치 직후 — Settings → Agent에서 한 번만 설정해두면 됩니다. 익숙해진 뒤 — 천천히 풀면 OK.

⚙️ Settings — Agent 탭의 모습.

💡 초록색 = 안전 활성화 / 오렌지 = 검토 모드. 다섯 줄 — 한 번만 설정.

⚖️ Permissions — Allow / Deny / Ask 3분류.

에이전트가 할 수 있는 행동을 세부적으로 제어. "항상 OK" · "항상 금지" · "매번 물어봐" 3가지 리스트로.

고급 — Rules · Workflows · Skills.

한 번 설정해두면 — 모든 작업에 자동 적용되는 3가지 레이어. 입문자는 Rules 1개만 알면 충분합니다.

💡 처음에는 — Rules만: .agents/rules/beginner.md 파일을 만들고 → "항상 한국어로 답해줘. 수정 전 Plan을 보여줘." 한 줄만 적어도 효과 큼.

MCP 서버 — 한 줄로 외부 서비스 연결.

MCP(Model Context Protocol) = 에이전트가 외부 도구·DB에 접근하는 표준. 설치 후 채팅창에서 @서버이름으로 호출.

💡 설치 → Mac: Cmd + , / Win: Ctrl + , → MCP Servers 탭에서 활성화 → 채팅창 @Supabase 사용자 테이블 보여줘로 사용. 1,500+ 서버가 antigravity.codes에 있음.

아는 사람만 쓰는 — 숨겨진 6가지 꿀팁.

초보자가 빠지는 — 4가지 함정.

앞에서 하나씩 살펴봤지만 — 마지막으로 한 번 더. 이거만 피해도 90%는 무사합니다.

5문항 퀴즈 — 몇 점?

정답보다 이유가 중요합니다. 선택지를 눌러 — 풀이를 확인하세요.

Antigravity로 — 1년에 몇 시간이 생길까?

아래 5가지 작업에 하루 몇 분 쓰는지 슬라이더를 움직여보세요. 연간 절약 시간이 자동 계산됩니다.

⚡ 단, 이 시간을 "유튜브 보기"에 쓰면 의미 없음. "더 큰 사이드 프로젝트"에 투자할 때 복리.

오늘은 시작점. 진짜 학습은 이 다음.