웹, Windows 및 macOS용 React Native에 대한 최신 업데이트!

게시 됨: 2023-01-10

애플리케이션 개발은 파괴적 기술의 출현의 결과입니다. 이제 모든 제품 및 서비스 회사의 주요 마케팅 측면으로 간주됩니다. 앱 개발은 초기에 휴대용 장치를 대상으로 했습니다. 시간이 지남에 따라 서비스 제공업체는 인구 통계에 가장 높은 수준으로 침투하려면 모바일뿐 아니라 웹도 확보해야 한다는 사실을 깨달았습니다. 이제 논의의 초점은 "우리가 애플리케이션을 소유해야 하는가?"에서 바뀌었습니다. "응용 프로그램으로 어떤 플랫폼을 대상으로 해야 합니까?"

그리고 여기에 애플리케이션 개발에서 가장 어려운 질문 중 하나가 있습니다. 앱 개발자는 다양한 운영 체제를 다루어야 합니다. 동시에 그들은 반응형 웹 앱의 광범위한 도달 범위를 무시할 수 없습니다. 모든 측면을 추구할 수 있다면 좋은 생각이지만 엄청난 개발 및 유지 관리 비용이 발생합니다. 따라서 여기서 어려운 질문은 "비용 효율적인 크로스 플랫폼 애플리케이션을 개발하기 위한 최상의 솔루션은 무엇입니까?"입니다. 이러한 목표를 모두 지원하는 애플리케이션 개발 프레임워크를 선택하는 것이 효과적인 답이 될 수 있습니다. React Native 개발은 이러한 근거에서 두드러지고 있습니다.

리액트 네이티브란?

React Native는 모바일 애플리케이션을 개발하는 데 사용되는 JavaScript 기반 애플리케이션 개발 프레임워크입니다. 2015년 Facebook에서 오픈 소스 프로젝트로 시작했습니다. 풍부한 기능 세트로 인해 많은 회사가 React Native 애플리케이션 개발에 뛰어들었습니다. Facebook 및 Instagram을 비롯한 많은 선도 기업에서 애플리케이션 개발에 React Native를 사용했습니다.

역사

Facebook은 이전에 HTML5를 사용하여 모든 기기용 모바일 웹 페이지를 개발했습니다. 이러한 노력은 UI와 성능 측면에서 어려움을 겪었습니다. 이 솔루션은 장기적으로 실행 가능한 것으로 판명되지 않았습니다. 2013년 Facebook 개발자인 Jordan Walke는 JavaScript를 사용하여 UI 요소를 개발했습니다. 이 개념은 획기적이었습니다. JavaScript를 사용하여 모바일 애플리케이션 개발의 가능성을 추가로 테스트하기 위해 Hackathon이 조직되었습니다. 이것은 React Native를 탄생시켰습니다. 처음에는 iOS용으로 출시되었습니다. 점차적으로 Facebook은 Android 지원을 가져왔고 마침내 2015년에 iOS 버전을 출시했습니다. React Native는 출시 후 불과 3년 만에 GitHub에서 두 번째로 큰 프로젝트로 부상했습니다.

리액트 네이티브가 인기 있는 이유는?

React Native가 엄청난 인기를 얻은 주된 이유 중 하나는 React Native가 출시되었을 때도 인기가 있었던 JavaScript 라이브러리를 사용하기 때문입니다. React Native는 개발자들 사이에서 자동으로 인기를 얻었습니다. 두 번째 이유는 React Native 프레임워크가 프런트엔드 개발자들에게 사랑받는 UI 개발을 위한 많은 훌륭한 기능을 가져왔기 때문입니다. 세 번째 이유는 프레임워크와 그 기능일 수 있습니다. React Native 개발자는 코드를 한 번만 작성하면 됩니다. Android와 iOS 모두에서 사용할 수 있습니다. 이를 통해 개발자와 조직은 상당한 시간과 노력을 절약할 수 있었습니다.

React Native는 다음을 제공하는 뛰어난 크로스 플랫폼 애플리케이션 개발 프레임워크입니다.

더 넓은 청중
다양한 플랫폼에서 일관된 성능
더 빠른 개발
비용 효율성

이것들은 React Native 애플리케이션을 대단히 인기 있게 만드는 기능 중 일부입니다.

우리는 어디에 서 있습니까?

