React 웹사이트를 번역하는 방법

웹 개발자를 위한 강력한 도구인 Reach 앱은 여러 언어로 현지화하는 데 있어 상당한 어려움에 직면해 있습니다. 웹 개발자는 콘텐츠와 사용자 인터페이스부터 오류 메시지와 탐색 메뉴에 이르기까지 웹사이트의 모든 요소를 번역하는 복잡한 프로세스로 인해 어려움을 겪는 경우가 많습니다. 이 작업은 언어 전반에 걸쳐 일관성과 정확성을 유지하고 로케일에 관계없이 사용자 경험이 원활하게 유지되도록 해야 하기 때문에 더욱 어려워집니다. 또한 인코딩 문제, 텍스트 방향 변경, 언어별 미묘한 차이 처리 등 현지화의 기술적인 측면을 관리하는 것은 시간이 많이 걸리고 오류가 발생하기 쉽습니다. 이러한 어려움은 지연, 비용 증가, 좌절로 이어질 수 있으므로 안정적이고 효율적인 현지화 솔루션을 찾는 것이 개발자에게 더욱 중요해집니다.

ConveyThis를 사이트에 통합하는 것은 빠르고 쉬우며 React도 예외는 아닙니다. 단 몇 분만에 ConveyThis를 React에 설치하고 필요한 다국어 기능을 제공하는 방법을 배우게 됩니다.

1 단계

ConveyThis.com 계정을 생성하고 확인하세요.

2 단계

대시 보드 (로그인해야 함)에서 상단 메뉴의 "도메인"으로 이동합니다.

3 단계

이 페이지에서 "도메인 추가"를 클릭합니다.

도메인 이름을 변경할 수 있는 방법이 없으므로 기존 도메인 이름을 잘못 입력했다면 삭제하고 새로 만드십시오.

완료되면 "설정"을 클릭하십시오.

*이전에 WordPress/Joomla/Shopify에 ConveyThis을 설치한 경우 도메인 이름이 이미 ConveyThis에 동기화되어 이 페이지에 표시됩니다.
도메인 추가 단계를 건너뛰고 도메인 옆에 있는 "설정"을 클릭하면 됩니다.

4 단계

이제 기본 구성 페이지에 있습니다.

웹사이트의 소스 및 대상 언어를 선택하십시오.

"구성 저장"을 클릭합니다.

5 단계

이제 아래로 스크롤하여 아래 필드에서 JavaScript 코드를 복사하십시오.

<!--ConveyThis 코드-->
<스크립트 소스="//cdn.conveythis.com/javascript/conveythis-initializer.js"></스크립트>
<스크립트 유형="텍스트/자바스크립트">문서.addEventListener("DOMContentLoaded", 기능(그리고) {ConveyThis_Initializer.열({API 키: "pub_xxxxxxxxxxxxxxxxxxxxxxxx"
    });
  });
</스크립트>
<!--끝 ConveyThis 코드-->

*나중에 설정에서 일부 변경을 원할 수 있습니다. 이를 적용하려면 먼저 해당 변경 사항을 적용한 다음 이 페이지에서 업데이트된 코드를 복사해야 합니다.

*WordPress/Joomla/Shopify의 경우 이 코드가 필요하지 않습니다. 자세한 내용은 해당 플랫폼의 지침을 참조하십시오.

6 단계

스크립트는 app.conveythis.com의 패널에서 제공되며

7단계

Сonvey이 플러그인을 사용할 준비가 되었습니다.