이 영상의 주제
이 영상은 기존에 사용하던 클라우드 통합 개발 환경인 ‘파이어베이스 스튜디오(Firebase Studio)’의 서비스 종료에 따라, 이를 대체할 수 있는 개발 환경 설정 방법을 다룹니다. 특히 깃허브 코드스페이스(GitHub Codespaces)를 활용해 기존과 동일한 개발 환경을 구축하고, 기존 프로젝트를 마이그레이션하여 강의 내용을 문제없이 이어가는 과정을 설명합니다. 대상 시청자는 기존 부트캠프 수강생 및 클라우드 환경에서 웹 개발을 하려는 입문자이며, 이 영상을 통해 환경 변화에 구애받지 않고 실습을 계속할 수 있는 대안적인 개발 인프라 구축법을 얻을 수 있습니다.
다루는 기술 스택 / 키워드
- 깃허브 코드스페이스 (GitHub Codespaces)
- 라이브 서버 (Live Server)
- VS 코드 (VS Code)
- 제미나이 CLI (Gemini CLI)
- 클로드 코드 (Claude Code)
- 오픈AI 코덱스 (OpenAI Codex)
- 엑스포 (Expo)
- 앤티그래비티 (Antigravity)
- 노드 JS (Node.js)
타임스탬프별 핵심 포인트
| 시간 | 내용 |
|---|---|
| 00:00 | 파이어베이스 스튜디오 서비스 종료 소식 및 대응 필요성 |
| 03:00 | 대체 도구로 ‘깃허브 코드스페이스’ 소개 및 설정 방법 |
| 07:10 | 라이브 서버(Live Server) 확장을 통한 웹 미리보기 설정 |
| 09:30 | 제미나이/클로드 CLI 설치 및 환경 연동 방법 |
| 13:40 | 기존 파이어베이스 스튜디오 프로젝트 마이그레이션 |
| 23:45 | 앤티그래비티(Antigravity) 설치 및 로컬 개발 환경 설정 |
| 31:20 | 엑스포(Expo) 기반 프로젝트 생성 및 폰 연동 테스트 |
| 42:00 | 요약 및 기존 바이브 코딩 부트캠프 활용 안내 |
기본 정보
| 항목 | 내용 | |—|—| | 채널 | 조코딩 JoCoding | | 카테고리 | 프로그래밍 | | 게시일 | 2026-03-22 | | 영상 길이 | 53:03 | | 처리 엔진 | gemini-3.1-flash-lite-preview+transcript | | 원본 영상 | YouTube에서 보기 |