SQL Connect에 AI 지원 사용하기

Firebase의 Gemini를 사용하여 클라이언트 측 코드의 스키마, 쿼리, 변형을 작성하는 데 도움을 받으세요.

앱, 데이터 모델 또는 원하는 쿼리 또는 변형을 자연어 로 설명하면 Firebase의 Gemini가 SQL Connect 에 상응하는 항목을 생성합니다.

이 AI 지원은 다음 개발 컨텍스트에서 사용할 수 있습니다.

Firebase 콘솔에서 스키마 와 작업을 생성, 테스트, 배포할 수 있습니다.
로컬 환경에서 Firebase CLI 및 SQL Connect VS Code 확장 프로그램을 사용하여 에뮬레이터로 앱을 생성, 테스트, 개발할 수 있습니다.
AI 기반 개발 도구는 Firebase MCP 서버를 사용하여 앱을 생성, 테스트, 개발할 수 있습니다.

가이드에서 SQL Connect 스키마, 쿼리 및 변형 구문에 대해 자세히 알아보세요.

AI assistance for SQL Connect에서 사용자 데이터를 사용하는 방법

자세한 내용은 에서 Gemini가 사용자 Firebase 데이터를 사용하는 방법을 참조하세요.

AI assistance for SQL Connect 설정

SQL Connect에서 AI 지원을 사용하려면 Firebase 의 Gemini 설정에 설명된 대로 Firebase의 Gemini를 사용 설정하세요.

Firebase의 Gemini로 스키마, 쿼리, 변형 생성

여러 워크플로에서 SQL Connect의 AI 지원을 사용할 수 있습니다.

Firebase Console에서

SQL Connect 서비스를 만들면 Firebase Console 에서 'Gemini 시작하기' 환경을 제공합니다.

앱 아이디어를 설명하면 AI 지원에서 다음을 생성합니다.

앱 아이디어를 기반으로 한 전체 스키마
작업 및 데이터 변형 예시

데이터 페이지에서 GraphQL 글쓰기 도우미pen_spark 버튼을 사용하여 자연어를 기반으로 작업 을 생성하고 실행할 수 있습니다. 일부 사용 사례를 확인해 보세요.

이 워크플로는 시작 가이드에 설명되어 있습니다. 배포된 스키마와 작업을 사용하여 로컬 개발 환경에서 계속 진행할 수 있습니다.

로컬 환경에서

Firebase CLI 및 SQL Connect VS Code 확장 프로그램에서 AI 지원을 받을 수도 있습니다.

앱 아이디어를 firebase init dataconnect에 제공하면 다음이 생성됩니다.

앱 아이디어를 기반으로 한 전체 스키마
작업 및 시드 데이터 변형 예시

SQL Connect VS Code 확장 프로그램은 다음과 같은 기능을 제공합니다.

작업 코드 렌즈 생성/수정을(를) 사용하여 GraphQL 주석을 SQL Connect 작업으로 변환
Gemini Code Assist 및 Firebase MCP 서버와의 원활한 통합

이 워크플로는 로컬 프로토타입 제작을 위한 시작 가이드 에 설명되어 있습니다.

AI 기반 개발 도구와 함께 Firebase MCP 서버 사용

Firebase MCP 서버는 Gemini CLI, Gemini Code Assist, Cursor, Visual Studio Code Copilot, Claude Desktop, Windsurf Editor 등 MCP 클라이언트 역할을 할 수 있는 모든 AI 어시스턴트 도구와 호환됩니다.

Firebase MCP 서버는 AI 기반 개발 도구가 SQL Connect와 더 잘 작동하도록 추가 컨텍스트와 기능을 제공합니다. 다음 작업을 실행할 수 있습니다.

새 프로젝트 디렉터리 및 생성된 SDK 설정
컴파일 오류를 기반으로 스키마, 작업 빌드 및 반복
로컬 에뮬레이터 또는 백엔드 서비스에 대해 작업 실행
기존 서비스에 관한 정보 수집

Firebase MCP 서버를 사용하려면 다음 단계를 따르세요.

이 가이드에 따라 MCP 클라이언트를 설정합니다.
SQL Connect 관련 도움을 요청합니다. 프롬프트 예시:
1. '피자 배달 앱의 SQL Connect 프로젝트를 설정해 줘.'
2. 'SQL Connect 컴파일 오류를 수정해 줘.'
3. '홈페이지에 활성 채팅방과 친구 목록을 표시해야 해. SQL Connect 쿼리를 생성해 줘."
4. '내 로컬 SQL Connect 에뮬레이터에 어떤 사용자가 있어?'
5. '내 SQL Connect 서비스는 어떤 Google Cloud 리전에 있어?'

작업 생성을 위한 사용 사례 예시

다음 섹션에서는 샘플 사용 사례를 설명합니다.

평점순으로 내림차순으로 상위 5개 영화 반환
사용자 입력을 기반으로 데이터베이스에 영화를 추가하는 변형 만들기
사용자가 제공한 장르 및 평점을 기반으로 리뷰를 나열하는 쿼리 만들기

