웹마스터 팁

  2. Support
  3. 웹마스터 팁

구글 번역기 API

2008.10.29 15:39

유비키리

구글에서 번역기 api를 공개했네요.

자세한 내용은 여기서 참고하세요. (영문페이지)

사용법:

<head> 안에서

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
스크립트 불러오시고

google.load("language", "1");
이 한줄 실행 한 뒤에


google.language.translate("Hello world", "en", "es", function(result)
{
  if (!result.error)
  {
    var container = document.getElementById("translation");
    container.innerHTML = result.translation;
  }
});
이렇게 사용하면 된답니다.


넘겨줄 인자는 google.language.translate("번역할 글", "번역대상언어", "번역후언어", 처리용 함수); 이구요
번역대상언어를 "" 이렇게 비워두시면 자동으로 detect해서 번역합니다.


일정 길이 이상 넘어가면 번역이 되는군요.

품질이 그다지 뛰어나지는 않지만 재미는 있네요.


제가 만든 예제를 보시려면 여기를 클릭하세요.


코드를 이용한 상세 설명

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
<head>
<title>구글번역기 예제</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
  function translate()   // 버튼을 눌렀을 때 작동할 함수
  {
    var text = document.getElementById("body").innerHTML;   // div#body 안에 있는 내용을 text 변수에 저장
    google.language.translate(text, "en", "ko", function(result){
        document.getElementById("caption").value=result.translation;  // 번역기 요청후, 결과를 #caption에 보여주기.
    });
  }
  google.load("language", "1");  // 구글 번역기 로딩.
</script>
</head>
<body>
<div id="body">Hello. Nice to meet you. This is the google translator.</div>
<textarea id="caption" style="width:400px;height:150px;">google translator</textarea>
 
<input type="button" value="번역하기" onclick="translate();" /> 이 버튼을 누르면 번역이 됩니다.
</body>
</html>



 

이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
게시글을 삭제하면 해당 글 내부에 첨부된 첨부파일이 서버에서 사라지지 않는 버그 수정법 [6] sejin7940 2015.01.05
XE 쉬운설치에 sftp 이용하기 [6] 비나무 2011.03.15
화일첨부 디렉토리의 빈 폴더 삭제... [13] 카르마 2012.01.20
사이트 잠금 수동으로 풀기 StyleRoot 2015.01.07
사용자정의 기준 정렬과 사용자정의 검색이 동시에 작동하도록 기능 개선 [2] sejin7940 2015.01.06
phpmyadmin 설치뒤 setup 스크립트는 삭제해야 [1] YJSoft 2014.11.12
게시판 최초 정렬을 사용자정의(확장변수) 기준으로 설정 가능하게 하는 방법 [8] sejin7940 2014.01.20
모바일레이아웃을 사용하되 모바일 게시판 스킨을 선택하지 않고 일반 게시판 스킨을 사용하는 방법 [4] sejin7940 2014.02.04
폰갭 alert하기 file 지인에드컴 2015.01.01
정규식으로 소수 찾기 [4] 신평 2014.12.31
구글 접속이 어려운 지역에서 홈페이지 속도 저하 관련 [2] 상해파 2014.12.31
확장변수 정렬 방법 아름다운청년1 2014.12.31
게시판DX 포인트 설정값이 0인 게시물 경고창 뜨지않도록 꾸링 2014.12.31
본문 내부의 이미지를 썸네일화 시키지 못하는 버그 해결법 [11] sejin7940 2012.07.19
관리자 페이지 날짜 검색과 스크랩. [1] 무얼까2 2014.12.24
추천인 표시 [11] socialskyo 2013.10.17
XE 템플릿에서 $_SESSION 변수 사용하기 신평 2014.12.21
심플한 XML 플래시 이미지 갤러리 [7] file maxtabby 2010.12.21
CSS 코드를 손쉽게 prefix/minify 변환해주는 사이트 file sojumeister 2014.12.18
1.7.4 용 youtube, vimeo, ted 썸네일 적용 document.item.php 수정방법 [9] file 남자인간 2014.02.17
태그 쓰기