# Web Translator API - 브라우저에서 로컬 번역하기

> Clean Markdown view of GeekNews topic #21670. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=21670](https://news.hada.io/topic?id=21670)
- GeekNews Markdown: [https://news.hada.io/topic/21670.md](https://news.hada.io/topic/21670.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2025-06-27T10:11:02+09:00
- Updated: 2025-06-27T10:11:02+09:00
- Original source: [developer.chrome.com](https://developer.chrome.com/docs/ai/translator-api?hl=ko)
- Points: 9
- Comments: 3

## Summary

**Translator API**는 브라우저 내에서 **AI 번역 모델**을 직접 활용해 서버 요청 없이 실시간 **로컬 번역**을 구현합니다. 개발자는 **번역 언어 지정** 및 **문자열/스트림 번역 방식**을 자유롭게 설정하며, 쿼터 사용량도 직접 확인할 수 있습니다. 현재 **크롬** v138 이상에서만 사용 가능하므로, 실제 서비스 적용 전 **브라우저 지원 현황**을 반드시 검토해야 합니다.

## Topic Body

- **Translator API**는 브라우저내에 제공되는 **AI 번역 모델**을 활용하여 로컬 웹 번역 기능을 제공하는 **실험적 Web API**임  
  - 크롬 138 버전 이상부터 사용 가능   
- `sourceLanguage`, `targetLanguage` 등 주요 속성을 통해 **번역 언어 지정** 및 인스턴스 생성  
- `translate`, `translateStreaming` 등 메서드를 이용해 **문자열 혹은 스트림 방식 번역** 지원  
- `inputQuota`와 `measureInputUsage`로 번역 시 쿼터 사용량 확인 가능  
- 사용 예제 코드  
  ```javascript  
  if ('Translator' in self) {  
    // The Translator API 가 지원됨   
    const translator = await Translator.create({sourceLanguage: "en",  targetLanguage: "ko", });  
    console.log(await translator.translate(myTextString));  
    //스트림 방식 번역  
    const stream = translator.translateStreaming(myTextString);  
    let translation = "";  
    for await (const chunk of stream) {  
      translation += chunk;  
    }  
    console.log(translation);  
  }  
  ```  
- 아직 **브라우저 호환성**이 제한적이므로 프로덕션 사용 전 [호환성 테이블](https://developer.mozilla.org/en-US/docs/Web/API/Translator#browser_compatibility) 확인 필요  
  - 현재는 크롬만 지원   
  - Mozilla 의 경우는 [관련 PR](https://github.com/mozilla/standards-positions/issues/1015)이 있는데 이슈가 있어서 당분간은 지원 어려울듯

## Comments



### Comment 40725

- Author: dankim0124
- Created: 2025-06-28T21:38:43+09:00
- Points: 1

번역 기능은 항상좋아

### Comment 40689

- Author: blmarket
- Created: 2025-06-27T13:09:34+09:00
- Points: 2

브라우저 핑거프린팅의 꿀단지 될듯

### Comment 40688

- Author: carnoxen
- Created: 2025-06-27T13:07:49+09:00
- Points: 1

Firefox하고는 상황이 달라 표준이 되기 어려울듯