React Native VS Flutter : 2023년 기준 어떤 것이 더 좋을까요?

 

리액트 네이티브 VS 플러터 : 2023년 기준 어떤 것이 더 좋을까요?

출처 : 크리스토퍼 판치, 2023년 5월 8일 작성

모바일 앱 개발의 인기가 계속해서 증가함에 따라 기업들은 다양한 기기에서 사용할 수 있는 크로스 플랫폼 앱을 만드는 방법을 찾고 있습니다. 여기서 크로스 플랫폼이라 함은 물론 안드로이드와 iOS를 말합니다. 

 

Statista에 따르면:

2021년 6월, 안드로이드는 세계적으로 가장 인기 있는 모바일 운영 체제로 지켜졌으며, 전 세계 모바일 OS 시장에서 약 73%의 점유율을 가지고 있습니다. Google의 안드로이드와 Apple의 iOS가 전 세계 시장 점유율의 거의 99%를 공동으로 보유하고 있습니다.
이 기사에서는 크로스 플랫폼 개발을 위한 두 인기 프레임워크인 플러터와 리액트 네이티브를 비교해보겠습니다. 각 프레임워크의 장단점을 살펴보고, 2023년에는 어떤 것이 더 적합한지에 대해 논의하겠습니다.

 

 

---

왜 모바일 앱 개발이 이렇게 인기가 있을까요?

---

모바일 앱 개발은 꾸준히 성장하는 비즈니스 분야입니다. 지구상의 거의 모든 사람들이 휴대폰을 사용하기 때문에 잠재적 사용자 수가 거의 무한합니다. 따라서 거의 모든 것에 대한 앱들이 현재 존재하고 있습니다.

앱을 디자인하고 구축하는 다양한 방법이 있습니다. iOS 앱은 Swift와 Objective-C를 사용하여 만들 수도 있고, 안드로이드 앱은 Java를 사용할 수도 있습니다. 이들은 각각 Apple과 Google의 공식 소프트웨어 프로그래밍 언어로, 지원 및 빈번한 업데이트 기능을 제공합니다. 또는 플러터나 리액트 네이티브와 같은 크로스 플랫폼 프레임워크를 사용할 수도 있습니다.

 

 

 

---

크로스 플랫폼 앱 개발이란 무엇인가요?

---

시작하기 전에 "크로스 플랫폼 앱 개발"이라는 용어를 정의하고 이를 하이브리드 개발과 네이티브 개발 두 가지 범주로 나누겠습니다.
크로스 플랫폼 앱은 단일 코드베이스를 사용하여 iOS와 안드로이드 운영 체제에서 거의 동일하게 작동하는 앱을 개발하는 것을 의미합니다. 

 

 

 

---

Hybrid 개발

---

하이브리드 앱은 HTML5, CSS, JavaScript와 같은 웹 기술을 사용하여 개발됩니다. 이는 하이브리드 앱이 일부 코드를 플랫폼 간에 공유하며 (예: HTML/CSS/JS 코드), 이 공유 코드가 대상 플랫폼에서 웹뷰 내에서 실행된다는 것을 의미합니다.
웹뷰 앱은 웹뷰를 사용하여 사용자 인터페이스를 렌더링하는 하이브리드 앱으로, HTML5, CSS 및 JavaScript를 사용하여 사용자 정의할 수 있습니다.

웹뷰 앱은 기본적으로 디바이스 API에 액세스하는 데 일부 제한이 있으며, 네이티브 앱과 동일한 기능을 구현하기 위해서는 추가적인 노력이 필요합니다. 이러한 앱들은 기본적으로 크로스 플랫폼이지만, 크로스 플랫폼으로 개발되는 장점은 시간을 절약할 수 있다는 것입니다.
하이브리드 앱은 두 플랫폼에서 동일하게 보일 수 있지만, 플랫폼별 API에 따라 다르게 작동할 수 있습니다. 예를 들어, 날씨 앱은 두 플랫폼에서 현재 위치의 날씨 서비스 API를 확인하고 각 플랫폼에서 사용 가능한 데이터에 따라 다른 데이터를 반환할 수 있습니다.

 

 

 

