1. 소개
이 실습에서는 기존 작업공간을 코드 우선 에이전트 IDE인 Google Antigravity로 마이그레이션하는 방법을 안내합니다. 이 실습에서 따를 단계를 다루는 1분 길이의 동영상입니다.
2. Antigravity IDE 설치
Antigravity는 Google의 코드 우선 에이전트형 IDE입니다. 이 실습에서는 Antigravity를 사용하여 자동 프로젝트 변환을 수행합니다.
- antigravity.google로 이동합니다.
- 운영체제 (macOS, Windows 또는 Linux)용 설치 프로그램을 다운로드합니다.
- 설치 프로그램을 실행하고 화면에 표시된 안내를 따릅니다.
- Antigravity를 열어 올바르게 작동하는지 확인합니다.
3. Node.js 설치
Antigravity와 Firebase CLI는 Node.js를 사용합니다. 버전 20 이상이 있어야 합니다.
- nodejs.org에서 Node.js의 LTS 버전을 다운로드합니다.
- 설치 프로그램을 실행하고 기본 설정을 수락합니다.
- 터미널을 열고
node --version을 실행하여 버전이 20.x 이상인지 확인합니다.
4. Firebase CLI 설치
Firebase CLI를 사용하면 명령줄에서 앱을 배포할 수 있습니다.
- 터미널에서 다음 명령어를 실행하여 CLI를 전역으로 설치합니다.
npm install -g firebase-tools - macOS 또는 Linux에서 권한을 묻는 메시지가 표시되면 다음을 실행해야 할 수 있습니다.
sudo npm install -g firebase-tools - 설치를 확인합니다.
firebase --version
5. Firebase Studio에서 프로젝트 내보내기
- Firebase Studio에서 작업공간을 엽니다.
- 작업공간 상단에 있는 지금 이동 버튼을 클릭합니다.
- 화면에 표시된 안내에 따라 프로젝트 파일을 압축하고 다운로드합니다.
- 참고: 창이 표시되지 않으면 브라우저 주소 표시줄에서 팝업 차단기를 확인하세요.
- 다운로드한 ZIP 폴더를 로컬 디렉터리에 압축 해제합니다.
6. Antigravity에서 앱 초기화
- Antigravity에서 추출된 폴더를 엽니다.
- 에이전트 창에서 Gemini Flash 모델을 선택합니다.
- 다음 프롬프트를 입력합니다.
@fbs-to-agy-export - 상담사의 안내에 따라 프로젝트 전환을 완료하라는 메시지가 표시되면 지원을 제공합니다.
7. 로컬에서 앱 미리보기
- 왼쪽 사이드바에서 실행 및 디버그 메뉴로 이동합니다.
- 재생 버튼을 클릭하여 로컬 개발 서버를 시작합니다.
- 터미널의 안내에 따라 애플리케이션을 확인합니다.
8. 앱 게시
- 상담사 채팅 패널을 엽니다.
- 다음 프롬프트를 입력합니다.
Publish my app firebase deploy을 실행하라는 메시지가 표시되면 예를 선택합니다.- 상담사가 기존 App Hosting URL로 연결하거나 새 설정을 안내합니다.
9. 결론
Firebase Studio 프로젝트를 Antigravity로 이전하고 에이전트 워크플로를 사용하여 다시 배포했습니다.