☀️react native 에 대해 정리☀️

네이티브 처럼 모바일앱을 만드는 3가지 다른 방법

1. 완전 native : swift or object -c 로 ios 앱 만드는것, java or 코틀린 가지고 만드는 안드로이드 앱, 프로그래밍 언어

도 다르고 매우 다름.    네이티브 방식:  1. xcode 2. android studio 

 

2. 앱 기반 웹 뷰를 만드는 것 

 우리가 정말 간단한 매우매우 심플한 앱을 만들기. (ex: cordova or phoneGap 이용해서 그안에 html,css 를 넣는것)

 그러니까 -> 앱 안에서 작동하는 웹사이트 같은거임.  <- 하이브리드 웹뷰 방식이라고 함

 + 이런 접근은 native쪽에 많은 예산이 없는 회사들이 사용함. but 이미 훌륭한 반응형 웹사이트를 가지고 있고,

몇개의 네이티브 기능들이 필요할때, (ex: 알림푸쉬) 

그냥 전체 웹사이트를 앱안에다 넣는것. 그래서 유저가 앱을 오픈했을 때, 반응형 웹사이트를 보는것.

 

 

리엑트 네이티브 방식

1. 안드로이드 , ios 둘다 자바스크립트를 실행 할 수 있음. 왜냐하면 자바스크립트 엔진을 가지고 있기 때문에

자바스크립트를 웹사이트에서 실행하고, 구글크롬, 사파리 , ios , android

2. 리엑트 네이티브가 하는 일은 자바스크립트를 이용해서 ios 또는 android의 네이티브 엔진에게 자바스크립트를 이용한 메세지를 보내는것! ====> 연결을 이어주는 브릿지 같은 거라고 보면 됨.

 

자바스크립트와 폰 사이의 커뮤니케이션을 위해서 브릿지가 항상 필요함.

그래서 그게 느린 성능을 유발할 수 도 있다. 왜냐하면 브릿지로 많은 데이터를 보내면 브릿지에서 교통체증 처럼 부하가 걸리기 때문에 

 

그래서 리엑트 네이티브는 애플리케이션을 만들기에는 퍼팩트 하지만, 컨텐츠만 다루는것들~ 

예를 들면 ,, 인스타그램 (사지만 가져오고, 좋아요 ,코멘트 삭제,,프로필 업뎃...)

데이팅 앱같은 것을 리엑트 네이티브로 만드는 것은 매우 쉽다. 

 

그러나, 3D 비디오 게임같은것을 만든다면 리엑트 네이티브는 별로이다.

왜냐하면 코드를 최적화 하는데 시간이 많이 들어감. + 브릿지가 느려지지 않도록 하기 위한..

 

 

리엑트 네이티브는 자바스크립트와 폰의 코드 사이의 커뮤니케이션을 쉽게하려고 만들어진것!

 

여러 기업에서 사용중인 react native

 

---

웹 과 react native 차이

웹 사이트에서 는 text 를 넣을때 <div> <span> 을 쓴다.

리엑트 네이티브는 <div><span> 을 쓰지 않고, <text>   </text> 컴포넌트 안에 쓴다. 그리고 <div> 대신 <view>를 씀

 

=> <div> => <view>

     <span> => <text>

 

리엑트 네이티브는 이런 규칙들이 있다. 이런 규칙이 있는 이유는 위에서 게속 말했던 브릿지 때문이다.