LanguageDetector
글을 알아보는 AI 3종
해결하는 문제
글의 언어, 감정, 뜻을 서버 없이 판단하고 싶다.
언어 감지(한국어 포함 110여 개), 영어 문장 감정 분류, 영어 문장 뜻 비교를 기기 안에서 실행합니다.
서버 의존도
외부 라이브러리나 AI 모델을 CDN에서 받아 옵니다. 서버는 필요 없고, 오프라인용은 ./libs/에 넣어 둡니다.
브라우저만브라우저 + CDN브라우저 + API 키브라우저 + 엣지 함수서버 필요
데이터가 흐르는 길
무엇이 들어와서 브라우저 안에서 어떻게 바뀌어 나가는지 정리했습니다.
들어오는 것문장
브라우저가 하는 일언어 확률, 긍정·부정 점수, 문장 임베딩 계산
나오는 것언어 이름, 감정, 비슷한 문장 순위
쓰는 브라우저 기술
TextEncoderDOM
라이브러리와 모델
MediaPipe Tasks Text (로컬 우선 로딩)language_detector, bert_classifier, universal_sentence_encoder
바꿀 수 있는 옵션
- maxResults
- 유사도 비교 대상 문장 목록
자주 막히는 곳
- 감정 분류와 문장 임베딩 모델은 영어 문장용이다
- 아주 짧은 글은 언어 판정이 흔들린다
이 능력으로 만들 수 있는 서비스
같은 기술을 AI 서비스, 웹 서비스, 피지컬 AI로 넓힌 예시입니다.
AI 서비스
- 문의 글 자동 분류
웹 서비스
- 다국어 안내 페이지 언어 자동 전환
피지컬 AI
- 음성 받아쓰기 결과를 언어별로 분류
넓히는 방법
- 다국어 민원 자동 분류
- 자주 묻는 질문 검색 (영어)
지원 브라우저
PC 크롬·엣지된다
맥 사파리된다
안드로이드 크롬된다
아이폰 사파리된다
코딩 에이전트에게 줄 프롬프트
복사해서 Claude, Codex, Cursor 같은 코딩 에이전트에 그대로 붙여 넣습니다.
MediaPipe LanguageDetector로 입력한 글이 어느 나라 말인지 확률과 함께 보여주는 웹페이지를 만들어줘.
같은 분류의 능력
04 브라우저 속 AI에 속한 다른 능력입니다.
무료로 보는 것
체험 페이지, 한 줄 설명, 미리보기 영상
스킬팩 구성
full.html, skill.md, prompt.md, rules.md, customize.md, troubleshooting.md, 예시 데이터, agent-instructions.md