---

Native 개발

---

네이티브 앱은 대상 플랫폼의 네이티브 SDK(예: 안드로이드 또는 iOS)를 사용하여 개발됩니다. 이는 플랫폼 간에 어떤 코드도 공유하지 않으며, 공유 코드는 대상 플랫폼에 맞는 UI를 구현하기 위해 사용됩니다.

네이티브 앱은 하이브리드 앱보다 더 나은 사용자 경험을 제공하며 각 플랫폼에서 더 네이티브하게 보입니다. 그러나 개발 비용이 더 들며, 개발자가 대상 플랫폼의 API를 학습하는 데에 더 많은 시간이 소요됩니다.

일반적으로 대상 플랫폼의 네이티브 개발 도구(예: 안드로이드 스튜디오 또는 Xcode)을 사용하여 앱을 개발하는 것이 이상적입니다.

 

 

 

---

플러터와 리액트 네이티브: 크로스 플랫폼 프레임워크

---

플러터와 리액트 네이티브는 오늘날 가장 우수한 크로스 플랫폼 개발 프레임워크 중 하나입니다. 두 프레임워크 모두 네이티브 위젯을 사용하여 높은 커스터마이징이 가능하고 반응형 사용자 인터페이스를 제공하는 동시에 다른 플랫폼 간에 코드를 공유합니다.

플러터 프레임워크는 Google에서 개발되었으며, 리액트 네이티브 프레임워크는 Facebook에서 개발되었습니다. 따라서 이러한 기술 기업들은 플랫폼의 SDK부터 문서, 지원 등 모든 측면에 걸쳐 매우 큰 팀을 보유하고 있습니다.

플러터와 리액트 네이티브 앱 모두 네이티브이지만, 기존의 네이티브 앱 개발보다 더 유리한 면이 있습니다. 왜냐하면 이들은 대상 플랫폼별로 코드베이스의 상당 부분을 공유할 수 있기 때문입니다.

Instagram에 따르면, 리액트 네이티브 기능을 통해 iOS와 Android 간에 공유되는 코드 양은 90% 이상이었습니다.

 

 

 

---

플러터와 리액트 네이티브의 역사

---

플러터는 2016년 10월 다트 개발자 정상회의에서 발표되었습니다. 이 크로스 플랫폼 모바일 앱 개발 프레임워크의 주요 아이디어는 Google의 다트 프로그래밍 언어를 사용하여 iOS와 안드로이드를 위한 네이티브 앱을 하나의 단일 코드베이스로 작성하는 개발자들에게 도구를 제공하는 것이었습니다.

플러터의 첫 안정 버전(1.0)은 2018년 2월 16일에 출시되었습니다.
리액트 네이티브는 플러터보다 약간 더 빨리 시작되었으며, 2015년 3월 첫 번째 베타 버전이 출시되었지만, 베타 단계에서 벗어나는 데는 2017년 3월까지 시간이 걸렸습니다. 2017년 9월 5일에 리액트 네이티브는 Facebook의 큰 지원을 받아 1.0 버전에 도달했습니다.
이를 보면 두 기술 모두 상대적으로 새로운 기술이지만, 이것이 혼란스럽게 보일 수도 있습니다. 리액트 네이티브는 이미 Facebook, Instagram, Airbnb 및 Uber와 같은 대규모 플레이어들에 의해 사용되고 있습니다.

플러터는 이러한 큰 회사들과는 동일한 수준의 유명도를 자랑하지는 못하지만, BMW, Toyota, eBay, 그리고 물론 Google의 자체 Google Pay에서 이미 채택되었습니다.

 

https://youtu.be/REJDzio_h7o?list=PLOU2XLYxmsILq4ysYNWXq5TOGLgYDJgVD

 

 

---

플러터와 리액트 네이티브 비교

---

