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

Chrome의 Gemini Nano

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

기본 제공 AI API

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

AI를 사용하여 빌드

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

AI 및 Gemini Nano 뉴스

개발자 생산성

DevTools에서 Gemini와 채팅하세요. 이 패널에서 시작하는 대화에는 검사 중인 페이지의 기술적 세부정보에 관한 컨텍스트가 포함됩니다.
AI 지원 패널을 사용하여 웹사이트의 전체 레이아웃, 특정 요소 스타일을 이해하고 AI 생성 CSS 버그 수정을 확인하세요.
레이아웃 이해부터 비행기 수정까지, 더 쉽게 페이지 스타일을 지정할 수 있는 5가지 방법을 확인해 보세요.
콘솔을 사용하여 온디바이스 AI의 결과를 보고 디버그하세요.
Chrome에 Gemini Nano를 도입하여 개발자가 서버 없이 웹 애플리케이션에 생성형 AI를 도입할 수 있습니다.
동영상 보기
클라이언트 측 AI는 민감한 정보를 보호하고 지연 시간을 개선하면서 기기 사용자에게 강력한 모델을 제공합니다. 실제 사용 사례를 살펴보고 클라이언트 측 AI가 적합한 경우를 알아보세요.
문서 읽기
WebAssembly 및 WebGPU 개선사항이 웹에서 머신러닝 성능을 개선하는 방법을 알아봅니다.
요약 보기
Google의 웹 AI 라이브러리와 모델 다운로드 횟수가 10억 회를 돌파했습니다. Google의 웹 AI 현황과 클라이언트 측에서 실행할 수 있는 생성형 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를 통해 상황에 맞는 결과를 대규모로 얻을 수 있는 기법을 살펴보세요.
문서 읽기