'Firebase Studio에서 열기' 버튼 추가
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
Firebase Studio를 사용하면 코드베이스를 처음 사용하는 사용자가 개발 환경을 설정하고 생산성을 높이는 단계를 간소화할 수 있습니다.
예를 들면 다음과 같습니다.
다른 참여자와 함께 팀으로 작업하는 경우 프로젝트에 맞게 환경을 맞춤설정한 후 .idx/dev.nix 파일을 프로젝트의 Git 저장소에 커밋할 수 있습니다. 이렇게 하면 팀원이 Firebase Studio에서 Git 저장소를 가져올 때 새 작업공간에 같은 시스템 패키지, IDE 확장 프로그램, 시작 스크립트 등이 포함된 개발자 구성과 정확하게 동일한 구성이 생성됩니다.
다른 사용자가 사용할 프레임워크나 라이브러리를 빌드하는 경우 샘플 코드 저장소에 .idx/dev.nix 파일을 포함할 수 있습니다. 이렇게 하면 사용자가 샘플을 Firebase Studio로 가져올 때 환경 설정을 건너뛰고 바로 프레임워크를 사용해 볼 수 있습니다. 사용자를 위한 맞춤설정이 가능한 자체 시작점으로 자체 커스텀 템플릿을 빌드할 수도 있습니다.
환경 맞춤설정이 만족스러우면 'Firebase Studio에서 열기' 버튼을 문서(예: 프로젝트의 README.md 파일)에 추가하여 다른 사용자가 더 쉽게 프로젝트를 Firebase Studio로 가져올 수 있게 할 수 있습니다.
일반적인 'Firebase Studio에서 열기' 진입점
'Firebase Studio에서 열기' 버튼에 사용할 수 있는 URL 패턴에는 여러 가지가 있습니다.
미리 Git 저장소 URL로 채워진 Git 저장소 가져오기 플로우에 연결하려면 다음 URL 패턴을 사용합니다.
https://studio.firebase.google.com/import?url=https://github.com/my-org/my-repo
현재는 GitHub 저장소만 지원됩니다(비공개 및 공개 모두).
사전 정의된 작업공간 템플릿에 연결하려면 Firebase Studio의 템플릿 페이지에서 원하는 템플릿을 찾고 URL을 복사합니다. 이 URL은 다음 URL 패턴을 따라야 합니다.
https://studio.firebase.google.com/new/gemini
미리 템플릿의 GitHub URL이 채워진 커스텀 템플릿에 연결하려면 다음 URL 패턴을 사용합니다.
https://studio.firebase.google.com/new?template=https://github.com/my-org/my-template
미리 입력된 프롬프트로 App Prototyping agent를 열려면 이 URL 패턴을 사용하세요.
https://studio.firebase.google.com/?prototypePrompt=Create an app that transforms sketches into a high-quality photograph with Gemini
'Firebase Studio에서 열기' 버튼 추가
Firebase Studio에서 열기 SDK를 설치하거나 이 도구를 사용하여 Firebase Studio 버튼의 HTML을 생성합니다.
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2025-08-22(UTC)
[null,null,["최종 업데이트: 2025-08-22(UTC)"],[],[],null,["With Firebase Studio, you can simplify the steps for someone new to\nyour codebase to set up their development environment and get productive.\n\nFor example:\n\n- If you're **working on a team with other contributors** , you can\n [customize your environment](/docs/studio/customize-workspace)\n precisely for your project and then commit your `.idx/dev.nix` file to\n your project's Git repository. That way, when a teammate imports your\n Git repository in Firebase Studio, their new workspace will have\n the exact same configuration as yours, complete with the same system\n packages, IDE extensions, starter scripts, and more.\n\n- If you're **building a framework or library** for others to use, you\n can include a `.idx/dev.nix` file in your sample code repositories, so\n that when a user imports your samples into Firebase Studio, they\n can skip the environment setup and jump straight into trying out your\n framework. You can even [build your own, custom\n template](/docs/studio/custom-templates) as an opinionated,\n customizable starting point for your users.\n\nAfter you're happy with your environment customizations, you can make it\neven easier for others to import your project into Firebase Studio by\nadding an \"Open in Firebase Studio\" button to your documentation, such\nas your project's `README.md` file.\n\nCommon \"Open in Firebase Studio\" entry points\n\nThere are several URL patterns available for an \"Open in\nFirebase Studio\" button:\n\n- To link to the **import a Git repository** flow, prefilled with your Git\n repository URL, use this URL pattern:\n\n https://studio.firebase.google.com/import?url=https://github.com/my-org/my-repo\n\n At this time, only GitHub repositories are supported (both private and\n public).\n- To link to a **predefined workspace template** , find the template\n you're looking for in the\n [Templates](https://studio.firebase.google.com/templates) page in\n Firebase Studio, and copy its URL, which should follow this URL pattern:\n\n https://studio.firebase.google.com/new/gemini\n\n- To link to a **custom template**, prefilled with your template's GitHub URL,\n use this URL pattern:\n\n https://studio.firebase.google.com/new?template=https://github.com/my-org/my-template\n\n- To open the App Prototyping agent with a pre-filled prompt, use this URL\n pattern:\n\n https://studio.firebase.google.com/?prototypePrompt=Create an app that transforms sketches into a high-quality photograph with Gemini\n\nAdd an \"Open in Firebase Studio\" button\n\nInstall the [Open in Firebase Studio\nSDK](https://www.npmjs.com/package/@firebase-studio/open-sdk) or\nuse this tool to generate the HTML for a Firebase Studio button:"]]
