HTML, CSS, JavaScript만으로 OpenAI API를 연동한 AI 웹서비스를 직접 구현합니다. Netlify Functions를 활용해 API 키를 안전하게 보호하고, 정적 프론트엔드 + 서버리스 백엔드 구조로 실제 배포까지 진행합니다. 단순 데모가 아닌, 수익화 가능한 구조의 MVP를 처음부터 끝까지 IDE 라이브로 완성합니다.

이 강의에서는 Antigravity에 내장된 Browser MCP를 활용해 AI 에이전트가 실제 브라우저를 열고 웹을 조사·판단하는 구조를 실전으로 확인합니다. 단순 사용법이 아니라, Agent → Tool → Browser로 이어지는 실행 흐름과 MCP 기반 확장 구조를 이해하는 데 초점을 둡니다. 30분 안에 브라우저 자동화의 개념을 넘어, “AI가 웹을 도구로 사용하는 방식”을 구조적으로 정리합니다. https://antigravity.google/download

매번 “요약해줘”라고 말하지 않아도 됩니다. 이 강의에서는 Antigravity에서 나만의 AI 에이전트를 만들고, 반복 설명 없이 바로 쓰는 방법을 배웁니다. 초보자도 따라 할 수 있도록 실습 중심으로 구성했습니다. https://antigravity.google/download (반중력 에디터 다운로드 받으시면 됩니다 :))

이 강의는 AI를 쓰고는 있지만, 어디까지 믿고 써야 할지 헷갈리는 사람을 위해 AI를 일이나 작업 과정에 과하지 않게, 그러나 실제로 도움이 되게 사용하는 방법을 다룹니다. 전문적인 개발 지식이나 복잡한 도구를 전제로 하지 않고, 누구나 자신의 작업 흐름 속에서 AI를 어떻게 활용하면 좋은지에 초점을 맞춥니다. 프롬프트를 복잡하게 작성하는 법보다, **어떤 순간에 AI를 써야 하고 언제는 쓰지 않는 게 나은지**, AI의 결과를 그대로 믿지 않고 **확인하고 다듬는 사고 방식**을 중심으로 설명합니다. 이 강의를 통해 AI를 모든 것을 대신해 주는 자동화 도구가 아니라, 함께 생각을 정리하고 작업을 보조해 주는 **실용적인 파트너**로 활용하는 기준을 익히게 됩니다.