/No-Code Development Agency

Bubble.io에서 다국어 지원을 어떻게 만들 수 있나요?

Bubble.io에서 다국어 앱을 쉽게 만드는 방법을 찾아보세요. 오늘 당장 단계별 가이드를 따라 전 세계 사용자 경험을 향상시켜 보세요!

Matt Graham, CEO of Rapid Developers

Book a call with an Expert

Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.

Book a free No-Code consultation

Bubble.io에서 다국어 지원을 어떻게 만들 수 있나요?

Bubble.io에서 다국어 지원을 생성하면 사용자 경험을 크게 향상시킬 수 있으며, 앱이 글로벌 다양한 대상에게 적합하게 보일 수 있습니다. 다음과 같은 단계를 따라 Bubble.io 응용 프로그램에 다국어 지원을 설정하세요:

단계 1: 애플리케이션 텍스트 편집기에 접근
번역을 처리하기 위해 애플리케이션 텍스트 편집기를 열기로 시작합니다. 이를 위해 Settings로 이동하여 Languages 탭을 선택합니다.

단계 2: 애플리케이션의 기본 언어 설정
Languages 탭에서는 앱의 언어와 관련된 설정을 찾을 수 있습니다. 다른 언어 설정이 탐지되지 않는 경우 사용되는 언어인 앱의 기본 언어를 설정합니다. 이는 날짜 형식과 같은 위치 민감한 요소에도 영향을 미칩니다.

단계 3: 핵심 텍스트와 메시지 해석하기
핵심 텍스트에는 Bubble의 기능에 포함된 기본 텍스트 문자열이 들어 있습니다. 이는 오류 메시지와 같은 것들을 포함합니다. 이들은 이미 Bubble에서 제공하는 모든 사용 가능한 언어로 번역되어 있습니다. 이들을 Application texts and messages 섹션에서 찾고 필요한 경우 문자열 값을 수정할 수 있습니다.

단계 4: 사용자 정의 텍스트 추가 및 번역하기
사용자 정의 텍스트 문자열을 추가하려면 애플리케이션 텍스트 편집기에서 Add new text 버튼을 클릭합니다. 텍스트의 ID에 적절한 이름을 지정하십시오. 이는 앱의 동적 콘텐츠에 대한 참조가 됩니다. 지원하려는 각 언어에 대해 각 문자열을 번역합니다.

단계 5: 애플리케이션 텍스트 할당
동적 텍스트를 허용하는 모든 요소에 이들 애플리케이션 텍스트를 할당하십시오. 이들은 기본 값, 레이블, 툴팁 등과 함께 앱 전체에서 사용할 수 있습니다.

단계 6: 여러 언어 추가하기
적절한 언어 코드를 사용하여 여러 언어를 추가합니다. 이들은 미국 영어에 대한 en_us 또는 프랑스에서 사용되는 프랑스어에 대한 fr_fr과 같은 표준 IETF 언어 태그입니다.

단계 7: 사용자 언어 선호 설정 필드 지정
사용자가 선호하는 언어를 선택할 수 있도록 하려면 사용자 데이터 유형에 대한 사용자 정의 텍스트 필드를 만들어 각 사용자의 언어 선호 사항을 저장하십시오. 이 필드의 값이 반드시 Bubble에서 언어 드롭다운 메뉴에 있는 언어 코드 중 하나와 일치해야 합니다.

단계 8: 자동 언어 감지
Bubble은 URL 파라미터 (lang), 유효한 값이 설정된 경우 사용자의 언어 선호 사용자, 애플리케이션의 주 언어, 그리고 마지막으로 영어에 기본 설정하는 여러 요소를 기반으로 앱의 현재 언어를 결정합니다.

단계 9: 번역을 위한 내보내기 및 가져오기
번역 작업량이 많은 경우, 모든 언어 문자열을 CSV 파일로 내보내서 번역한 후 업데이트된 파일을 다시 Bubble로 가져올 수 있습니다. 이 과정에서 텍스트 ID나 CSV 파일 열을 변경하지 않는 것이 중요합니다.

단계 10: 다국어 기능 테스트
앱을 실행하고 다국어 기능을 테스트합니다. 사용자의 선택에 따라 언어가 전환되고 모든 번역이 올바르게 표시되는지 확인합니다.

새로운 기능과 콘텐츠를 앱에 추가할 때마다 번역과 언어 설정을 계속 업데이트하여 다국어 지원을 유지하도록 기억하십시오.

더 유용한 노코드 리소스 살펴보기

No-Code Tools Reviews

Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.

Explore

WeWeb Tutorials

Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.

Explore

No-Code Tools Comparison

Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.

Explore

By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Cookie preferences