콘솔 및 소스에서 코드 생성

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

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

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

가용성

DevTools에서 사용 가능한 AI 기능을 사용하려면 다음을 충족해야 합니다.

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

코드 생성 사용 설정

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

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

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

  1. 소스 파일을 수정하거나 콘솔에 입력하는 동안 Mac에서는 Command + i를 누르고 Control + 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 키를 눌러 거부합니다.

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

참고 항목