플러터와 리액트 네이티브의 주요 차이점은 리액트 네이티브가 네이티브 모바일 언어(JAVA, Swift, Objective-C)로 컴파일되지 않고, 단지 자바스크립트 코드를 실행한다는 것입니다. 반면 플러터는 다트 언어를 네이티브로 컴파일하며, 이는 성능에 영향을 미칠 수 있습니다(이후에 논의됩니다).

또 다른 큰 차이점은 리액트 네이티브에서는 (JSX를 제외하고) 기본적인 자바스크립트가 컴포넌트 작성에 사용된다는 것입니다. Facebook 개발자들은 리액트의 동적 특성 때문에 Flow 또는 TypeScript를 사용하는 것을 권장합니다. 플러터의 경우 Google은 정적 타입 시스템으로 인해 자바스크립트 대신 다트를 사용하도록 권장합니다.
저희 의견으로는 이 두 기술 중 어떤 것을 선택해야 하는지는 실제 기능과 능력보다는 개발자의 선호도에 더 의존해야 합니다.
물론 모든 프로그래밍 패러다임을 알아두는 것이 좋으며, 익숙하지 않은 언어로 작성된 언어와 프레임워크를 손쉽게 사용할 수 있도록 하는 것이 가능합니다.

이미 JavaScript (ES2015+) 또는 TypeScript/Flow에 익숙한 프로그래머들은 리액트 네이티브로 작업을 시작하기가 훨씬 쉬울 것입니다. 특히 웹용으로 React를 사용한 개발자들은 React와 React Native 사이에 많은 중첩이 있기 때문입니다.
모바일 개발 공간에서 여전히 상당한 시장 점유율을 가진 JavaScript와, 리액트 네이티브와 플러터가 각각 좋아하는 프로그래밍 언어를 선택할 수 있도록 해서 2023년에 더 인기 있는 프레임워크가 무엇인지 확답하기 어려울 것입니다.

이 결정에 영향을 미칠 수 있는 다른 중요한 요소들도 있습니다:

• 회사들의 특정 기술 스택에 대한 선호도
• 개발자가 특정 기술을 사용하는 데 필요한 기술과 능력의 가용성
• 특정 기술을 사용하는 데 필요한 개발자의 익숙함

우리가 이미 언급한 바와 같이, 리액트 네이티브와 플러터는 모두 2023년에 중요한 역할을 할 것이므로 장기적인 목표에 가장 적합한 옵션을 선택하는 것은 여러분에게 달려 있습니다.

 

 

 

 

---

크로스 플랫폼 개발 프레임워크는 어떻게 작동하나요?

---

크로스 플랫폼 모바일 개발 프레임워크는 많은 개념과 기능을 공유하지만, 각각 다른 목표로 만들어졌습니다.

리액트 네이티브는 리액트 웹 개발의 쉬운 개발 경험과 결합된 네이티브 코드 성능을 제공하도록 설계되었습니다. 하나의 공유 컴포넌트 세트를 iOS와 Android 사이에서 사용하는 것이 목표가 아니라, 완전히 별개의 UI가 하나의 자바스크립트 번들로 묶여 앱의 약 절반의 코드를 하나의 장소에서 제공할 수 있도록 하는 것이 아이디어입니다.

플러터는 주로 Google의 요구를 충족하기 위해 만들어졌습니다. 즉, 빠른 개발 주기와 네이티브 코드 성능을 결합하고 iOS와 Android 앱 간에 공유할 수 있는 재사용 가능한 UI 컴포넌트를 구축하는 것이 목표입니다. 이것이 Google의 플러터가 리액트 네이티브보다 훨씬 빠른 이유입니다.

또한 플러터는 앱 개발을 더 쉽고 접근 가능하게 만드는 것을 목표로 설계되었습니다. 그래서 개발자들은 주말에는 쉽게 배울 수 있고, 능력에 따라 하루나 몇 시간 만에 마스터할 수 있는 Dart 언어를 사용하여 코드를 작성할 수 있습니다.

이것이 플러터가 많은 기능을 갖추고 다른 도구에서 찾아볼 수 없는 다양한 기능을 제공하는 많은 장점을 가지고 나타난 이유입니다.

 

 

 

 

---

플러터와 리액트 네이티브 앱의 장단점

