▲

구글, Firebase Studio 공개

 (firebase.studio)
7P by GN⁺ 8일전 | ★ favorite | 댓글 5개
  • AI 앱 개발을 위한 클라우드 기반 통합 개발 환경으로 코드 작성, 테스트, 배포, 실행까지 한곳에서 가능
  • 브라우저에서 AI 에이전트를 통해 멀티 플랫폼 앱을 빠르고 쉽게 개발, 배포, 관리할 수 있는 풀스택 AI 작업 공간
  • 백엔드, 프론트엔드, 모바일 앱을 한 곳에서 구축할 수 있음. 빠른 프로토타이핑부터 커스터마이징 가능한 VM까지 폭넓은 유연성을 제공
  • Project IDX, Genkit, Gemini in Firebase 기능이 통합
  • AI 시대에 맞춘 빠른 개발과 협업 중심의 플랫폼임

언제 어디서든 빠르게 시작 가능

  • 브라우저를 열고 몇 분 만에 개발을 시작할 수 있음
  • GitHub, GitLab, Bitbucket 또는 로컬 머신에서 기존 저장소를 가져올 수 있음
  • 대부분의 기술 스택을 지원함
  • App Prototyping agent를 활용해 자연어, 목업, 그림, 스크린샷 등으로 새 앱을 빠르게 생성 가능
  • Nix로 환경을 사용자 정의 가능
  • 다양한 프레임워크 또는 언어 기반 템플릿을 선택하거나, Nix로 개발 환경을 자유롭게 커스터마이징할 수 있음
  • 현재 프리뷰 버전에서는 3개의 무료 워크스페이스 제공
  • Google Developer Program 회원은 최대 30개의 워크스페이스 사용 가능

Firebase Studio로 할 수 있는 일

  • 자연어, 이미지 등을 활용한 AI 앱 프로토타입 생성

    • App Prototyping agent를 통해 빠르게 작동하는 웹 앱 프로토타입 생성 가능
    • Next.js 기반으로 자동 생성되며, UI뿐 아니라 기능도 포함됨
    • Genkit과 Gemini API 키가 자동으로 설정되어 바로 AI 기능 사용 가능

  • Gemini를 활용한 대화형 앱 수정

    • Firebase Studio 내에서 Gemini와 직접 대화하며 앱 수정 가능
    • 코딩, 디버깅, 테스트, 리팩토링, 코드 설명 및 문서화를 AI가 지원함
    • 사용자 인증 추가, UI 개선, 기능 추가 등을 자연어로 요청 가능
    • 기본 제공 모델 또는 사용자가 선호하는 AI 모델을 선택 가능
    • 코드 이해가 어려운 경우에도 빠르게 수정 가능함

  • 코딩 워크스페이스를 통한 수동 수정

    • CodeOSS 기반 IDE에서 직접 코드 작성 가능
    • Gemini 기반 코드 보완, 디버깅, 설명, 터미널 접근 제공
    • Firebase 서비스와 연동된 개발 환경 제공

  • 다양한 기기에서 즉시 미리보기

    • QR 코드 또는 공개 URL을 통해 기기에서 앱 미리보기 가능
    • 프로토타입을 실제 모바일 기기에서 바로 테스트할 수 있음

  • Firebase App Hosting을 통한 빠른 배포

    • 버튼 클릭 한 번으로 앱을 Firebase App Hosting에 배포 가능
    • 빌드, CDN, 서버 렌더링 자동 처리됨
    • 워크스페이스 공유 및 실시간 협업 기능 지원

  • 곧 출시 예정: Gemini Code Assist 에이전트

    • 코드 마이그레이션, AI 모델 테스트, 문서화 등을 위한 Gemini Code Assist 에이전트 제공 예정
    • Firebase Studio 내 칸반 보드 형태로 사용 가능
    • Google Developer Program을 통해 사전 신청 가능

  • 다양한 플랫폼에서 전체 스택 앱 최적화

    • Open VSX Registry의 수천 개 확장 기능을 활용하여 API 및 백엔드 테스트 및 최적화 가능
    • 내장 웹 미리보기 및 Android 에뮬레이터를 통해 사용자 시점에서 앱을 확인할 수 있음

Project IDX와의 관계

  • Firebase Studio는 Project IDX의 모든 기능을 포함함
  • 커스터마이징 가능한 클라우드 VM, 앱 테스트용 에뮬레이터 포함
  • 60개 이상의 공식 템플릿과 커뮤니티 템플릿 제공
  • GitHub, GitLab, Bitbucket 등에서 기존 코드베이스 가져오기 가능
  • 팀 내 공유를 위한 커스텀 템플릿 생성 기능도 포함됨
  • 기존 IDX에서 하던 모든 작업을 Firebase Studio에서도 수행 가능함
  • 추가적으로 App Prototyping agent와 Firebase 플랫폼과의 깊은 통합 제공

지금 바로 사용 가능

  • Firebase Studio는 기본적으로 3개의 무료 워크스페이스 제공
  • Google Developer Program 회원은 10개, 프리미엄 회원은 30개 사용 가능
  • Firebase App Hosting 등 일부 기능은 결제 계정 필요
  • 자세한 정보는 공식 문서 참고
  • 바로 시작하려면 Firebase Studio 사용해 보기
▲
nextstep 7일전  [-]

ms vscode 로 ai agent 모드까지 넣다보니 google 도 개발툴에 ai 붙인 거라 새롭진 않네요 google ai api 를 vscode 에서 사용할 수 있다보니 어떤 장점이 있는지 모르겠습니다