평점순으로 내림차순으로 상위 5개 영화 반환

AI assistance for SQL Connect을 사용하여 자연어 를 기반으로 GraphQL을 생성하려면 다음 단계를 따르세요.

프로젝트에서 SQL Connect를 열고 서비스에서 데이터 소스를 선택합니다.
데이터를 클릭합니다.
GraphQL 글쓰기 도우미pen_spark 아이콘을 클릭합니다. 생성하려는 쿼리 또는 변형을 자연어로 설명하고 생성을 클릭합니다.

예를 들어 'SQL Connect로 빌드(웹)' Codelab에 참조된 영화 데이터 소스를 사용하는 경우 '2022년 상위 5개 영화를 평점 순, 내림차순으로 반환해 줘.'라고 요청하면 다음과 같은 결과가 반환될 수 있습니다.
```
query TopMovies2022 {
  movies(where: {releaseYear: {eq: 2022}}, orderBy: [{rating: DESC}], limit: 5) {
    id
    title
    rating
    releaseYear
  }
}
```
대답을 검토합니다.
- 대답이 올바른 것 같으면 삽입을 클릭하여 코드 편집기에 대답을 삽입합니다.
- 대답을 수정할 수 있는 경우 수정을 클릭하고 프롬프트를 업데이트한 다음 재생성을 클릭합니다.
대답을 수락한 후 해당하는 경우 파라미터 섹션에서 다음을 설정합니다.
- 변수: 쿼리 또는 변형에 변수가 포함된 경우 여기에서 정의합니다. JSON을 사용하여 정의합니다(예: {"title":"The Matrix", "releaseYear":"1999"}).
- 승인: 쿼리 또는 변형을 실행할 승인 컨텍스트(관리자, 인증됨, 인증되지 않음)를 선택합니다.
경고: 변형을 실행하는 경우 실행하기 전에 신중하게 검토하세요. 데이터 편집기에서 변형을 실행하면 요청이 실행됩니다.
코드 편집기에서 실행을 클릭하고 결과를 검토합니다.

코드 편집기에서 여러 쿼리 또는 변형을 테스트하려면 이름을 지정해야 합니다. 예를 들어 다음 쿼리의 이름은 GetMovie입니다. 커서를 쿼리 또는 변형의 첫 번째 줄로 이동하여 실행 버튼을 활성화합니다.

query GetMovie($myKey: Movie_Key!) {
  movie(key: $myKey) { title }
}

사용자 입력을 기반으로 데이터베이스에 영화를 추가하는 변형 만들기

이 예에서는 자연어를 사용하여 데이터베이스를 채우는 GraphQL 변형을 생성하는 방법을 보여줍니다. 이 예에서는 데이터베이스 스키마를 사용한다고 가정합니다. 이 스키마는 Firebase SQL Connect 문서 및 "SQL Connect (웹)으로 빌드" Codelab에 사용되었습니다.

Firebase Console에서, 엽니다 SQL Connect.
서비스 및 데이터 소스를 선택한 다음 데이터 탭을 엽니다.
GraphQL 글쓰기 도우미pen_spark 아이콘을 클릭하고 변형을 설명합니다.
```
Create a movie based on user input.
```

생성 을 클릭합니다. 변형이 반환됩니다. 예를 들어 Gemini는 다음과 같은 변형을 반환할 수 있습니다.

mutation CreateMovie($title: String!, $releaseYear: Int!, $genre: String!, $rating: Float!, $description: String!, $imageUrl: String!, $tags: [String!] = []) @auth(level: USER) {
  movie_insert(data: {
    title: $title,
    releaseYear: $releaseYear,
    genre: $genre,
    rating: $rating,
    description: $description,
    imageUrl: $imageUrl,
    tags: $tags
  })
}

출력을 검토합니다. 필요한 경우 수정 을 클릭하여 프롬프트를 상세검색하고 재생성 을 클릭합니다.
그런 다음 삽입 을 클릭하여 데이터 편집기에 변형을 삽입합니다.

변형을 실행하려면 변수를 추가해야 합니다. 파라미터 섹션에서 변수 를 열고 일부 테스트 변수를 포함합니다.

{"title":"My amazing movie", "releaseYear":2024, "genre": "Comedy",
"rating": 8, "description": "A new movie to test mutations",
"imageUrl": "", "tags": ["comedy","space travel"]}

실행 을 클릭합니다.

팁: Gemini에게 출력을 확장해 달라고 요청할 수도 있습니다. 예를 들어 출력에 주석과 소스 프롬프트를 포함하려면 '사용자 입력을 기반으로 영화를 만들어 줘. 변형을 문서화하고 응답에 이 프롬프트를 포함해 줘.'를 사용할 수 있습니다.

그런 다음 영화가 추가되었는지 확인하는 쿼리를 만듭니다. GraphQL 글쓰기 도우미 pen_spark를 클릭하고 표시되는 상자에 프롬프트를 입력합니다.

