콘솔 및 소스에서 코드 생성

Gemini를 사용하여 콘솔 및 소스 패널에서 코드를 생성합니다.

Chrome 147부터 이 기능은 웹페이지의 모든 텍스트 기반 리소스에 사용할 수 있습니다. 코드 생성의 우선순위 언어는 JavaScript입니다.

콘솔 및 소스 패널의 코드 생성 기능

가용성

DevTools에서 사용 가능한 AI 기능을 사용하려면 다음을 확인하세요.

  • 만 18세 이상이며 지원되는 위치에 거주해야 합니다.
  • 최신 버전의 Chrome을 사용하고 있습니다.
  • Google 계정으로 Chrome에 로그인되어 있어야 합니다.
  • DevTools의 설정 > 환경설정 > 모양 > 언어에서 영어 (미국)이 선택되어 있어야 합니다.
  • DevTools에서 설정 > AI 혁신을 사용 설정했습니다.

코드 생성 사용 설정

코드 생성을 사용 설정하려면 DevTools > 설정 > AI 혁신으로 이동하여 코드 제안을 사용 설정합니다.

설정의 코드 제안 기능 전환 - AI 혁신

콘솔 또는 소스 패널에서 바로 코드 생성을 사용 설정하려면 다음 단계를 따르세요.

  1. 소스 파일을 수정하거나 콘솔에 입력하는 동안 Mac에서는 Command + i를 누르고, 이 바로가기에서 i는 소문자입니다.

    단축키를 사용하여 소스 및 콘솔에서 코드 추천을 사용 설정합니다.

  2. 대화상자 창에서 고려사항을 읽고 확인을 클릭합니다.

    '고려사항' 대화상자 창

코드 생성

콘솔 또는 소스 패널에서 코드를 생성하려면 다음 단계를 따르세요.

  1. 코드 주석에 프롬프트를 입력합니다(예: // Loop to check all img elements for valid alt attributes).

    JavaScript 주석의 코드 생성 프롬프트

  2. 생성을 시작하려면 Mac에서 Command + i를 누르거나 Control + i를 누릅니다. 이 바로가기에서 i는 소문자입니다.

  3. 코드 생성이 완료될 때까지 기다립니다. 몇 초 정도 걸릴 수 있습니다.

  4. Tab 또는 Enter 키를 눌러 생성된 코드 블록을 수락하고 Esc 키를 눌러 거부합니다.

    생성된 코드 블록을 수락하거나 거부합니다.

참고 항목