콘솔 통계: Gemini로 오류 및 경고를 더 잘 이해

Yang Guo
Sofia Emelianova
Sofia Emelianova
GitHub
Jecelyn Yeen

오류 및 경고를 더 잘 이해할 수 있도록 Gemini에 DevTools 콘솔에서 바로 유용한 정보를 제공해 달라고 요청하세요.

데이터가 사용되는 방식 및 알려진 문제도 참고하세요.

요건

Console 통계 기능을 사용하려면 다음 사항을 확인하세요.

DevTools에서 'AI로 콘솔 메시지 이해'를 사용 설정합니다.

DevTools를 열고 settings Settings로 이동합니다. 환경설정 > 콘솔에서 AI로 콘솔 메시지 이해 check_box를 사용 설정합니다.

위치 설정 중...

'AI로 콘솔 메시지 이해' 설정

체크박스를 선택할 수 없는 경우 정보 정보 아이콘은 하나 이상의 요구사항이 충족되지 않았음을 나타냅니다. 아이콘 위로 마우스를 가져가면 자세한 내용을 확인할 수 있습니다.

콘솔 메시지에 대한 설명 보기

설명을 보려면 Chrome에서 다음 단계를 따르세요.

  1. 이 데모 페이지를 방문하세요.
  2. DevTools를 열고 페이지를 검사합니다.
  3. 콘솔을 열어 콘솔 메시지를 검사합니다.

  4. 데모 페이지에서 검색창 안을 클릭합니다. 드롭다운 메뉴를 가져올 수 없으며 콘솔에 오류가 표시됩니다.

    드롭다운 메뉴를 가져오지 못하는 경우 콘솔에서 발생하는 오류입니다.

  5. CORS 오류 메시지 위로 마우스를 가져갑니다. 전구 불꽃이 일어납니다. 이 오류 이해하기 버튼이 오류 메시지 오른쪽에 표시됩니다.

    '오류 이해하기' 버튼

  6. 대화상자를 표시하려면 전구 불꽃이 일어납니다. 이 오류 이해하기를 클릭합니다.

    이 기능을 처음 사용하는 경우 ...

    1. 개인정보처리방침을 읽고 Google에서 사용자의 데이터를 사용하는 방식을 알아보고 다음을 클릭합니다. 개인정보처리방침이 포함된 대화상자입니다.

      여기에서 대화상자를 취소하거나 설정에서 이 기능을 사용 중지할 수도 있습니다.

    2. 다음에 표시되는 대화상자 창에서 법적 고지를 읽고 알아야 할 사항을 알아보세요. 관련 서비스 약관에 동의하려면 check_box 체크박스를 선택하고 계속을 클릭합니다. 법적 고지가 포함된 대화상자

      설정에서 뒤로 또는 이 기능 사용 중지로 이동할 수도 있습니다.

  7. 대화상자 창에서 Google로 어떤 데이터가 전송되는지 확인합니다. 새 탭에서 데이터를 보려면 해당 링크를 클릭하세요.

    설명을 보려면 계속을 클릭합니다.

    전송할 데이터가 있는 대화상자입니다.

  8. 몇 초 후 콘솔 오류 아래에 설명이 표시됩니다.

    오류에 대한 AI 생성 설명입니다.

설명이 만족스럽지 않다고 생각되면 대신 검색 사용을 클릭하여 새 탭에서 오류 검색결과가 표시되도록 할 수 있습니다.

의견을 주시면 대단히 감사하겠습니다. thumb_up 또는 thumb_down 버튼을 클릭하면 이 기능을 지속적으로 개선하는 데 도움이 됩니다.

데이터 사용 방식

이 고지와 개인정보처리방침에는 Chrome DevTools가 데이터를 처리하는 방식이 설명되어 있습니다. 주의 깊게 읽어보시기 바랍니다.

Chrome DevTools는 콘솔 메시지, 연결된 스택 트레이스, 관련 소스 코드, 연결된 네트워크 헤더를 입력 데이터로 사용합니다. 메시지 이해하기를 사용하면 Google에서 이 입력 데이터, 생성된 출력, 관련 기능 사용 정보, 사용자 의견을 수집합니다. Google은 이 데이터를 사용하여 Google 제품 및 서비스, 머신러닝 기술(Google Cloud와 같은 Google의 기업용 제품 포함)을 제공, 개선, 개발합니다.

품질 관리 및 제품 개선을 위해 검토자가 위에 언급된 입력 데이터, 생성된 출력, 관련 특성 사용 정보, 의견을 읽고, 주석을 달고, 처리할 수 있습니다. 프롬프트나 의견에 기밀 정보 등의 민감한 정보나 본인 또는 다른 사람을 식별하는 데 사용될 수 있는 개인 정보를 포함하지 마세요. 사용자의 데이터는 누가 제공했는지 Google에서 알 수 없는 방식으로 저장되고, 더 이상 삭제 요청을 처리할 수 없으며, 최대 18개월 동안 보관됩니다. 조직에서 Google 계정을 관리하는 경우 Google에서 제품 개선을 위한 데이터를 수집하지 않을 수 있습니다.

메시지의 이해를 위해 다음 사항에 유의하세요.

  • Chrome DevTools는 콘솔 메시지, 연결된 스택 트레이스, 관련 소스 코드, 연결된 네트워크 헤더를 사용하여 답변을 제공합니다.
  • Chrome DevTools는 실험용 기술을 사용하므로 Google의 관점을 반영하지 않는 부정확하거나 불쾌감을 주는 정보를 생성할 수 있습니다. 응답에 투표하면 이 기능을 개선하는 데 도움이 됩니다.
  • 이 기능은 실험 단계이며 향후 변경될 수 있습니다.
  • 생성된 코드 스니펫을 사용할 때는 주의하세요.

이 기능을 사용하려면 이 메일 이해하기의 사용에 Google 서비스 약관이 적용된다는 점에 동의해야 합니다.

알려진 문제

Chrome DevTools는 Google의 대규모 언어 모델을 사용하여 설명을 생성합니다. 대규모 언어 모델(LLM)은 새롭고 활발한 연구 분야입니다. LLM이 생성하는 대답은 때때로 의심스럽거나 완전히 틀리기도 합니다. 결과가 부정확하거나 오해의 소지가 있을 수 있으므로 항상 다시 한번 확인하세요.

잘못된 설명

LLM은 그럴듯하고 그럴듯하게 들리는 콘텐츠를 생성합니다. 대부분의 경우 이 콘텐츠에는 관련 맥락에서 오류나 경고를 이해하는 데 도움이 되는 진실하고 유용한 정보가 포함되어 있습니다. 최신 웹 개발 및 디버깅은 높은 수준의 복잡성을 수반하는 어려운 기술로, 능숙하려면 수년의 경험이 필요합니다. LLM의 대답이 설득력이 있지만 실제 웹 개발자에게는 혼동을 야기하거나 무의미한 경우가 있습니다. Google에서는 생성된 통계의 품질과 정확성을 지속적으로 개선하기 위해 최선을 다하고 있습니다. 잘못된 설명이 발견되면 의견을 제출해 주시면 됩니다.

프롬프트 인젝션

많은 LLM 애플리케이션이 프롬프트 삽입으로 알려진 악용 유형에 취약합니다. 이 기능도 다르지 않습니다. LLM이 개발자가 의도하지 않은 명령을 수락하도록 속일 수도 있습니다.

무해한 다음의 예를 참고하세요.

프롬프트 삽입의 예