React Native는 Meta(Facebook)가 만든 프레임워크로, React와 JavaScript를 사용하여 네이티브 모바일 앱(iOS 및 Android)을 만듭니다. 가장 큰 특징은 (웹뷰가 아니라) 실제 네이티브 UI 컴포넌트를 렌더링한다는 점으로, 이를 통해 웹/React 개발자가 대부분 공유되는 코드로 네이티브 앱을 만들 수 있습니다.
React Native = React + JavaScript/TypeScript로 NATIVE 모바일 앱 만들기:
→ iOS와 Android를 위한 (대부분) 하나의 코드베이스
→ REACT 사용 (component, JSX, hook, state) — 웹 React 개발자에게 익숙함
→ 실제 NATIVE UI 컴포넌트를 렌더링 (웹뷰 / HTML이 아님) → 네이티브한 느낌과 성능
→ Meta가 개발; 널리 사용됨 (Instagram, Discord, Shopify 등)
→ JavaScript로 React component를 작성함
→ React Native가 이를 실제 NATIVE view로 매핑함 (<View> → 네이티브 UIView/ViewGroup;
<Text> → 네이티브 텍스트) — 웹/HTML 요소가 아님
→ JS가 실행되며 네이티브 측과 통신함 (과거에는 "bridge"를 통해;
새 아키텍처는 JSI를 사용해 더 빠르고 직접적으로 통신)
→ 그 결과는 React/JS로 작성된 진정한 네이티브 앱
✓ NATIVE 컴포넌트 → 네이티브 성능과 룩앤필 (웹뷰 기반 프레임워크와 대비)
✓ REACT 모델 → component, JSX, hook, state, props (웹 React 기술이 그대로 전이됨)
✓ 크로스 플랫폼 → iOS/Android 간 대부분의 코드 공유 (일부 플랫폼별 코드 존재)
✓ FAST REFRESH → 변경 사항을 즉시 확인 (hot reload와 유사); 방대한 npm 생태계
✓ native module / Expo를 통해 네이티브 기능 접근
React Native가 무엇이고 어떻게 동작하는지 이해하는 것은 React Native 개발의 기초이며, 크로스 플랫폼 환경 전반을 이해하는 데에도 가치가 있습니다.
React Native는 대부분 공유되는 코드베이스로부터 React와 JavaScript를 사용해 네이티브 모바일 앱을 만드는 주요 프레임워크로, iOS와 Android 앱을 따로 개발해야 하는 상당한 부담을 피하게 해주면서, 방대한 풀의 웹/React 개발자가 기존 기술(component, JSX, hook, state)을 모바일에 적용할 수 있게 해주는 것이 핵심 장점입니다.
가장 큰 특징인 — React Native가 (React component를 웹뷰나 HTML이 아닌 실제 네이티브 view로 매핑하여) 실제 네이티브 UI 컴포넌트를 렌더링한다는 점 — 은 앱에 네이티브 성능과 룩앤필을 부여하므로 이해해 둘 가치가 있으며, 이는 React Native를 웹뷰 기반 방식과 구별하고 진정한 네이티브 앱 솔루션으로 만듭니다.
동작 방식(JavaScript가 실행되며 네이티브 UI를 구동하고, 과거의 bridge 또는 새 아키텍처의 더 빠른 JSI를 통해 네이티브 측과 통신하는 방식)을 이해하면 그 하이브리드적 성격이 명확해집니다.
주요 특징 — 네이티브 컴포넌트(네이티브한 느낌/성능), 익숙한 React 모델(전이 가능한 웹 기술), 크로스 플랫폼 코드 공유, Fast Refresh(즉각적 업데이트), 방대한 npm 생태계, 네이티브 기능 접근 — 을 이해하면 React Native가 왜 널리 채택되는지(Instagram, Discord, Shopify 등 다수에서 사용됨)를 알 수 있습니다.
React Native는 (특히 React/웹 개발자에게 매력적인) 주요 크로스 플랫폼 프레임워크이며, 그 본질(React + JS, 네이티브 컴포넌트, 크로스 플랫폼)과 동작 방식(실제 네이티브 UI 구동)을 이해하는 것은 React Native 작업의 기초이자 크로스 플랫폼 옵션 이해에 필수적입니다. 따라서 React Native가 무엇이고 어떻게 동작하는지 이해하는 것은 React Native 개발의 출발점이자 크로스 플랫폼 기술 환경 속에서의 위치를 파악하는 데 중요한 필수 기초 지식이며, 특히 React 기술을 활용해 네이티브 모바일 앱을 만드는 데 매우 가치 있는 널리 사용되는 접근법입니다.