[ Summary ]
이 영상은 Google의 새로운 웹 기반 AI 앱 빌더인 Firebase Studio를 실사용한 리뷰 영상으로, 초보자와 개발자 모두를 위한 가이드 역할을 합니다. 기존 AI 앱 빌더들보다 백엔드 기능이 강화된 전천후 빌더로 평가되며, 실제로 포켓몬 스타일의 생산성 앱을 제작하는 과정을 통해 기능을 직접 검증합니다. 아직은 미완성 요소도 있지만, 무료이면서도 코드 기반 작업까지 지원하는 잠재력 높은 도구로서, 향후 개선 여지가 큰 플랫폼임을 강조합니다.
Podcast
00:00 – Firebase Studio 첫인상 및 평가
사용자들이 엇갈린 반응을 보인 Firebase Studio를 직접 테스트해보며 실질적인 사용 경험을 공유합니다.
- Firebase Studio는 Google이 출시한 웹 기반 AI 앱 빌더로, Lovable, Replit, Bolt와 같은 기존 경쟁자들과 비교됩니다.
- 평가는 극과 극: “다 죽였다” vs “망했다”. 하지만 직접 써본 결과는 **“괜찮은 수준의 도구, 학습 곡선이 있으나 익숙해지면 충분히 유용하다”**라는 중립적 입장입니다.
- 장점으로는 무료이며, 특히 백엔드 구축까지 가능한 완전한 풀스택 개발이 가능하다는 점이 강조됩니다.
01:19 – Firebase Studio의 핵심 특징
Firebase Studio가 각광받는 이유는 크게 세 가지입니다.
- Google 제품이라는 신뢰도
- 무료 사용 가능 (타 빌더는 월 $20~30)
- Firebase 백엔드 기반으로, 데이터베이스, 인증 등 기존 웹 빌더들이 취약한 백엔드 요소까지 포함
- 이는 기존 빌더들이 “프론트엔드만 예쁘고 기능은 없다”는 문제를 해결할 수 있는 대안으로 기대됩니다.
02:42 – 포켓몬 스타일 생산성 앱 개발 시연
Firebase Studio를 실제로 사용해 “Pixel Progress” 앱을 제작하며 기능을 시연합니다.
- 주제: 포켓몬 스타일의 생산성 게임 앱. 유저는 일일 목표를 달성하며 XP를 얻고, 달성하지 못하면 AI 라이벌이 XP를 얻음.
- ChatGPT를 활용해 프로덕트 설계를 미리 계획하고, 이를 기반으로 Firebase Studio에 명세 입력
- Gemini 모델 기반의 AI 빌더가 즉시 UI와 기능을 생성, 초기 화면이 빠르게 구성됨
05:23 – 주요 기능 확인 및 커스터마이징
생성된 앱을 직접 사용하고, UI 커스터마이징 및 코드 수정까지 진행합니다.
- 주요 기능: 유저 XP 및 라이벌 XP 표시, 일일 목표 관리, 타이머, 목표 미달시 자동 라이벌 XP 증가
- UI 스타일 가이드는 이미지에서 색상 정보를 추출하여 반영
- Gemini에게 명령어로 색상, 버튼, 푸터 등 UI 요소를 실시간 수정 가능
- 스크래블 기능을 활용해 직접 그림으로 UI 구성 요청도 가능
11:23 – 코드 에디터 및 Gemini 통합
Firebase Studio의 코드 편집 기능은 VS Code 수준으로 뛰어납니다.
- 코드 에디터가 통합되어 있어, 비개발자도 쉽게 접근할 수 있고, 개발자는 필요 시 상세 조정 가능
- Gemini Pro 2.5 모델로 업그레이드 후, 프론트엔드/백엔드 구조 분석, 파일 구조 해석, 디버깅 등 지원
- 백엔드는 Next.js 및 Firebase Firestore로 구성되어 있으며, 실제로 Firebase 설정값을 직접 넣어줘야 작동
- 초보자 입장에서는 다소 어려운 설정이지만, 기본 구조는 명확함
17:09 – 라이벌 XP 증가 로직 디버깅
실시간 XP 증가 로직을 디버깅하며 Firebase Studio의 디버깅 유연성을 보여줍니다.
- XP가 매 1분마다 증가해야 하는 로직을 Gemini와 함께 검토
- 콘솔 로그 및 웹 콘솔을 통해 실제 동작 확인, 문제는 UI 카운트다운 표시 오류였음
- 코드 파일을 수정하고 실시간 반영, 여전히 UI가 반영되지 않아 반복 테스트
- 디버깅 과정에서 Gemini의 보조가 매우 유용했음을 보여줌
20:22 – GitHub 연동 및 배포 기능
앱을 GitHub에 연동하고, 실제로 Firebase에 배포하는 전 과정을 시연합니다.
- Gemini를 통해 GitHub 푸시 및 연동 가능, 코드 다운로드 후 외부 에디터에서도 사용 가능
- 배포 단계에서는 Firebase 프로젝트와 연동 및 결제 계정이 필요 (호스팅은 유료)
- 모든 과정을 거쳐 앱이 실제 인터넷상에 배포되고 라이브 상태로 존재
21:43 – 최종 총평 및 활용 방안
Firebase Studio는 잠재력 있는 프로토타이핑 툴이며, 향후 발전 가능성이 높습니다.
- 완전한 노코드 도구는 아니지만, Replit처럼 코딩이 가능한 중간 지점의 툴로 강점이 있음
- Lovable, Bolt 등 완전한 초보자용 빌더보다는 기술 사용자에게 적합
- 아직은 완벽하지 않지만, 시간이 지날수록 기능이 강화될 것으로 기대
- 현재는 5점 만점에 7점짜리 잠재력을 가진 5/7 점짜리 제품
[ Review ]
Firebase Studio는 Google이 본격적으로 뛰어든 AI 기반 웹 앱 빌더라는 점에서 시작부터 주목을 받았습니다. 이 영상은 단순한 사용 리뷰가 아니라 실제 앱을 만들며 겪는 장점과 단점, 그리고 개선점을 모두 짚어주는 실전 가이드였습니다. 가장 인상적인 부분은 무료임에도 불구하고 코드 수정까지 가능한 유연성과, Gemini와의 자연스러운 통합입니다. 특히, UI 수정부터 코드 기반 디버깅까지 하나의 도구 안에서 순환적으로 진행할 수 있는 구조는 현존 AI 빌더 중에서는 유일하다고 볼 수 있습니다.
물론, Firebase 설정 등 초보자에게는 여전히 벽이 존재하지만, 이 또한 향후 업데이트로 해결될 가능성이 높아 보입니다. “라이벌 XP 증가” 같은 게임 로직도 Firebase Firestore와 연동되면 더욱 풍성한 앱을 만들 수 있을 것으로 기대됩니다. 지금 당장 실무 앱을 만들기엔 부족할 수 있지만, 빠른 프로토타이핑 도구로는 최상급입니다. 앞으로 Google이 이 툴을 어떻게 발전시켜 나갈지가 오히려 더 흥미로운 지점이며, 현재의 5/7이라는 평가는 잠재력을 감안한 절묘한 점수입니다.