[인턴일지] 0x03 웹사이트 번역 방법과 확인 방법

2024년 하기 계절학기 인턴십

회사: 창의적인 웹 디자인과 맞춤형 디지털 솔루션을 제공하는 IT 전문 기업
날짜: 2024.06.24 ~ 07.19
시간: P.M. 14:00 ~ P.M. 18:00

 

2024년 06월 26일 수요일

일지: 

 

학습: (노션 정리 내용)

웹사이트 번역 방법

웹사이트 번역기능의 딜레이 문제

1. 번역 API 사용

가장 흔한 방법은 Google Translate API나 Microsoft Translator API 같은 번역 API를 사용하는 것입니다. 이 방법은 다음과 같은 단계로 구현됩니다.

1. API 키 받기: 먼저, Google Cloud Platform 또는 Azure에서 번역 API를 사용하기 위한 키를 발급받습니다.
2. API 호출: 웹사이트의 텍스트를 API를 통해 번역합니다. 예를 들어, 사용자가 언어를 선택하면 해당 언어로 번역된 텍스트를 API로부터 받아옵니다.
3. 번역된 텍스트 표시: 번역된 텍스트를 웹 페이지에 표시합니다.

2. 다국어 지원 웹사이트 구축

웹사이트를 여러 언어로 직접 번역하여 다국어 지원을 제공할 수도 있습니다. 이 방법은 초기 설정이 다소 복잡하지만, 번역 품질을 높일 수 있습니다.

1. 다국어 콘텐츠 준비: 웹사이트의 모든 콘텐츠를 각 언어로 번역합니다.
2. 다국어 파일 구조 설정: 번역된 내용을 관리하기 위해 파일 구조를 설정합니다. 예를 들어, 각 언어별로 폴더를 만들어 번역된 파일을 저장합니다.
3. 언어 선택 기능 추가: 사용자가 언어를 선택할 수 있도록 웹사이트에 언어 선택 기능을 추가합니다.
4. 서버 설정: 각 언어에 맞는 콘텐츠를 제공하기 위해 서버를 설정합니다.

3. 번역 플러그인 사용

많은 콘텐츠 관리 시스템(CMS)은 다국어 지원을 위한 플러그인을 제공합니다. 예를 들어, WordPress에서는 WPML이나 Polylang 같은 플러그인을 사용할 수 있습니다.

1. 플러그인 설치: 원하는 번역 플러그인을 설치하고 활성화합니다.
2. 언어 설정: 플러그인 설정에서 지원할 언어를 추가합니다.
3. 콘텐츠 번역: 플러그인을 통해 각 페이지와 게시물의 번역본을 작성합니다.
4. 언어 전환 기능 설정: 사용자가 언어를 전환할 수 있도록 사이트에 언어 전환 기능을 추가합니다.

확인 방법

• 소스 코드 분석: 웹 페이지의 소스 코드를 확인하여 번역 관련 스크립트나 메타 태그를 찾습니다.
  • 브라우저에서 웹 페이지를 열고 Ctrl+U를 눌러 소스 코드를 봅니다.
  • Google Translate 또는 다른 번역 API 호출이 있는지 확인합니다.
  • 다국어 지원 플러그인이나 라이브러리의 사용을 식별합니다.
• 개발자 도구 사용: 브라우저 개발자 도구를 이용하여 네트워크 요청을 분석합니다.
  • 페이지 로드 중 발생하는 API 요청을 모니터링하여 번역 관련 요청을 식별합니다.
  • 콘솔에서 번역 관련 오류나 로그를 찾습니다.
• 언어 선택 기능 확인: 웹사이트의 언어 선택 기능을 직접 사용해 봅니다.
  • 선택한 언어에 따라 페이지가 어떻게 변하는지 확인합니다.
  • 페이지 리로드 없이 텍스트가 변환되는지, API 호출을 통해 번역된 텍스트를 가져오는지 확인합니다.

 

느낀 점: