IDX에서 Gemini와 채팅하기

Project IDX는 AI 지원 채팅봇을 통해 개발 워크플로를 지원합니다. IDX에서 Gemini의 채팅 지원 기능을 사용하기 전에 워크스페이스에 Gemini를 추가해야 합니다.

Gemini와의 대화형 채팅 시작하기

  1. Project IDX를 엽니다. 아직 추가하지 않았다면 워크스페이스에 Gemini를 추가합니다.

  2. 워크스페이스 하단의 Gemini 아이콘을 클릭하거나 Cmd+Shift+Space (ChromeOS, Windows 또는 Linux의 경우 Ctrl+Shift+Space)를 누릅니다. 양방향 채팅 사이드바가 표시됩니다.

대화형 채팅을 사용 설정하고 활성화하면 Gemini에게 질문하고 코드 추천을 받을 수 있습니다. Gemini는 프로젝트 구성 파일과 코드를 업데이트하고 작업공간 내에서 직접 터미널 명령어를 실행할 수도 있습니다. Gemini에서 다음 작업을 요청할 수 있습니다.

  • 파일 수정: Gemini는 기능을 추가하거나, 버그를 수정하거나, 코드를 리팩터링할 수 있습니다. Gemini에서 파일 변경을 제안하면 다음 두 가지 옵션이 표시됩니다.
    • 파일 업데이트: Gemini의 제안된 변경사항으로 파일을 직접 업데이트합니다.
    • 변경사항 검토: 제안된 변경사항을 적용하기 전에 다른 창에서 열어 검토합니다.
  • 터미널 명령어 실행: Gemini는 종속 항목 설치 또는 개발 서버 시작과 같은 명령어를 실행할 수 있습니다. Gemini가 이러한 명령어를 직접 제안할 수도 있고, Gemini에게 명령어를 실행해 달라고 요청할 수도 있습니다. Gemini에서 명령어를 제안하면 터미널 명령어 실행 버튼이 표시됩니다. 이 아이콘을 클릭하면 IDX 내 터미널에서 명령어를 실행할 수 있습니다. Gemini가 명령어를 실행하고 채팅 창에서 결과를 해석하여 다음 단계를 결정하는 데 도움을 줍니다.

대화형 채팅으로 복잡한 작업 완료하기

Gemini의 워크스페이스 인식과 파일을 수정하고 터미널 명령어를 실행하는 기능을 갖춘 대화형 채팅을 통해 Gemini는 다음과 같은 복잡한 개발 작업을 완료하는 데 도움을 줄 수 있습니다.

  • 코드 문서화: IDX의 Gemini는 '문서 작성'이라고 요청하면 코드에 적합한 형식으로 문서를 자동으로 생성할 수 있습니다. 변경사항을 검토하고 (필요한 경우 추가 프롬프트로 Gemini의 대답을 수정) 클릭 한 번으로 문서를 코드에 추가할 수 있습니다.
  • 테스트 사례 작성: IDX의 Gemini는 단위 테스트를 자동으로 업데이트하고 생성할 수 있습니다. Gemini에 '테스트 작성'을 요청하면 Gemini가 기존 단위 테스트 파일을 찾아 누락된 테스트를 파일에 추가할 수 있습니다. 기존 단위 테스트 파일을 찾지 못하면 단위 테스트가 자동으로 생성됩니다. 테스트를 검토하고 필요한 경우 추가 프롬프트를 사용하여 Gemini의 응답을 수정한 후 클릭 한 번으로 테스트 파일을 코드에 추가하거나 업데이트할 수 있습니다. 그런 다음 IDX에서 Gemini에게 테스트를 실행하도록 요청할 수 있습니다.
  • 종속 항목 관리: Gemini에 코드에서 누락된 종속 항목을 감지하고 채팅 인터페이스에서 직접 해결하도록 요청할 수 있습니다.
  • 코드 리팩터링: Gemini에게 함수 추출, 여러 파일에서 변수 이름 변경 등 코드 리팩터링을 요청할 수 있습니다. Gemini에서 제안된 변경사항 목록을 생성하고 변경사항을 검토하고 적용한 후 Gemini에 단위 테스트를 업데이트하고 실행하여 리팩터링을 확인하고 테스트가 계속 통과하는지 확인하도록 요청할 수 있습니다.
  • Docker 워크플로 생성 및 실행: 작업공간에서 Docker를 사용 설정한 경우 Gemini에 Dockerfile을 만들도록 요청하여 애플리케이션을 빠르게 컨테이너화할 수 있습니다 (예: '앱의 Dockerfile 만들기'). Gemini는 Dockerfile을 생성한 후 컨테이너를 빌드하고 실행할 수 있습니다.
  • 단위 테스트 및 통합 테스트 실행: Gemini에 특정 테스트 모음 (예: '단위 테스트 실행' 또는 '통합 테스트 실행')을 실행하도록 요청하여 테스트 실행을 시작할 수 있습니다. Gemini와의 대화형 채팅은 프로젝트에 적절한 명령어 (예: npm test 또는 특정 테스트 실행기 명령어)를 실행하고 채팅 인터페이스 내에 테스트 결과를 표시합니다.

