React Native 동작원리

React Native 란?

리액트 네이티브는 iOS 와 안드로이드에서 동작하는 네이티브 모바일 앱을 만들기 위한 자바스크립트 프레임워크입니다.

실제로 페이스북, 에어비엔비, 토스 등은 이미 리액트 네이티브로 만든 앱을 사용자에게 제공하고 있습니다. 리액트 네이티브가 코르도바(Cordova) 나 아이오닉(Ionic) 과 같은 기존 크로스 플랫폼 앱 개발 방법과 다른 점은 바로 대상 플랫폼의 표준 렌더링 API 를 사용한다는 점입니다.

 

장점

• 쉬운 개발 경험
• 플랫폼별 코드 재사용
• 지식과 리소스의 공유

 

단점

• 추가 레이어로 인한 디버깅의 어려움
• 대상 플랫폼의 API 버전 업데이트에 대응하는 기간 필요

 

결론적으로 리액트 네이티브는 기존 자바스크립트의 코드나 지식을 공유해 빠르게 모바일 앱을 만들고 싶은 경우 유용합니다.

 

 

리액트 네이티브 동작 원리

 

 

1. ① ~ ② :  event 가 발생하면, iOS 와 안드로이드가 event 를 듣고 데이터를 수집하고,
2. ③ : bridge 를 통해 Javacript 에 메시지를 전합니다.
3. ④ : 개발자가 작성한 코드는 event 를 받고, 해당 event 에 맞는 적절한 코드를 UI 로 보냅니다.
4. ⑤ ~ ⑥ : 받은 코드를 bridge 를 통해 다시 iOS 와 안드로이드로 메시지를 보냅니다.
5. ⑦ ~ ⑧ : 운영체제에 도착한 메시지를 보고, 적절한 변화를 보여줍니다.

 

이런 일련의 과정들을 간소화하기 위해 Expo 가 있습니다. 다른 것들은 Expo가 다 해주고, 개발자는 컴퓨터에서 JS 치는 등 4~5만 하면 되는거죠

 

출처:

https://nomadcoders.co/react-native-for-beginners/lectures/3115

All Courses – 노마드 코더 Nomad Coders