Project IDX에서 Gemini 모델을 사용한 개발

2월 15, 2024
Ali Satter AI Lead
Roman Nurik Design Lead

몇 주 전, 저희는 풀 스택 멀티플랫폼 소프트웨어 개발을 간소화 및 단순화하는 데 도움이 되는 Project IDX에 대한 일련의 제품 업데이트를 발표했습니다. 이번 주에는 Project IDX가 엔드-투-엔드(E2E) 개발자 워크플로의 진행 속도를 높이고 미세 조정하기 위해 어떻게 Gemini 모델을 사용해 AI 기능을 제공하는지 여러분께 알려드리게 되어 매우 기쁩니다.

AI 기반 코드 완성, 보조 챗봇, 상황에 맞는 코드 작업(예: '주석 추가', '이 코드 설명') 지원 기능을 포함하고 있는 Project IDX는 고품질 코드를 더 빠르게 작성하는 데 도움을 주기 위해 출시되었습니다. 출시 이후, 개발자 여러분이 보내주신 고견에 힘입어 생산성을 한층 더 높일 수 있는 새로운 AI 기능을 추가할 수 있도록 최선을 다하고 있습니다.

인라인 AI 지원으로 더 빠르게 작업하세요

이제 Cmd/Ctrl + I를 눌러 어떤 파일 내에서든 인라인 AI 지원을 받을 수 있습니다. 코드에 적용하려는 변경 사항을 설명하기만 하면 IDX 인라인 AI 지원을 통해 코드에서 실시간 오류 수정, 코드 추천, 자동 완성이 제공됩니다.

이러한 AI 개선 사항을 Project IDX의 중앙 집중식 작업공간에 직접 통합하여 여러분이 필요로 할 때, 언제 어디서나 풀 스택 앱 개발에 필요한 도구와 리소스를 제공합니다. 작업공간 설정부터 앱 테스트까지, IDX AI 지원은 워크플로를 가속화하고 개선하여 더 빠르고, 더 쉽고, 더 높은 품질의 E2E 개발 경험을 보장합니다.

예를 들어, 인증된 API 엔드포인트를 서버에 추가한다고 가정해 보겠습니다. Firebase 인증과 Cloud Firestore를 사용하여 안전한 작업 관리를 활성화하는 데 필요한 코드를 작성하도록 IDX AI에 지시할 수 있습니다. 입력 프롬프트가 주어지면 IDX AI 지원으로 경로를 생성하는 코드를 작성하고, 토큰을 확인하는 데 사용할 API를 결정하고, 데이터를 데이터베이스에 저장할 수 있습니다. 상용구 코드를 작성하는 대신 상위 수준의 디자인과 문제 해결에 집중할 수 있습니다.

참조를 위한 입력 프롬프트: /tasks라는 POST 엔드포인트를 만듭니다. _session이라는 쿠키에서 ID 토큰을 가져옵니다. Firebase Admin SDK로 이 토큰을 확인합니다. UID 속성을 사용하여 사용자에게 항목을 할당합니다. 그런 다음 관리자 SDK를 사용하여 Firestore 데이터베이스에 createdAt에 대한 servertime 스탬프가 있는 작업 항목을 저장합니다.

다음으로는 품질, 가독성, 유지 관리성을 개선하기 위해 코드를 약간 정리하고자 한다고 가정해 보겠습니다. IDX AI 지원을 통해 코드를 빠르고 쉽게 리팩터링할 수 있으므로 수동 리팩터링의 번거로움 없이 작업을 바로 최적화할 수 있습니다.

참조를 위한 입력 프롬프트: 노드의 프로미스 API를 사용하도록 리팩터링합니다.

프로젝트를 마무리할 때 애플리케이션의 배포 전에 원활한 실행을 확인하기 위해 코드를 테스트하고 디버깅하는 데 IDX AI가 도움을 줄 수 있습니다. 함수가 올바로 작동하도록 IDX AI 지원에 함수에 대한 단위 테스트를 작성하도록 지시하여 앱의 품질 검사 시 시간과 노력을 절약하세요.

참조를 위한 입력 프롬프트: 이 함수에 대한 단위 테스트 만들기

Gemini API 템플릿으로 손쉽게 AI 기능 추가

저희는 또한 Project IDX의 새로운 Gemini API 템플릿으로 Gemini API를 사용한 개발 프로세스를 간소화하고 있습니다. Gemini API 템플릿은 Gemini Pro 모델을 사용하여 개발자 측에 추가 구성 없이 AI 기반 기능을 애플리케이션에 삽입하므로 빠르고 쉽게 Gemini API 작업을 시작할 수 있습니다. LLM 기반 앱을 개발하는 프로세스를 간소화하기 위해 인기 있는 LangChain 프레임워크를 통해 Gemini API를 사용하는 옵션도 있습니다.

Gemini API 템플릿은 다중 형식입니다. 즉, 코드는 물론이고 이미지와 텍스트 등 무수한 입력 형식에 대해 컨텍스트 인식 프롬프트 출력을 제공할 수 있습니다. 따라서 대화식 인터페이스, 사용자 리뷰 요약, 번역, 자동 이미지 캡션 생성 등의 기능을 추가할 수 있습니다.

기능을 시연하기 위해 ‘Baking with the Gemini API’로 Gemini API 템플릿을 사전 구성했습니다. 이것은 Gemini 모델의 다중 형식 기능을 사용하여 사진 한 장만으로 제과류에 관한 가능한 레시피를 리버스 엔지니어링할 수 있는 레시피 빌더 애플리케이션입니다.

하지만 이 레시피 빌더는 실제 사용되는 Gemini API 템플릿의 한 예일 뿐입니다. 다양한 입력 형식과 컨텍스트 인식 출력 생성을 지원하므로 IDX의 Gemini API 템플릿을 사용하여 사용자에게 AI 강화 경험을 제공하는 무수히 많은 혁신적이고 영향력 있는 애플리케이션을 만들 수 있습니다.

더 많은 AI 업데이트를 기대해 주세요

이러한 업데이트는 Project IDX에서 Google의 AI 혁신을 활용할 수 있도록 계속 이어지는 노력의 일환입니다. 앞으로 몇 주 안에 IDX의 AI가 150개 이상의 국가/지역으로 확대되는 소식 등 앞으로 있을 추가 발표를 지켜봐 주시기 바랍니다.

여러분의 지속적인 지원과 참여에 감사드립니다. 앞으로도 계속 버그를 신고하고 기능 요청을 제출하여 여러분의 의견을 들려주시기 바랍니다. 앞서 언급한 모든 기능의 둘러보기와 자세한 내용은 설명서를 확인해 주세요. 아직 등록 전이라면 저희 웹사이트를 방문하여 Project IDX 사용 등록을 하고 여정에 동참해 주세요. 또한 새로 선보이는 Project IDX 블로그에서 저희 팀의 최신 제품 공지 사항과 업데이트를 꼭 확인해 보세요.

여러분이 Project IDX로 만들어 낼 작품이 무척 기대됩니다!