[RN] React-Native란?

React와 React-Native

React
사용자 인터페이스를 구축하기 위한 자바스크립트 라이브러리
웹 개발에 사용됨

React Native
'특별한' 컴포넌트의 모음
Native Widgets(iOS와 Android의)으로 Complie 가능한 컴포넌트
Native Platform API들을 사용 가능
Javascript code와 Native Platform Code를 연결시켜줌

React-Native의 작동 방식

• RN Code

const App = props => {
  return (
    <View>
      <Text>Hello World</Text>
    <View>
      );
}

React의 코드(React-Native에서 사용되는 특별한 컴포넌트로)를 적으면 Real Native App에서 사용 가능한 방식으로 컴파일 된다.

• 컴파일 예시
  

React for the Web	Native Component(Android)	Native Component(iOS)	React Native
<div>	android.view	UIView	<View>
<input>	EditText	UITextField	<TextInput>

Reference

1. React Native - The Practical Guide [2021 Edition]