지금 프로젝트 IDX를 통해 빌드 작업을 시작하세요

5월 14, 2024
Erin Kidwell Director of Engineering

Google I/O 2024가 시즌에 본격적으로 돌입함에 따라, 플랫폼 전반에서 풀 스택 AI 기반 앱을 출시하는 데 사용할 수 있는 통합 작업 공간을 만들기 위한 사명에 Project IDX가 얼마나 부합하는지와 관련한 업데이트를 나누어 보고자 합니다. 내용을 보시면서 IDX의 새로운 기능이 최대한 원활하게 더 높은 품질의 작업을 더 효율적으로 수행하는 데 어떻게 도움이 되는지 확인해 보시기 바랍니다.


현재 베타 버전 단계인 Project IDX


지금 바로 Project IDX 사용 가능

Project IDX는 출시 이후 시험 사용을 희망하는 가입자가 수십만 명에 이를 정도로 호응이 쇄도했습니다. 이제 Project IDX를 베타 버전으로 제공하면서 대기목록을 없애게 되었음을 알려드립니다!

오늘부터는 누구나 Google 계정으로 로그인하여 AI 지원, 협업 기능, 광범위한 프레임워크 및 언어 지원, 인기 있는 Google 도구와 Flutter, Firebase와 같은 제품의 원활한 통합을 시작할 수 있습니다. 또한 필요한 기본 파일과 패키지가 미리 로드된 12개 이상의 템플릿을 사용하거나 기존 GitHub 저장소와 종속성을 가져오거나 빈 슬레이트로 시작하여 빠르게 작업할 수 있습니다.


추가 작업 공간 및 혜택

이제 새로운 Google 개발자 프로그램에 가입하면 IDX에서 최대 5개의 작업 공간을 만들 수 있습니다. 이 프로그램의 회원은 Gemini 모델을 사용하여 문서 요약본을 작성하고, 샘플 코드를 설명하고, 제품 질문에 답변하는 등 추가적인 혜택을 무료로 누릴 수 있습니다. 이전에 Google 개발자 프로필에 등록했다면 프로그램에 이미 등록되어 모든 준비를 마치셨습니다. 곧 더 많은 혜택이 제공될 예정입니다.


향상된 AI 지원

전 세계 개발자들은 코드 작성 등의 소프트웨어 개발 작업을 지원하기 위해 Gemini 모델에 눈길을 돌리고 있습니다. 작업 공간에서 직접 지원하기 위해 Gemini 모델을 IDX에 심층적으로 통합했습니다.

프로젝트 IDX는 이미 AI 기반의 코드 완성, 보조 채팅 그리고 '주석 추가', '이 코드 설명'처럼 상황에 맞는 코드 동작 기능을 지원하고 있습니다. 더 큰 도움이 되는 코드 추천을 하고 코딩 질문에 답해 드리기 위해 기능을 개선했습니다.

코드 완성 기능 덕분에 이제 다양한 프로그래밍 언어에서 사용자의 의도를 더 잘 이해할 수 있습니다.

통합 채팅 지원을 통해 프로젝트의 내용을 더 잘 이해할 수 있으므로 보다 맞춤형 응답을 제공할 수 있습니다.

슬래시 명령어

Project IDX는 출시 시점부터 Cmd/Ctrl + I를 누르면 어떤 파일에서든 인라인 AI 지원을 제공했습니다. 코드에 적용하려는 변경 사항을 설명하기만 하면 IDX의 Gemini가 코드에서 실시간 오류 수정, 코드 추천, 자동 완성을 제공합니다.

이제 IDX의 Gemini와 함께 슬래시 명령어를 사용하여 작업을 빠르게 실행하고 기능에 액세스하여 간단한 키 입력으로 워크플로를 간소화할 수 있습니다. 오류를 수정하려면 /fixError', /helpWithError와 같은 슬래시 명령어를 사용해 보세요. /addComments, /explain, /transform과 같은 슬래시 명령어는 일상 업무를 자동화하고 상황에 맞는 코드 설명을 제공하여 개발자 워크플로를 빠르게 처리하므로 일상적인 업무보다는 문제 해결에 더 집중할 수 있습니다.

대화형 채팅(실험적 기능)

비공개 미리보기에 있는 새로운 대화형 채팅을 사용하면 Gemini에 사용자 대신 직접 조치를 취하도록 요청할 수 있습니다. 프로젝트 내 파일의 용도와 동작 요약, 해당 함수의 오류 수정, 파일과 변수 업데이트 등의 작업을 완료하도록 Gemini에 요청하여 시간과 에너지를 절약해 보세요.

한 예로, my./data 디렉터리의 모든 파일명을 xxx_name.json 형식으로 변경하라는 터미널 명령어를 완료하도록 Gemini에 요청할 수 있습니다. IDX의 Gemini를 사용하면 많은 파일의 이름 바꾸기처럼 느리고 시간이 많이 걸리는 작업이 수월해져 프로젝트에서 더 중요한 부분에 집중할 수 있습니다.

Interactive chat in Project IDX

Gemini는 편집을 수행하거나 명령어를 실행하기 전에 변경 사항을 검토하고 확인도록 요청하므로 워크플로에서 생성형 AI를 사용하여 생산성을 높이면서도 완전히 컨트롤하실 수 있습니다.

