💻[React Native] 리액트네이티브란?

☑️ 네이티브 애플리케이션

운영체제를 구성하는 언어와 같은 언어로 만들어지는 애플리케이션
[ios]-Swift or Objective-C, [안드로이드]-JAVA or Kotlin
장점: 높은 성능 보장
단점: 개발에 투입되는 리소스가 많아짐
두 개의 플랫폼 출시로 하려면 두 개의 리소스가 필요

☑️ 하이브리드 애플리케이션

웹뷰를 이용해 보여지는 영역에 HTML을 보여줌, HTML+CSS+JS 이용
네이티브로 만들어진 앱 컨테이너로 네이티브 기능 연동
장점: 웹 기술에 익숙하다면 빠른 개발 가능
단점: 뷰 퍼포먼스 최적화가 힘듦
구글-성능 저하가 별로 없음
애플-30%가까이 성능이 떨어지는 경우 존재
성능은 기본적으로 떨어지긴 함

☑️ 크로스 플랫폼 네이티브 애플리케이션

네이티브가 이는 언어로 작성하지만 빌드 단계에서 네이티브로 변환됨
리액트 네이티브(JS), 유니티(C#), 플로터(Dart) 등
장점: 자신에게 익숙한 언어로 빠른 개발 가능
단점: 네이티브 연동 기능이 많을 경우에는 효율성이 떨어짐

✔️ 리액트는 네이티브도 하이브리드도 아닌, 실제 모바일 앱

📌 JSX

Javascript + XML
ECMA Script 6 표준의 자바스크립트 사용
JSX 내에 스타일시트를 포함, 웹의 CSS와 많은 개념을 공유하지만, 독자적인 포맷 CSS파일로 작성 불가

✔️ 리액트의 경우, JSX->REACT(VIRTUAL DOM)->HTML(VIEW)

✔️ 리액트네이티브의 경우, JSX->REACTNATIVE->IOS VIEW OR ANDRIOD VIEW

⭐️ JSX를 '어떤 뷰'의 형태로 렌더링 하는 기술이 리액트의 핵심 기술 ⭐️

✔️ 애플리케이션의 구조

JAVASCRIPT(DATA) <-BRIDGE-> NATIVE VEIW: 네이티브 뷰와 JS 엔진의 데이터가 오가는 것들을 계속해서 중간에서 준비