Gemini Chat에서 슬래시 명령어 사용하기

슬래시 명령어(앞에 슬래시(/)가 있는 바로가기)를 사용하여 Gemini 채팅에서 제공하는 출력을 안내할 수 있습니다. Gemini 채팅 프롬프트 시작 부분에 /를 입력하고 사용 가능한 슬래시 명령어 목록에서 원하는 작업을 선택합니다.

예를 들어 /generate는 코드 스니펫을 생성하는 프롬프트 바로가기 역할을 합니다. /generate를 입력한 후 원하는 항목에 관한 간단한 설명을 입력합니다.

/generate css for a black background는 다음 코드 스니펫을 반환합니다.

body {
  background-color: black;
}

/* This CSS code sets the background color of the <body> element to black. This will make the background of the entire web page black. */

슬래시 명령어의 전체 목록을 보려면 대화형 채팅에 / 를 입력하세요.

채팅 대화목록 관리하기

Gemini 채팅에서 여러 대화목록을 시작하여 여러 주제를 구분할 수 있습니다. 그런 다음 주제별로 이전 대화목록을 다시 참고할 수 있습니다.

새 채팅을 시작하려면 다음 단계를 따르세요.

  1. 더하기 아이콘을 클릭하거나 채팅 헤더 막대의 드롭다운에서 새 채팅을 선택합니다.

  2. 프롬프트를 입력합니다.

채팅 대화목록이 펼쳐진 채팅 헤더 표시줄

다른 채팅 대화목록으로 전환하려면 다음 단계를 따르세요.

  1. 채팅 헤더 표시줄에서 채팅 대화목록이 있는 드롭다운을 펼칩니다.

  2. 액세스하려는 채팅 대화목록을 선택합니다.

  3. 해당 채팅 대화목록을 계속하거나 IDX에서 Gemini와의 이전 채팅을 참고하세요.

채팅 대화목록을 삭제하려면 다음 단계를 따르세요.

  1. 채팅 헤더 바의 채팅 대화목록 드롭다운에서 삭제하려는 채팅 대화목록을 선택합니다.

  2. 채팅 헤더 바에서 휴지통 아이콘을 클릭합니다. 채팅 대화목록을 삭제할 것인지 확인합니다.

채팅에서 코드 인용 보기

코드 추천을 확인하는 데 도움이 되도록 IDX는 원본 소스 및 관련 라이선스에 관한 정보를 공유합니다. Gemini 채팅 창에서 채팅 헤더 표시줄의 라이선스 로그 아이콘을 클릭하면 전체 코드 인용 로그를 볼 수 있습니다.

채팅 헤더 표시줄의 라이선스 로그 아이콘

Google 코드 인용에 대한 자세한 내용은 생성형 코드 지원을 참고하세요.