React Native는 오픈 소스이며 릴리스도 모두가 액세스할 수 있는 오픈 소스입니다. GitHub의 React Native 릴리스 리포지토리에 릴리스 트레인이 있습니다. React Native 0.70은 2022년 9월 최신 버전으로 출시되었습니다. 2022년은 많은 개선 사항이 포함된 React Native 0.67의 릴리스로 시작되었습니다. 그런 다음 React Native 0.68의 출시와 함께 다음과 같은 몇 가지 획기적인 변경 사항을 확인했습니다.

React Native가 Node 16으로 업데이트되어 React 개발자가 Node 14 이상 버전을 사용하도록 강요
Android Gradle 플러그인 추가
RCTBundleURLProvider라는 iOS API에서 대체 리소스 제거

TurboModule 시스템 및 Fabric Renderer가 포함된 새로운 아키텍처도 추가되었습니다. React Native 0.69에는 이 새로운 아키텍처를 지원하기 위해 많은 개선 사항이 포함되었습니다. 번들 Hermes 및 React 18 지원은 이 버전에 대한 두 가지 주요 추가 사항입니다. c++17 지원 및 hotkeysEnabled 옵션 추가를 포함하여 다른 많은 변경 사항이 있었습니다.

최신 0.70 버전에서는 React Native에 많은 가치를 추가한 Hermes에 중점을 두었습니다. 리소스가 제한된 장치에 도움이 되도록 개발되었습니다. Hermes 엔진은 다른 엔진과 달리 JavaScript의 소스 코드를 미리 바이트코드로 컴파일할 수 있습니다. Hermes는 0.70 버전에서 기본 엔진으로 출시되었습니다. 2022년 12월에 실험적인 교차 플랫폼 포인터 API가 도입되었습니다. 앞으로 데스크톱, VR 및 웹에 대한 프레임워크의 성능을 개선하는 데 중점을 둘 것입니다.

웹용 React Native

React Native가 모바일 애플리케이션 개발만을 위한 것이라는 일반적인 오해를 없애야 할 때입니다. React Native 웹은 현실입니다. 기존 앱뿐만 아니라 새로운 앱에도 사용할 수 있습니다. 사용자는 이를 사용하여 웹 앱과 함께 다중 플랫폼 앱을 개발할 수도 있습니다. React DOM은 웹 브라우저에서 호환되는 JavaScript 코드를 렌더링하는 데 사용되므로 개발자가 웹에 강력한 추상화를 주입할 수 있습니다. React Native 웹 애플리케이션은 최신 React API를 사용하여 구축됩니다.

개발자는 웹 개발을 위한 모든 React Native 핵심 구성 요소를 찾을 수 있습니다. 웹용 구성 요소는 브라우저 호환 구현과 함께 제공됩니다. 예를 들어 개발자는 <div>로 렌더링하는 데 사용할 수 있는 React Native의 <view> 구성 요소의 DOM 기반 버전을 사용할 수 있습니다. ReactJS 개발 프레임워크는 모든 종류의 애플리케이션 개발을 위한 하나의 솔루션으로 부상했습니다. 개발자는 HTML 태그를 사용하여 필요한 React Native 프리미티브를 DOM 언어로 변환하여 웹 애플리케이션 개발을 위한 React Native 채택을 촉진할 수 있습니다.

웹용 React Native 사용의 이점

React Native for the Web의 인기가 높아지는 두 가지 주요 이유에 대해 확신할 수 있습니다.

React Native로 웹 앱을 만들면 JavaScript를 사용하여 적응형 웹 UI를 개발하는 데 도움이 되는 고품질 웹 인터페이스에 액세스할 수 있습니다. 네이티브와 같은 지원, 다중 입력 모드, RTL 레이아웃 지원 및 React Dev와의 통합으로 원활한 UI 개발이 가능합니다.
React 개발자는 한 번 작성하고 원하는 위치에서 렌더링해야 다시 작성하지 않고도 네이티브 및 웹 앱용 새 구성 요소를 작성할 수 있습니다.

주요 버그 수정 및 예정된 변경 사항

웹용 React Native의 0.18 릴리스에서 많은 버그 수정이 이루어졌습니다. 다음 사항이 수정되었습니다.

짧은 형식 및 긴 형식 복제
Switch 및 CheckBox를 포함한 다양한 요소의 포커스 링 표시
터치 가능 항목 및 누름 가능 항목에 대한 Href 탐색
대상 값에 대한 Linking.OpenURL 지원

많은 새로운 기능이 추가되었습니다

구성 요소에 대한 land 또는 dir 소품을 설정하여 지역화된 LTR/RTL 레이아웃 중첩
런타임 시 현지화된 LTR/RTL 레이아웃의 동적 전환
새로운 내보내기 API로 useLocaleContext 추가
섀도우 부트 및 다중 창 렌더링 지원
정적 CSS 추출