---

플러터로 작성된 앱은 네이티브 앱과 구분하기 어렵습니다. 성능과 외관 면에서 동일한 수준의 퍼포먼스와 룩앤필(일부 플랫폼별 스타일적인 측면 제외)을 제공합니다.

리액트 네이티브 앱을 구축할 때 사람들이 일반적으로 불평하는 주요 문제점은 런타임 환경과 관련된 것입니다. 이는 각 아키텍처마다 별도의 프로세스를 관리하는 것보다 무겁기 때문에, 리액트 네이티브를 사용하여 순수 네이티브 앱의 성능을 완벽하게 구현할 수 없다는 것을 의미합니다. 하지만 거의 비슷한 성능을 얻을 수 있습니다.

플러터는 리액트 네이티브와 달리 기존의 JavaScript 코드베이스를 지원하고 iOS와 Android 앱 사이에서 일부 컴포넌트를 공유할 수 있는 이점이 없습니다.

이제 이 두 프레임워크의 기술적인 부분을 더 자세히 살펴보겠습니다.

 

 

 

---

플러터의 장점

---

플러터는 여러 면에서 개발자들에게 다음과 같은 이점을 제공합니다:

• 성능: Dart 코드를 네이티브 코드로 컴파일하므로 리액트 네이티브보다 더 빠르고 반응성이 뛰어납니다.
• 핫 리로딩: 플러터는 빠른 핫 리로딩을 통해 앱의 수정 사항을 빠르게 적용할 수 있습니다. 이로 인해 개발 주기가 매우 단축되며, 더 빠르게 실험하고 반응할 수 있습니다.
• 풍부한 위젯 라이브러리: 플러터에는 수많은 미리 제작된 위젯이 포함되어 있어 사용자 인터페이스를 구축하기 쉽고 빠르게 개발할 수 있습니다.
• 단일 코드베이스: 플러터 앱은 iOS와 Android를 위해 하나의 코드베이스로 작성됩니다. 이는 개발과 유지보수를 더 간단하게 만듭니다.
• 개발자 친화적: 다트 언어는 비교적 새로운 언어이지만, JavaScript와 유사하므로 기존 JavaScript 개발자들이 쉽게 적응할 수 있습니다.

 

 

 

---

리액트 네이티브의 장점

---

리액트 네이티브는 높은 수준의 커뮤니티 지원과 풍부한 서드파티 라이브러리가 있으며, 다음과 같은 이점을 제공합니다:

• 대규모 사용자: 리액트 네이티브는 이미 많은 기업들에 의해 사용되고 있으며, 큰 기업들도 그 기술 스택에 채용하고 있습니다.
• 리액트 생태계: 리액트 네이티브는 리액트 커뮤니티의 일부로서, 리액트 웹 개발자들은 높은 수준의 유사성으로 인해 쉽게 전환할 수 있습니다.
• 다양한 라이브러리와 툴: 리액트 네이티브에는 수많은 라이브러리와 도구가 있으며, 개발자들이 편리하게 사용할 수 있습니다.

 

 

 

---

결론

---

2023년에 크로스 플랫폼 앱 개발을 선택하는 것은 플러터와 리액트 네이티브 둘 다 좋은 선택입니다. 두 프레임워크는 각각 강점과 약점이 있으며, 개발자가 선호하는 언어와 생태계에 따라 선택할 수 있습니다.

플러터는 높은 성능과 핫 리로딩을 갖추고 있으며, Dart 언어를 사용하는 것이 더 익숙하다면 이를 선택할 수 있습니다. 리액트 네이티브는 이미 많은 기업에서 사용되고 있으며, 리액트 웹 개발자에게 더 익숙하다면 이를 선택할 수 있습니다.

무엇을 선택하든, 두 프레임워크 모두 모바일 앱 개발에 큰 기여를 하고 있으며, 앞으로도 계속해서 발전할 것으로 기대됩니다. 개발자들은 자신이 더 편안하고 익숙한 도구를 선택하여 최고의 결과를 얻을 수 있을 것입니다.