AI와 함께 하는 차세대 웹 시대에 오신 것을 환영합니다. 개발자가 AI를 통해 어떻게 강력한 웹 환경을 더 쉽게 빌드할 수 있는지 알아보세요.
시작하기 미리보기 프로그램 가입

Chrome의 Gemini Nano

Chrome의 Gemini Nano로 실현할 수 있는 가능성을 새롭게 바꿔보세요.
Google은 Gemini 생태계의 가장 효율적인 모델인 Gemini Nano를 Chrome에 도입합니다.
클라이언트 측 AI는 데이터 개인 정보를 보호하고 지연 시간을 개선하는 동시에 사용자에게 강력한 모델을 제공합니다.
내장된 AI로 기능과 애플리케이션을 빌드하기 위한 요구사항을 알아봅니다.
Chrome에서 Gemini Nano와 함께 사용할 API 및 사용 가능 여부를 검토합니다.

기본 제공 AI API

오리진 체험판에 참여하여 프로덕션에서 이러한 API를 사용해 보세요.
시작하기
로컬 AI 모델을 사용하여 브라우저에서 실시간으로 텍스트를 번역합니다. 이제 사용자는 모국어로 참여할 수 있습니다.
Language Detector API를 사용하여 특정 텍스트에 사용된 언어를 식별합니다.
문장, 단락, 글머리기호 목록 등 다양한 길이와 형식의 다양한 유형의 요약을 생성합니다.
Chrome 확장 프로그램에서 Prompt API의 무한한 가능성을 살펴보세요.

AI를 사용하여 빌드

사용 사례를 해결합니다.
서버 측 생성형 AI를 사용하여 리뷰를 평가합니다. 추론은 서버에서 발생합니다.
사용자가 유용한 리뷰를 작성하는 데 도움이 되는 온디바이스 AI 솔루션을 살펴보세요.
Translator API로 글로벌 고객 지원을 강화하세요.
기기에서 모델을 캐싱하여 애플리케이션이 더 빠르게 실행되도록 지원합니다.
이 가이드에서는 언어 모델을 사용한 세션 관리를 위한 권장사항을 소개합니다.
브라우저 맞춤설정 및 웹 콘텐츠 제어 기능으로 탐색 환경을 개선하세요. AI로 한 단계 높은 확장 프로그램 빌드

권장사항

모델을 기기에 캐시하여 애플리케이션이 더 빠르게 실행되도록 합니다.
스트리밍의 정의와 AI 및 LLM에서의 작동 방식을 알아봅니다.
이러한 프런트엔드 권장사항을 사용하여 Gemini에서 스트리밍된 대답을 표시하세요.
Gemini Nano 프롬프트에 관한 디버깅 세부정보를 보려면 Chrome 내부 페이지를 사용하세요.

AI 및 Gemini Nano 뉴스

WebGPU의 새로운 기능 (Chrome 133)

Updated 2025년 1월 29일

unorm8x4-bgra 및 1개 구성요소 정점 형식이 추가되어 정의되지 않은 값으로 알 수 없는 제한을 요청할 수 있습니다. WGSL 정렬 규칙 변경, 삭제로 인한 WGSL 성능 향상 등도 있습니다.

WebGPU의 새로운 기능 (Chrome 132)

Updated 2025년 1월 8일

텍스처 뷰 사용, 32비트 부동 소수점 텍스처 혼합, GPUDevice adapterInfo 속성, 잘못된 형식으로 캔버스 컨텍스트 구성 시 JavaScript 오류 발생, 텍스처의 샘플러 제한 필터링, 확장된 하위 그룹 실험, 개발자 환경 개선, 16비트 정규화된 텍스처 형식의 실험적 지원 등

WebGPU의 다음 단계

Updated 2024년 11월 21일

웹용 GPU 워킹 그룹 회의에서 논의된 새로운 AI 및 렌더링 기능에 대해 알아보세요.

개발자 생산성

DevTools에서 Gemini와 채팅하세요. 이 패널에서 시작하는 대화에는 검사 중인 페이지의 기술적 세부정보에 관한 컨텍스트가 포함됩니다.
AI 지원 패널을 사용하여 웹사이트의 전체 레이아웃, 특정 요소 스타일을 이해하고 AI 생성 CSS 버그 수정을 확인하세요.
레이아웃 이해부터 비행기 수정까지, 더 쉽게 페이지 스타일을 지정할 수 있는 5가지 방법을 확인해 보세요.
콘솔을 사용하여 온디바이스 AI의 결과를 보고 디버그하세요.

Built-in AI Challenge 수상자

기본 제공 AI 챌린지 수상자의 작품에서 기본 제공 AI에 대한 아이디어를 얻어 보세요.
모든 수상자
일상적인 소규모 작업의 프롬프트를 만들고, 수정하고, 삭제할 수 있는 동적이며 가벼운 검색창입니다.
아이디어 얻기
읽기 장애, ADHD, 난독증이 있는 사용자를 지원하도록 웹 콘텐츠를 조정합니다.
아이디어 얻기
WordPress 블록 편집기에 AI 지원을 추가합니다.
아이디어 얻기

WebGPU

고급 GPU 기능에 대한 액세스를 제공하는 웹 그래픽 API인 WebGPU로 AI 활동을 지원하세요.
Chrome에서 WebGPU의 최신 업데이트를 확인합니다.
문서 읽기
Chrome의 WebGPU를 살펴보고 GPU에서 일반 계산을 위한 최고 수준의 지원을 받으세요.
문서 읽기
WebGPU로 GPU에 액세스하는 방법을 알아봅니다.
문서 읽기
실제 브라우저 환경에서 클라이언트 측의 브라우저 기반 AI 모델을 테스트하는 방법을 알아보세요.
문서 읽기
Chrome에서 WebGPU가 작동하지 않거나 예상대로 작동하지 않는 이유와 해결 방법을 알아봅니다.
문서 읽기
MDN에서 API 참조를 찾아보세요.
MDN 방문

WebAssembly

Chrome으로 웹페이지에서 고성능 애플리케이션 사용
AI 추론에 일반적으로 사용되는 작업을 위해 WebAssembly의 개선사항을 알아보세요.
문서 읽기
TensorFlow.js Wasm 백엔드 WASM 백엔드에 대해 알아보고 XNNPACK 라이브러리를 사용하여 신경망 연산자를 최적화하는 방법을 알아보세요.
문서 읽기
ONNX 런타임 웹을 프로덕션 환경에 배포하는 방법과 애플리케이션에 포함할 WebAssembly 바이너리 파일을 알아보십시오.
문서 읽기

웹 AI 소개

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