Bubble.io에서 다국어 앱을 어떻게 만드는지?

답변: 1단계: 다국어 지원 초기화
Bubble.io에서 다국어 지원은 '앱 텍스트'(응용 프로그램 텍스트 및 메시지)로 시작됩니다. 이는 기본적으로 응용 프로그램 전체에서 사용되는 텍스트 문자열을 의미합니다. 이에는 버튼 레이블, 툴팁, 입력 필드 플레이스홀더 등이 포함될 수 있습니다.

2단계: 응용 프로그램 텍스트 지정
응용 프로그램 텍스트를 동적으로 작동하고 다른 언어에서 작동하게 하려면 이들 텍스트를 어떤 표현식에서든 사용할 수 있습니다. 예를 들어, 제출 버튼의 텍스트를 나타내는 'App text'라는 것이 있을 수 있습니다. 이러한 응용 프로그램 텍스트를 다국어 지원이 필요한 곳에서 자리 표시자로 사용하려고 할 것입니다.

3단계: 응용 프로그램 텍스트 편집
응용 프로그램 텍스트를 관리하려면 Bubble 편집기로 이동한 다음 설정으로 이동하고 마지막으로 언어를 선택합니다. 여기에서 사용자 정의 텍스트 문자열을 찾고 편집하거나, 이미 내장 번역이 있는 Bubble의 핵심 텍스트를 확인할 수 있습니다.

4단계: 번역 내보내기 및 가져오기
효율적인 번역 관리를 위해 Bubble은 모든 언어 문자열을 CSV 파일로 내보낸 다음 외부(번역가나 번역 소프트웨어를 사용해서)에서 번역하고 그 파일을 다시 Bubble로 가져올 수 있게 합니다.

5단계: 기본 언어 설정
언어 섹션에서 일반 설정을 사용하여 앱의 기본 언어를 설정합니다. 이것이 앱이 다른 언어 선호도가 지정되지 않은 경우에 사용할 대비 언어 입니다.

6단계: 사용자의 언어 선호도 결정
각 사용자의 언어 선호도를 저장할 사용자 데이터 유형에 필드를 할당합니다. 이 필드에는 유효한 IETF 언어 태그( 예를 들어, 미국 영어의 'en_us' 또는 프랑스의 프랑스어 'fr_fr' 등)가 포함되어야 합니다.

7단계: 언어 계층 구조 정의
앱이 어떤 언어를 표시할지 선택하는 방법을 결정합니다. Bubble은 URL에 "lang" 매개변수가 설정된 경우 이를 우선시한 다음, 사용자의 언어 선호도, 그 다음 애플리케이션의 기본 언어, 그리고 마지막으로 위의 사항이 없는 경우에는 영어를 기본으로 합니다.

8단계: 여러 언어 추가
다양한 언어를 지원하려면, 앱이 지원하려는 각 언어 코드에 대한 번역을 추가합니다. 각 번역에 고유한 식별자를 할당하여 앱 전체의 표현식에서 참조할 수 있습니다.

9단계: 동적 표현식 사용
텍스트 요소, 레이블, 조건부, 워크플로우에서 애플리케이션 텍스트를 동적 표현식으로 사용하여 앱이 필요한 곳에서 맞는 언어를 표시하도록 합니다.

10단계: 테스팅
마지막으로, 다국어 설정을 철저히 테스트합니다. 7단계에서 정의한 조건을 다르게 설정하고 올바른 언어 버전이 예정대로 표시되는지 확인하여, 사용자의 언어 선호도에 관계없이 사용자에게 원활한 경험을 제공하는지 확인합니다.