대화형 채팅 사용을 권유해 드리고 있으니 계속해서 지켜봐 주세요!


Google 서비스와의 원활한 통합

Project IDX의 새로운 내장형 통합 패널을 통해 개발 경험을 향상시키세요. Gemini API로 앱에 생성형 AI 기능을 추가하고, Firebase Hosting으로 웹에 배포하고, Google Maps Platform API로 지도와 위치정보를 추가하고, 멀티 리전 배포를 위해 클릭 한 번으로 풀 스택 앱을 Cloud Run에 배포하세요. Checks와 같은 제품을 계속 추가하고 있으니 다양한 소식도 기대해 주세요.

API and service integrations in Project IDX

이러한 API와 서비스 통합을 사용하면 다른 탭으로 전환하거나 개발 워크플로를 나가지 않고도 인기 있는 Google 기술을 프로젝트에 원활하게 통합할 수 있습니다.

IDX는 Google Cloud와 Firebase에 대한 인증을 자동으로 처리하므로, 추가 설정을 하지 않아도 gcloud, Firebase CLI와 같은 도구가 작동합니다.


웹 개발자를 위한 향상된 개발과 디버깅

IDX에 내장된 인기 있는 디버깅 도구로 개발 워크플로를 개선하세요. 미리 보기 창에서 원활하게 제공되는 Chrome DevTools Console과 Lighthouse에 대한 실험적 지원을 통해 개발 환경에서 벗어나지 않고도 애플리케이션 디버깅을 심층적으로 알아보고 애플리케이션을 미세 조정할 수 있습니다.

Debugging tools in Project IDX

또한 내장된 DevTools 창을 사용하면 미리 보기 창에서 바로 웹 애플리케이션을 쉽게 디버깅하여 여러 탭을 이동하는 번거로움을 덜어줄 수 있습니다.

Embedded DevTools in Project IDX

새 템플릿

프로젝트 템플릿이 점점 더 늘고 있어 선호하는 프런트엔드, 백엔드, 풀 스택 프레임워크와 언어를 사용하여 앱을 빌드하는 것이 그 어느 때보다 쉬워졌습니다.

New templates available in Project IDX

저희는 고객의 피드백에 끊임없이 귀기울이며, 이를 통해 다음에 추가해야 할 템플릿 등 제품 업데이트의 방향을 잡고 있습니다. 새로운 소식도 기대를 가지고 확인해 보세요.

  • Google Maps Platform + Gemini: Gemini API를 사용해 사진 내용을 읽고 이미지의 위치에 따라 여행 아이디어를 구상해 보세요.

  • Google Maps Platform + React: Google Maps Platform API와 IDX 통합 패널을 사용해 내비게이션 앱을 만드는 방법을 빠르게 알아보세요.

  • Firebase Data Connect [비공개 미리 보기에 있음]: Firebase의 새로운 Cloud SQL 기반 서비스를 사용해 브라우저에서 바로 이메일 앱을 빌드해 보세요. 로컬에서 실행되는 Postgres 인스턴스와 풍부한 스키마 편집이 지원됩니다. 시험 사용하려면 Firebase Data Connect 사전 체험판 프로그램에 가입하세요.

  • Firebase Genkit: 새 Firebase Genkit 프레임워크로 생성형 AI 앱을 빌드해 보세요. LLM 전반에 일관된 API를 제공하므로 생성형 AI 워크플로에서 얼마든지 정교한 확장이 용이합니다.

IDX 대시보드에서 템플릿 등을 사용할 수 있습니다.


무엇이든 몇 초 만에 열리는 IDX

사용자들은 SDK, 툴체인 등을 다운로드하고 설치하지 않아도 몇 초 만에 새로운 프레임워크 또는 프로그래밍 언어로 빌드를 시작할 수 있는 Project IDX에 대해 매우 만족한다고 밝혔습니다. 이제 일부 Google 개발자 문서, 샘플, 코드랩, 대화형 코딩 놀이터에 'IDX에서 열기' 버튼이 표시됩니다. 다음에 새로운 것을 시도하고 싶을 때 바로 종합적인 개발 환경으로 원활하게 뛰어들 수 있습니다.

Launch your project directly in IDX

이제 시작일 뿐

저희는 프로젝트 IDX에 새로운 기능을 추가하여 엔드 투 엔드 개발자 워크플로의능률화와 간소화를 위한 노력을 계속하고 있습니다. 새로운 커뮤니티 포럼에 참여하고 블로그에서 제품 발표와 업데이트를 통해 Project IDX의 최신 소식을 확인하세요.

기능에 대한 요청과 신고받은 버그를 해결하기 위해 항상 노력하고 있습니다. 여러분의 지속적인 지원과 참여에 감사드립니다! 버그 신고기능 요청에 대한 제안/투표를 통해 피드백을 계속 받아보세요.

앞서 언급한 기능에 대한 자세한 내용은 설명서 페이지를 참조하세요. 저희 웹사이트를 아직 방문하지 않으셨다면 이번에 방문하여 Project IDX를 사용해 보고 저희의 여정에 동참해 주세요.

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