코드 한 줄 몰라도, 오늘 떠올린 아이디어를 오늘 작동하는 웹 서비스로 배포합니다
구글 안티그래비티로 기획·디자인·기능·데이터·배포까지 한 번에 끝내는 실전 과정
다음 아이디어를 다시 미루기 전에, 지금 시작하세요!
강의 하이라이트 영상으로 수업 방식과 핵심 내용을 미리 경험해보세요.
이론이 아니라, 서비스 하나를 처음부터 끝까지 만들어 내는 실무형 과정으로 확장됩니다.
OS별 설치, 확장 팩(AGQ), Rules 기능으로 AI가 내 방식대로 일하도록 기반을 잡습니다.
Google AI Studio 와이어프레임과 매니패스트 PRD·기능명세서·유저플로우를 MCP로 연결합니다.
shadcn/ui 패키지로 디자인을 다듬고, 로그인 기능을 구현 및 테스트합니다.
파이어베이스로 사용자가 입력한 데이터가 실제로 저장되게 만듭니다.
localhost를 넘어 공개 URL로 배포해, 누구나 접속하는 ‘진짜 서비스’로 완성합니다.
기획부터 배포까지 혼자서 첫 버전을 만들어 냅니다.
Rules와 워크플로우로 AI를 통제해 원하는 결과를 만듭니다.
데이터의 저장과 흐름을 이해하고 설계합니다.
링크 하나로 자신의 결과물을 증명합니다.
더 미루지 말고,
지금 바로 당신의 첫 서비스를 세상에 내놓으세요!
– Google Antigravity
– Firebase (파이어베이스)
* Google AI Studio, Manyfast 등 실습에 필요한 도구는 모두 구글 계정으로 접속 가능하며,
프로그램은 별도로 제공되지 않습니다.
– 안티그래비티는 최근 2.0으로 업데이트되며 활발히 개편되고 있어, 강의 내 화면(UI) 구성이 실제 수강 시점과 다를 수 있습니다.
– 본 강의는 촬영 당시 버전을 기준으로 핵심 흐름과 원리 전달에 중점을 두었으며, 이후 업데이트에 따른 수정·추가는 제공되지 않습니다.
– Google Antigravity·Google AI Studio·Manyfast·Firebase 모두 Google 계정이 필요하며, 무료 플랜은 사용량 한도가 있어 실습 중 대기가 필요할 수 있습니다. 요금제와 무료 사용량은 변경될 수 있으니 수강 전 공식 사이트에서 확인해 주세요.
전체 흐름과 핵심을 정리한 자료
강의와 같은 환경에서 따라할 예제
강의 속 프롬프트를 실무에 바로 적용
* 자료는 수강 시작 후 <00. 교재 다운로드 센터>에서 받으실 수 있습니다.
실습 위주의 강의이기 때문에 강의 화면과 실습 화면을 분리 가능한 듀얼 모니터 또는 여분 기기를 함께 준비해주시면 좋습니다.
또한 Windows OS 기반으로 실습이 진행되므로, Windows 환경에서의 강의 수강을 추천해드립니다. (안티그래비티 자체는 macOS도 지원합니다.)
강의 교안 및 실습파일은 <00. 교재 다운로드 센터> 섹션에 있습니다.
총 학습기간
환불금액은 정가가 아닌 실제 결제금액을 기준으로 계산됩니다.
* 보다 자세한 환불 규정은 마소캠퍼스 [주의사항 및 환불규정]페이지에서 확인 가능합니다.
환불 요청은 cs@masocampus.com으로 주문번호를 함께 보내주시면 접수됩니다.
마소캠퍼스 ID 공유 금지 정책
저작권 정책
그 외 공통 사항은 마소캠퍼스 [주의사항 및 환불규정], [이용약관] 페이지를 따릅니다.
| 00. 교재 다운로드 센터 | |||
| [onc151] AKG000 교재 배포 페이지 | 00:00:00 | ||
| 01. 안티그래비티를 소개합니다 | |||
| [onc151] AKG011 오리엔테이션 – 수업 흐름 & Tool 안내 | 00:03:22 | ||
| [onc151] AKG012 지금 안티그래비티를 사용해보아야 하는 이유 | 00:04:52 | ||
| 02. 안티그래비티 설치와 인터페이스 | |||
| [onc151] AKG021 OS별 안티그래비티 설치 방법 | 00:03:52 | ||
| [onc151] AKG022 안티그래비티 2.0과 IDE의 차이점 | 00:05:13 | ||
| [onc151] AKG023 안티그래비티 인터페이스 살펴보기 | 00:07:05 | ||
| 03. 안티그래비티 세팅하기 | |||
| [onc151] AKG031 확장 팩을 사용해 사용성 좋게 세팅하기 | 00:08:29 | ||
| [onc151] AKG032 안티그래비티 Rules란? | 00:13:03 | ||
| [onc151] AKG033 Rules 기능으로 AI가 일하는 방식 지정해주기 | 00:11:53 | ||
| 04. AI로 프로젝트 기획하기 | |||
| [onc151] AKG041 Google AI 스튜디오로 와이어프레임 기획하기 | 00:10:08 | ||
| [onc151] AKG042 Google AI 스튜디오 to Antigravity | 00:06:40 | ||
| [onc151] AKG043 디테일한 기획, 매니패스트로 해보기 | 00:10:53 | ||
| [onc151] AKG044 매니패스트 MCP 연결 후 안티그래비티로 보내기 | 00:10:52 | ||
| 05. 디자인 및 기능 고도화하기 | |||
| [onc151] AKG051 Npm 패키지란? | 00:04:17 | ||
| [onc151] AKG052 Npm 패키지를 활용해서 디자인 수정해보기 | 00:10:27 | ||
| [onc151] AKG053 안티그래비티 스킬이란? | 00:04:33 | ||
| [onc151] AKG054 주석 달아주는 스킬 생성하기 | 00:14:50 | ||
| [onc151] AKG055 로그인 화면 및 기능 구현 | 00:04:09 | ||
| 06. 이미지 제작하기 | |||
| [onc151] AKG061 안티그래비티 안에서 이미지 제작하기 | 06:02:00 | ||
| [onc151] AKG062 코멘트 기능으로 이미지 수정하기 | 00:07:57 | ||
| 07. 워크플로우 세팅하기 | |||
| [onc151] AKG071 안티그래비티 Workflow란? | 00:06:45 | ||
| [onc151] AKG072 워크플로우 세팅하기 | 00:07:57 | ||
| [onc151] AKG073 워크플로우로 Rule 업데이트하기 | 00:05:31 | ||
| 08. 고객 데이터 받는 사이트 만들기 | |||
| [onc151] AKG081 파이어베이스란(firebase)란? | 00:05:47 | ||
| [onc151] AKG082 데이터베이스 세팅하기-로그인, 가격입력 | 00:12:32 | ||
| [onc151] AKG083 AI로 데이터 베이스 다듬는 방법 | 00:06:32 | ||
| 09. 서비스 배포하기 | |||
| [onc151] AKG091 파이어베이스 서버를 활용해 페이지 배포해보기 | 00:12:40 | ||
|
★ 한정 기간에만 만나는 특별가! ★ |
|
|
 |