Windows + macOS용 React Native

더 진행하기 전에 Windows 및 iOS용 React Native의 역사를 살펴보겠습니다. React Native windows + macOS는 2015년에 개발되었습니다. 그 이후로 버그 수정 및 개선 사항이 포함된 지속적인 릴리스가 있었습니다. React 개발자는 이제 Windows 데스크톱 앱 개발에 React Native를 사용할 수 있습니다. React Native 창의 기본 개념은 Windows 애플리케이션 개발을 위해 React Native의 도구, 아키텍처, 언어 및 기타 모든 구성 요소를 사용하는 것입니다.

Windows와 매우 유사한 React Native for macOS는 mac의 데스크톱 환경을 고려하여 실제 React Native 프로젝트에서 개발을 시작합니다. Windows용 React Native + macOS 프레임워크를 사용하면 개발자가 크로스 플랫폼 앱을 빌드할 수 있습니다. Xbox 및 MS Office와 같은 많은 상위 애플리케이션은 애플리케이션 개발을 위해 Windows 및 macOS용 React Native를 성공적으로 사용했습니다. iOS용 MacOS도 새로운 릴리스가 나올 때마다 강력한 지원을 받습니다.

Windows + macOS용 React Native 사용의 이점

모바일 앱 및 Windows 데스크톱 앱 개발에 React Native를 사용하면 많은 이점이 있습니다.

React 개발자는 기본 모듈을 사용하여 표준 React Native 컨트롤 및 구성 요소를 호출할 수 있습니다. 개발자는 '라이브 리로드'와 같은 기능을 사용하여 웹 애플리케이션에서와 마찬가지로 구현을 테스트할 수 있습니다.
단일 코드베이스를 사용하여 macOS 및 Windows 운영 체제 모두에서 실행할 수 있습니다. 서로 다른 두 가지 애플리케이션 개발을 위한 두 개의 React Native 프로젝트가 있더라도 공유 UI 구성 요소는 최상위 계층에 존재합니다. 이렇게 하면 두 응용 프로그램의 개발 및 유지 관리 시간이 상당히 줄어듭니다.
지원을 위한 대규모 개발자 커뮤니티를 무시할 수 없습니다. React 및 React Native 커뮤니티는 React Native Windows 및 macOS 개발을 지속적으로 지원합니다.

버그 수정 및 계획된 기능

버전 0.70은 새로운 기능에 관한 것입니다. 다음과 같은 몇 가지 수정 사항이 있습니다.

촉매에 대한 수정입니다
새로운 React JSX 변환 활성화
reactnativeutilsjni 제거 활성화

변경 사항 외에도 많은 종속성이 업그레이드되었습니다. 릴리스의 주요 하이라이트는 다음과 같습니다.

Hermes를 기본 엔진으로 사용
Codegen을 위한 새로운 통합 구성
Android의 새로운 아키텍처 라이브러리에 대한 자동 연결
Android 빌드 구성을 위한 전체 CMake 지원

결론

React Native는 다양한 플랫폼용 크로스 플랫폼 웹 및 모바일 애플리케이션을 개발하는 데 탁월한 선택입니다. React Native를 사용하면 개발자가 웹 및 네이티브 애플리케이션에서 코드베이스와 비즈니스 로직을 공유하여 시각적 일관성을 높일 수 있습니다. '빠른 새로 고침'과 같은 개발 옵션을 통해 개발자는 애플리케이션에서 변경 사항을 즉시 확인할 수 있습니다. 이는 궁극적으로 더 높은 생산성과 더 나은 사용자 경험으로 이어집니다. React Native는 새로운 릴리스가 계속해서 새로운 기능과 버그 수정을 제공하는 매우 진보적인 언어입니다. Contributor Summit 2022는 React Native에서 새롭고 혁신적인 것을 가져오기 위해 새로운 지식 공유 및 협업 채널을 열었습니다.

다가오는 개발은 모바일을 넘어서는 것을 목표로 하는 '많은 플랫폼 비전'에 있을 것으로 예상됩니다. 데스크탑, 웹 및 VR에 대한 투자 증가는 하드웨어 차이가 있는 플랫폼에 대한 더 나은 지원으로 새로운 릴리스만 보장합니다. 개발의 오름차순 그래프를 보면 응용 프로그램 개발에 React Native를 사용하는 것이 가치 있는 선택이라는 결론을 내릴 수 있습니다. 2022년에는 흥미로운 변화가 많았고, 앞으로 몇 년 동안 새로운 릴리스가 출시될 예정입니다.