List all movies from 2024 that include all of these tags: 'space travel', 'comedy'.

Gemini는 다음과 같은 대답을 반환할 수 있습니다.

query ComedySpaceTravelMovies2024 @auth(level: PUBLIC) {
  movies(
    where: {
    releaseYear: { eq: 2024 },
    tags: { includesAll: ["space travel", "comedy"] }
    }
  ) {
      id
      title
      imageUrl
      releaseYear
      genre
      rating
      description
      tags
    }
}

쿼리를 삽입하고 실행합니다. 추가한 영화가 기록 필드에 표시됩니다.

사용자가 제공한 장르 및 평점을 기반으로 리뷰를 나열하는 쿼리 만들기

이 예에서는 자연어를 사용하여 GraphQL 쿼리를 생성하는 방법을 보여줍니다. 이 예에서는 Firebase SQL Connect 문서 및 'SQL Connect (웹)' Codelab에 사용된 영화 데이터베이스를 사용한다고 가정합니다.

Firebase Console에서, 엽니다 SQL Connect.
서비스 및 데이터 소스를 선택한 다음 데이터 탭을 엽니다.
GraphQL 글쓰기 도우미pen_spark 아이콘을 클릭하고 쿼리를 설명합니다.
```
List all movie reviews, based on user-configurable genre and ratings.
```

생성 을 클릭합니다. 쿼리가 반환됩니다. 예를 들어 Gemini는 다음과 같은 쿼리를 반환할 수 있습니다.

query ListReviewsByGenreAndRating($genre: String, $minRating: Int, $maxRating: Int) @auth(level: PUBLIC) {
  reviews(where: {
    movie: {
      genre: {eq: $genre}
    },
    rating: {ge: $minRating, le: $maxRating}
  }) {
    id
    user {
      username
    }
    movie {
      title
      genre
    }
    rating
    reviewText
    reviewDate
  }
}

출력을 검토합니다. 필요한 경우 수정 을 클릭하여 프롬프트를 상세검색하고 재생성 을 클릭합니다.
그런 다음 삽입 을 클릭하여 데이터 편집기에 변형을 삽입합니다.
이 쿼리를 테스트하려면 변수를 추가해야 합니다. 파라미터 섹션에서 변수 를 열고 테스트에 사용할 변수를 포함합니다.
```
{"genre":"sci-fi", "minRating":4, "maxRating":9}
```
실행 을 클릭합니다.

서드 파티 AI 지원 도구를 위한 프롬프트 설계

모든 AI 지원 도구와 마찬가지로 더 나은 프롬프트는 더 유용한 출력을 생성합니다.

Firebase의 Gemini에 자연어 프롬프트를 제공하면 백그라운드에서 어시스턴트가 입력을 더 완전히 개발된 프롬프트로 변환합니다.

Cursor 또는 Windsurf와 같은 서드 파티 AI 도구를 사용하는 경우 유사한 더 자세한 프롬프트를 사용하여 더 나은 SQL Connect 추천을 받을 수 있습니다.

IDE에 다운로드, 적용, 복사할 수 있는 프롬프트 템플릿을 게시했습니다.

스키마 생성을 위한 템플릿 프롬프트
작업 생성을 위한 템플릿 프롬프트

다운로드하고 수정한 후 다음과 같이 익숙한 도구 (예: Cursor 또는 Windsurf)에서 프롬프트를 만듭니다.

Cursor에서 (Cursor의 최신 안내를 검토해야 함):
1. 오른쪽 상단에 있는 설정 아이콘을 클릭합니다.
2. 규칙 탭을 선택합니다.
3. 프로젝트 규칙에서 새 규칙 추가 버튼을 클릭합니다.
4. 규칙을 복사하여 붙여넣습니다.
Windsurf에서 (Windsurf의 최신 안내를 검토해야 함):
1. 오른쪽 상단에 있는 캐스케이드 버튼을 클릭하여 캐스케이드 창을 엽니다.
2. 캐스케이드의 오른쪽 상단 슬라이더 메뉴에서 맞춤설정 아이콘을 클릭한 다음 규칙 패널로 이동합니다.
3. **+ 전역** 또는 **+ 작업공간** 버튼을 클릭하여 전역 또는 작업공간 수준에서 각각 새 규칙을 만듭니다.
4. 규칙을 복사하여 붙여넣습니다.

문제 해결AI assistance for SQL Connect

Gemini 문제 해결 을 Firebase참조하세요.

가격 책정

AI assistance for SQL Connect은(는) Firebase 의 Gemini의 일부로 제공되며 개별 사용자에게 포함됩니다.

자세한 내용은 Firebase의 Firebase Gemini 가격 책정을 참조하세요.

다음 단계

스키마, 쿼리 및 변형에 대해 자세히 알아보세요.
Firebase의 FirebaseGemini에 대해 자세히 알아보세요.