답변달기
▲
spilist2 8일전  [-]

저도 찍먹해본 감상을 간단히 적었습니다. https://www.stdy.blog/firebase-studio-impressions/

답변달기
▲
ganadist 8일전  [-]

https://developer.android.com/studio/preview/… 도 포함이 되어있는데, 하드웨어 사양은 빵빵하네요.

  • Xeon 2.2GHz 16core
  • 64GB ram
  • Ubuntu 24.04
  • 200Gb disk
답변달기
▲
jsh5782 8일전  [-]

출시일 아침부터 기대하면서 이리저리 써봤지만 ‘풀스택’ 은 AI에게도 유니콘인듯 했습니다..

답변달기
▲
GN⁺ 8일전  [-]
Hacker News 의견

  • 앱의 AI 부분은 쓸모가 없었음. 2시간 동안 체스 시계 Flutter 앱을 "vibe coding" 했지만 결국 아무것도 얻지 못했음

    • 메시지를 보낼수록 점점 더 망가졌음
    • 스스로 문제를 고치려고 했지만 다시 엉망이 되었음
    • 누구에게도 추천하지 않음
    • 비 AI 부분은 매우 멋졌음. nix 환경을 좋아함. 예를 들어 미리보기를 처리하는 방식이 흥미로웠음
    • geekbench를 실행했는데 CPU 성능은 아이폰 15 프로 맥스보다 약간 떨어지지만 32GB의 램을 가지고 있음

  • Firebase Studio를 약 30분 동안 사용해 본 짧은 리뷰임

    • 먼저, Firefox의 Enhanced Tracking Protection을 꺼야 프로젝트가 로드됨
    • 초기 프롬프트로 질문을 입력하고 동전을 던져 I Ching 예측을 생성하는 앱을 제안했음
    • 결과는 괜찮아 보였지만 질문을 입력하고 버튼을 눌렀을 때 아무 일도 일어나지 않았음
    • 여러 번 문제를 해결하려고 했지만 실패했음
    • 브라우저 콘솔을 확인하여 오류를 찾고 이를 수정하도록 요청했음
    • 몇 번의 반복 후 모든 오류를 해결하고 결과를 생성할 수 있었음
    • 동전을 던져야 하는 부분을 완전히 잊어버렸음
    • 약간의 프롬프트 후에 육효와 질문을 표시할 수 있었음
    • 때때로 생성된 육효에 대해 혼란스러워함
    • 전체적으로 이러한 도구는 여전히 장난감 수준에 머물러 있음

  • Firestore를 사용하는 프로젝트를 진행 중인 사람으로서 원하는 것은 하나뿐임

    • Firestore를 위한 웹 GUI가 필요함
    • 여러 레코드를 선택하고 작업할 수 있는 기능이 필요함
    • AI, 다크 모드, MongoDB 호환성은 필요하지 않음
    • 마우스로 여러 문서를 선택하고 작업할 수 있기를 원함

  • 이 프로젝트는 정말 멋져 보이며 더 많은 것을 보고 싶음

    • HN 대화를 보면서 생각하게 되었음
    • 7년 전 경력 초기에 WinForms 애플리케이션을 자주 만들었음
    • 텍스트 상자와 "실행" 버튼이 있는 간단한 인터페이스였음
    • C#으로 코드를 작성하고 테스트하는 방법이었음
    • Python이나 Ruby를 사용했던 것처럼 다양한 작업을 처리했음
    • 많은 사람들이 "작업을 수행하는 스크립트"가 필요할 것이라고 생각함
    • AI 스크립팅이 가장 즉각적으로 유용할 수 있는 부분이라고 생각함
    • Jupyter Notebooks도 이러한 예 중 하나라고 생각함

  • idx.google.com의 리브랜딩임

  • 소프트웨어 엔지니어들은 AI를 활용하여 모든 SaaS를 복제하고 시장 점유율을 차지해야 함

    • AI는 엔지니어들이 창업자가 되는 훌륭한 방법임
    • 경쟁을 가져와야 함

  • 새로운 것이 아님

    • "프롬프트 from scratch" 기능이 추가되었음
    • idx.dev가 원하는 만큼의 인기를 얻지 못해 리브랜딩을 결정함
    • 나쁜 아이디어는 아님
    • idx.dev(현재 firebase.studio)를 사용하고 있으며 좋아함
    • 특정 스택/앱 유형에 대한 "템플릿"은 없지만 빈 작업 공간을 설정하고 nix.dev 파일을 수정하는 것은 쉬움

  • Supabase 통합을 Lovable과 Bolt.new에서 작동시키는 데 어려움을 겪었음

    • Firebase Studio는 끔찍한 결과를 보여줌
    • 요청한 앱의 첫 번째 뷰조차 성공적으로 빌드하지 못했음
    • GPT-4 출시일로 돌아간 느낌임
    • Gemini 2.5를 사용할 수 있는 스위치를 놓친 것인지 궁금함
    • 응답 속도로 보아 생각하는 모델을 사용하지 않았음

  • 모바일 Safari에서 시도했는데 모바일에 맞게 설계되지 않았음

    • 앱 미리보기 화면에 도달했을 때 미리보기 패널이 비어 있었음
    • macOS의 Firefox로 전환했을 때 작동했음
    • 대부분의 vibe coding을 휴대폰에서 하기 때문에 실망스러웠음

  • "vibe coding"이라는 표현을 여러 번 읽으면서 나이를 실감하게 되었음

답변달기