React Native에서 다국어 앱 다루기
게시 됨: 2021-06-23앱 사용자 기반이 새로운 국가로 확장됨에 따라 소비자가 항상 해당 언어로 앱을 사용할 수 있도록 하는 것이 중요합니다. 이는 언어가 항상 모든 비즈니스와 조직의 중요한 요소였다는 사실에서 비롯됩니다. 회사가 확장됨에 따라 종종 다른 도시, 주 및 국가에 진출하려고 합니다. 현지인의 요구 사항과 요구 사항을 충족하기 위해 현지화하는 것이 중요하며 여기에서 React Native가 작동합니다.
모바일 앱의 경우에도 상황은 다르지 않습니다.
이 기사에서는 먼저 React Native와 앱 현지화에 대해 배우고 React Native 현지화가 다국어 앱 관리를 어떻게 담당하는지, React를 사용하여 만든 다양한 유명 다국어 앱의 예와 함께 주요 이점과 단점을 살펴보겠습니다. 토종의.
리액트 네이티브란?
React Native(RN이라고도 함)는 기본적으로 렌더링된 iOS 및 Android 모바일 앱을 만들 수 있는 인기 있는 JavaScript 기반 모바일 앱 프레임워크입니다. 프레임워크를 사용하면 동일한 코드베이스를 사용하여 여러 플랫폼용 애플리케이션을 개발할 수 있습니다.
더 읽어보기: React를 사용한 서버 측 렌더링
2015년 Facebook은 React Native를 오픈 소스 프로젝트로 게시했습니다. 불과 몇 년 만에 모바일 개발 및 하이브리드 개발 솔루션 목록의 최상위에 올랐습니다.
소프트웨어 개발자의 42% 이상이 React Native를 사용하여 2020년에 가장 인기 있는 크로스 플랫폼 모바일 프레임워크 중 하나가 되었습니다. Instagram, Facebook, Skype와 같은 세계에서 가장 인기 있는 모바일 앱 중 일부는 React Native 로 구축되었습니다. React Native를 활용하는 회사는 코드를 한 번 작성하여 iOS 및 Android 앱 모두에 사용할 수 있습니다. 이는 상당한 시간과 자원 절약으로 이어집니다.
더 읽어보기: React Native vs Kotlin: 알아야 할 모든 것
네이티브 기능은 어떻게 반응합니까?
React Native 는 XML과 유사한 고유한 마크업 언어인 JXL과 JavaScript의 조합으로 구축되었습니다. 프레임워크는 JavaScript 기반 스레드와 기존 기본 앱 스레드의 두 가지 세계에서 스레드와 연결할 수 있습니다.
커뮤니케이션을 위해 React Native는 소위 "브리지"를 사용합니다. JavaScript와 네이티브 스레드는 완전히 별도의 언어로 생성되지만 React Native는 네이티브 및 Java와 같은 완전히 새로운 언어를 만드는 대신 양방향 통신을 실현 가능하고 기능적으로 만들기 위해 브리지를 사용합니다.
리액트 네이티브의 필요성
다국어 앱 개발을 위한 React Native Localization은 연구에 따르면 전 세계의 약 75억 인구 중 15억이 영어를 사용한다는 사실이 밝혀졌기 때문에 매우 빈번합니다. 이는 지구 인구의 20%에 해당합니다. 더욱이, 그러한 개인의 대다수는 타고난 영어 사용자가 아닙니다. 영어는 약 3억 6천만 명의 사람들이 사용하는 모국어입니다.
그 결과 75억 명 중 3억 6천만 명만이 영어에 능통합니다. 다른 사람들은 영어를 제2 또는 제3 언어로 사용합니다. 다른 언어에 대한 전체 시장은 영어 시장보다 훨씬 더 큽니다.
타겟 고객의 대부분이 영어를 사용하는 경우 영어를 사용하여 시장을 테스트하는 것이 좋습니다. 그러나 의도한 대상이 다른 언어를 사용하는 경우 개발자는 앱을 번역해야 합니다. 앱의 인기가 높아짐에 따라 현지 청중에게 서비스를 제공하기 위해 번역이 점점 더 필요하게 되었습니다.
사용자가 다른 언어를 배우지 않고도 다양한 앱을 활용할 수 있는 것은 매우 중요합니다. 소프트웨어 개발자는 스크립트를 작성하고 코드를 작성하는 동안 하이브리드 개발 및 기타 수정을 유도하여 사람들이 컴퓨터를 작동하고 모든 프로그램에 액세스하기 위해 사전에 영어를 배워야 한다는 개념을 버려야 합니다. 앱을 만들거나 비즈니스를 설립하는 데 대한 장벽이 점점 낮아지면서 다각화하는 가장 빠른 방법은 RNL(React Native Localization)과 같은 방법을 통해 앱 현지화를 사용하여 대상 고객의 언어로 번역을 제공하는 것입니다.
앱 현지화란 무엇입니까?
지리적으로 특정한 목표 시장에 어필하기 위해 하이브리드 개발 및 수정을 하는 행위를 앱 현지화라고 합니다. 개발자는 항상 모바일 앱 이 본사 및 국가 밖에서도 내부에서와 마찬가지로 매력적이고 사용하기 쉬운지 확인해야 합니다.
앱 현지화를 통해 측정 단위에서 통화 및 사용자에게 적합한 관용구에 이르기까지 다양한 언어를 사용하는 사용자의 요구에 맞게 앱을 조정할 수 있습니다. 또한 통계에 따르면 중국의 상위 25개 iPhone 앱 중 92%가 중국어로 사용됩니다. 다른 나라와 그들의 모국어도 마찬가지입니다.
따라서 모바일 앱이 전 세계 다양한 지역의 사용자에게 어필할 수 있도록 함으로써 개발자는 단일 국가에서는 결코 달성할 수 없었던 엄청난 성장 가능성을 창출합니다.
또한 성공적인 앱 현지화를 위해서는 다음을 포함하여 소프트웨어의 여러 구성요소를 수정해야 합니다.
- 언어를 올바르게 번역하고 다국어 앱 을 만듭니다.
- 해당하는 경우 기본 통화 변경
- 해당 장소의 시간과 날짜가 정확한지 확인합니다.
- 법적 문제의 차이 고려
- 적절한 언어 키보드 선택
React 네이티브 현지화란 무엇입니까?
RNL(React Native localization)은 소프트웨어 개발자가 텍스트를 번역하고 로케일별 구성 요소를 포함하여 주어진 영역 또는 언어에 대해 국제화된 애플리케이션을 조정할 수 있도록 하는 프로세스입니다. 개발자가 앱을 사용하는 특정 장소의 필요에 따라 특정 언어로 앱을 올바르게 번역하여 앱 현지화를 수행하고자 할 때 유용합니다.
React Native로 다국어 앱을 만들 때의 이점
다음은 React Native를 사용하여 다국어 앱 을 만드는 몇 가지 이유입니다.
- 코드 재사용성 – 크로스 플랫폼 개발
코드를 재사용할 수 있는 기능은 React Native의 가장 중요한 이점이며 앱이 다양한 플랫폼에서 성공적으로 작동할 수 있음을 보여줍니다. 이는 CEO와 제품 소유자가 정말 중요하게 생각하는 것입니다. 운영 체제용 코드를 재사용하기 위해 기본 프레임워크의 90%를 통합할 수 있습니다. 이는 개발자가 대부분의 코드를 재사용하여 다른 언어로 앱을 빌드할 수 있으므로 다국어 앱을 만드는 동안 이점이 있습니다.
- 강력한 개발자 커뮤니티
React Native는 개발자가 누구나 사용할 수 있는 프레임워크 개발에 전문성을 기여할 수 있는 오픈 소스 JavaScript 플랫폼입니다. 이를 통해 개발자는 문제가 발생하면 커뮤니티 지원을 받을 가능성이 높기 때문에 비교적 모호한 언어로 애플리케이션을 빌드하려고 할 때 지원을 찾을 수 있습니다. 코딩 능력 개발에 유익한 영향을 미칩니다.
- 비용 효율적
React Native 개발의 또 다른 장점은 비용 절감입니다. 이전에 언급했듯이 이는 개발자가 동일한 코드를 사용하여 iOS 및 Android용 다국어 앱을 만들 수 있기 때문입니다.
이는 코더와 개발자가 프로젝트를 완료하기 위해 두 개의 별도 iOS 및 Android 개발 팀을 참여시킬 필요가 없음을 의미합니다. 작은 팀이면 충분합니다. React Native로 앱을 빌드하는 비용은 플랫폼 간 개발을 지원하지 않는 언어로 앱을 개발하는 비용보다 상당히 낮습니다.
- 즉시 볼 수 있는 변경 사항
개발자는 새 버전으로 업그레이드하고 UI를 변경하면서 빠른 새로 고침을 사용하여 프로그램을 실행할 수 있습니다. 변경 사항을 즉시 볼 수 있으며 개발자는 전체 소프트웨어를 다시 빌드할 필요가 없습니다. 따라서 다국어 앱을 위해 한 언어에서 다른 언어로 이동할 때 개발자의 시간과 노력을 많이 절약할 수 있습니다.
여기에는 두 가지 중요한 이점이 있습니다. 시간 절약(프로그래머가 컴파일 시간을 절약하기 때문에)과 생산성 향상(앱에 변경 사항을 통합할 때 상태를 잃지 않기 때문)입니다.
- 사용자 인터페이스는 간단합니다
React Native 개발은 React JavaScript를 사용하여 앱의 인터페이스를 생성하므로 더 적은 로드 시간으로 더 빠르고 더 빠르게 응답할 수 있으므로 다국어 앱과 관련하여 전반적인 사용자 경험이 향상됩니다. 이 프레임워크는 반응형 사용자 인터페이스와 구성 요소 기반 접근 방식으로 인해 단순하고 복잡한 디자인의 앱을 만드는 데 이상적입니다.
- 빠른 성능
일부에서는 React Native 코드가 Swift 및 기타 애플리케이션을 통해 생성된 코드에 비해 모바일 앱 성능에 부정적인 영향을 미칠 수 있다고 주장합니다. JavaScript는 네이티브 코드보다 느리지만 육안으로는 그 차이를 감지할 수 없습니다. 이를 더 입증하기 위해 개발자는 동일한 성능 결과를 생성한 React Native 및 Swift로 개발된 기본 애플리케이션의 두 가지 버전을 비교하는 테스트를 실행하기로 결정했습니다. 다국어 앱을 개발할 때도 결과는 다르지 않았다.
- 향후 몇 년 동안에도 강력한 적용
프레임워크의 빠른 채택과 다국어 앱과 관련된 개발 문제를 해결하기 위한 직접적인 접근 방식을 고려할 때 크로스 플랫폼 앱을 위한 React Native의 미래는 밝습니다. 다음 부분에서 살펴볼 몇 가지 단점이 있지만 속도와 개발 용이성이 이를 보완합니다.
더 읽어보기: 2021년 상위 5가지 React UI 디자인 프레임워크
React Native로 다국어 앱을 만들 때의 단점
React Native로 다국어 앱을 만드는 데에는 두 가지 주요 단점이 있습니다. 다음과 같습니다.
- 사용자 정의 모듈이 누락되었습니다.
React Native가 나온 지 얼마 되지 않았지만 특정 사용자 정의 모듈은 개선해야 하거나 완전히 없어야 합니다. 즉, 하나의 코드베이스 대신 세 개의 코드베이스(React Native, iOS 및 Android용)를 실행해야 할 수도 있습니다.
다시 말하지만, 그것은 반복되는 일이 아닙니다. 새 앱을 처음부터 새로 만들거나 기존 앱을 해킹하지 않는 한 이러한 어려움을 겪을 가능성은 거의 없습니다.
- 호환성 및 디버깅 문제
이는 놀라운 일이 될 수 있지만, 결국 선도적인 기술 플레이어는 React Native를 사용합니다. 이는 아직 베타 버전입니다. 개발자는 패키지 호환성 또는 디버깅 도구와 관련하여 다양한 문제에 직면할 수 있습니다. 개발자가 React Native에 익숙하지 않은 경우 문제 해결에 시간을 낭비하게 되므로 개발에 약간의 영향을 미칠 수 있습니다.
더 읽어보기: React JS가 Angular 또는 Vue JS보다 나은 이유는 무엇입니까?
React Native로 만든 다국어 앱의 예
장점과 단점에 대해 논의했으므로 이제 React Native를 사용하여 만든 몇 가지 유명한 다국어 앱 을 살펴보겠습니다.
우버이츠
UberEats는 React Native로 구축된 모바일 앱 중 하나였습니다. 레스토랑, 배달 파트너 및 식당의 두 당사자가 아닌 세 당사자로 구성된다는 점에서 Uber 앱과 다릅니다.
이를 위해 식당도 설명할 수 있는 고유한 대시보드를 만들어야 했습니다. 주로 웹용으로 설계된 초기 대시보드는 레스토랑에 중요한 정보를 전송하는 용량을 제한했습니다. 또한 소리 알림과 같은 기본 장치 기능에 대한 액세스가 부족하여 사용자 경험에 해를 끼쳤습니다.
팀은 이미 React 개발에 대한 많은 전문 지식을 보유하고 있었지만 Android 및 iOS에 대한 친숙도가 충분하지 않았기 때문에 React Native를 선택하는 것은 어렵지 않았습니다. UberEats는 거대한 기술 스택을 사용하며 그 중 React Native는 사소한 구성 요소일 뿐입니다. 그러나 개발자는 제공할 수 있는 것에 만족하고 시장이 확장됨에 따라 요구 사항을 충족할 수 있을 것이라고 확신합니다.
월마트
미국 슈퍼마켓은 과감한 기술적 움직임으로 유명합니다. 그 중 하나는 React Native 에서 모바일 앱을 완전히 재구축하는 것이었습니다.
이전에는 Walmart 앱의 일부에 통합 웹 보기가 포함되어 있었는데 Walmart Labs에 따르면 이는 직원과 소비자 모두가 요구하는 수준에 미치지 못했습니다.
React Native로 전환한 후 iOS 및 Android 애플리케이션의 성능이 모두 네이티브 수준에 가깝게 크게 향상되었습니다. 코드베이스의 95%가 Android와 iOS 간에 공유되며 두 애플리케이션 모두 단일 팀에서 관리 및 개발합니다.
페이스북
Facebook은 이 프로그래밍 언어를 탄생시킨 이래로 가장 유명한 React Native 앱 중 하나이며 이 프로그래밍 언어 개발의 원동력입니다.
Facebook은 빠른 반복, 단일 제품 개발 팀 구성 등 온라인 개발의 모든 장점을 모바일로 가져오고자 했으며, 이것이 React Native가 탄생한 방식입니다. 원래 iOS 및 Android용 자체 광고 관리자 앱을 구축하기 위해 회사에서 활용했습니다.
인스 타 그램
Instagram은 WebView로 시작된 푸시 알림 보기로 시작하여 React Native 를 현재 기본 앱에 통합하기로 결정했습니다. 다행히도 UI가 없어도 작동할 수 있을 만큼 UI가 간단했기 때문에 탐색 인프라를 개발할 필요가 없었습니다. React Native를 사용하여 제품 팀은 개발자 속도를 85-99% 높일 수 있었습니다.
스카이프
React Native 모바일 앱의 또 다른 예는 Skype입니다. 2017년 Skype는 React Native를 기반으로 완전히 새로운 앱을 개발 중이라고 밝혔습니다. 이것은 이전 버전에 몇 가지 결함이 있었기 때문에 사용자들 사이에서 많은 열광을 불러일으켰습니다.
아이콘에서 검색, 채팅 및 캡처의 세 가지 토론 섹션이 포함된 새 메시지 레이아웃에 이르기까지 새 앱이 완전히 개편되었습니다. Skype를 소유한 Microsoft는 모바일 앱뿐만 아니라 플랫폼의 데스크톱 버전에서도 React Native를 사용하기로 결정했습니다.
결론
React Native는 프로젝트에 복잡한 인터페이스, 기본 기능에 대한 액세스가 필요하지 않거나 개발자가 단일 플랫폼용 다국어 앱 을 만들려는 경우 탁월한 선택입니다. 또한 React Native는 예산이 제한되어 있는 경우 인기 있고 적절한 대안입니다. 대체로 모든 사람이 사용할 수 있는 간단하고 쉽고 예산 친화적인 응용 프로그램입니다!
다국어 앱 개발 경험이 있는 React Native 전문가의 도움으로 Creole Studios는 고객에게 최고의 서비스와 시설을 제공하기 위해 노력합니다. 앱 개발에서 웹용 시스템 개발에 이르기까지 저희가 모두 합니다. 따라서 React Native를 사용하여 서비스를 이용하고 다국어 앱을 만드는 데 관심이 있으시면 지금 문의하십시오!