웹사이트 및 웹 애플리케이션을 위한 AI 솔루션을 찾아 빌드하세요.
로컬 모델로 AI 작업을 실행하는 브라우저에 내장된 작업 기반 API를 살펴봅니다.
사이트가 AI 에이전트의 안정적인 작업을 지원할 수 있도록 WebMCP 도구를 만듭니다.
Wasm, WebGPU, WebNN으로 컴퓨팅 및 모델 성능을 개선합니다.
과정

평가 (또는 eval)는 AI 기능에 대한 테스트입니다. 견고한 평가 파이프라인을 만들면 LLM 기반 기능이 사용자에게 잘 작동합니다. 그러면 확신을 가지고 기능을 제공할 수 있습니다.

이 과정에서는 LLM을 심판으로 사용하는 패턴을 사용하여 주관적 품질을 측정하고, 최소한의 설정으로 심판을 만들고, 최고 도메인 전문가처럼 생각하는 커스텀 심판을 개발하는 고급 기법을 알아보는 방법을 배웁니다. 빌드 시간과 프로덕션에서 평가를 실행하여 회귀를 조기에 포착할 수 있습니다.

브라우저에서 로컬로 추론 실행

브라우저에 내장된 기반 모델 및 전문가 모델을 비롯해 웹에서 AI 기반 기능을 빌드합니다.
내장된 AI로 기능과 애플리케이션을 빌드하기 위한 요구사항을 알아봅니다.
Chrome의 내장 AI와 함께 사용할 API와 사용 가능 상태를 검토합니다.
브라우저 지원에 대한 걱정 없이 기본 제공 AI 태스크 API 폴리필을 사용하여 AI 기능을 빌드하세요.
Chrome의 내장 AI로 빌드하기 위한 권장사항을 알아보세요.
더 빠른 추론을 위해 브라우저에서 모델을 캐시하는 방법을 알아보세요.
API를 사용하려면 먼저 기본 모델을 다운로드해야 합니다. 이러한 다운로드를 실행하는 데 필요한 시간을 사용자에게 항상 알립니다.

WebMCP를 사용한 안정적인 에이전트 호출

WebMCP는 AI 에이전트가 사이트에서 속도, 안정성, 정확성을 높여 작업을 실행할 수 있도록 구조화된 도구를 노출하는 표준 방법을 제공하는 것을 목표로 합니다.
1단계

사이트는 에이전트가 WebMCP 도구로 취할 수 있는 작업을 선언합니다. 각 도구에는 이름, 설명, JSON 스키마가 있습니다.

// Imperative API
document.modelContext.registerTool({
  name: "bookSlot",
  title: "Book a consultation slot",
  description: "Reserve a 30-minute consultation.",
  inputSchema: {
    type: "object",
    properties: {
      date:  { type: "string", format: "date" },
      time:  { type: "string" },
      name:  { type: "string" },
      email: { type: "string", format: "email" }
    },
    required: ["date", "time", "name", "email"]
  },
  annotations: { readOnlyHint: false },
  execute: async (input, client) => {
    return await api.book(input);
  }
});
2단계

브라우저는 페이지의 URL, 제목, 출처 권한 범위와 함께 이러한 도구를 사용자의 WebMCP 인식 에이전트에 수집하여 표시합니다.

사이트가 브라우저에 말하면 브라우저가 에이전트를 위해 번역합니다.
3단계

에이전트가 계약을 확인하고 구조화된 인수를 제공하면 코드가 나머지 작업을 실행합니다. 사용자는 권한 및 확인을 위해 계속 참여합니다. 추측은 이제 그만

// the agent's view
{
  "tool": "bookSlot",
  "arguments": {
    "date": "2026-07-31",
    "time": "14:00",
    "name": "Jerry Jones",
    "email": "jerry.jones@example.com"
  }
}

컴퓨팅 및 모델 성능 개선

AI 추론에 일반적으로 사용되는 작업을 위한 WebAssembly 개선사항에 대해 알아봅니다.

Chrome에서 WebGPU를 살펴보고 GPU의 일반 계산에 대한 최고급 지원을 받으세요.

WebNN API를 사용하여 브라우저에서 머신러닝 작업을 실행합니다.

과정

회사 지침이나 열정으로 인해 AI를 위한 AI는 유용하지 않습니다. 최고의 기능은 사용자 요구사항에서 비롯되며 제공하는 가치로 측정됩니다.

이 과정에서는 애플리케이션이 기술의 약속을 이행할 수 있도록 책임감 있고 사용 가능하며 가치 있는 AI 시스템으로 웹 애플리케이션을 빌드하는 방법을 알아봅니다.

코딩 지원

AI 코딩 에이전트가 최신 고성능 환경을 생성하도록 안내하는 기술을 다운로드하세요.
DevTools에서 Gemini와 채팅하세요. 이 패널에서 시작하는 대화에는 검사 중인 페이지의 기술적 세부정보에 관한 컨텍스트가 포함됩니다.
콘솔을 사용하여 온디바이스 AI의 결과를 보고 디버그하세요.

Google Cloud팀 만나보기

Chrome 웹 개발자 관계팀과 기본 제공 AI PM이 기본 제공부터 WebMCP까지 웹 및 AI에 관해 채팅할 수 있습니다. 아시아, 유럽, 아메리카에 담당자가 있습니다.

AI 및 Gemini Nano 뉴스

웹 AI 소개

AI라고도 하는 다양한 신기술의 기본사항과 정의를 이해합니다.
웹 실무자로서 우리는 새로운 기술을 신중하고 책임감 있게 구축하는 것이 중요합니다.
낮은 지연 시간, 감소된 서버 측 비용, 향상된 사용자 개인 정보 보호 등의 이점을 제공하는 클라이언트 측 AI를 사용하는 기법을 알아보세요.