22.12.29 React Native

React Native

React Native란?

React로 모바일앱을 만들 수 있는 프레임워크
React로 android, ios 네이티브앱을 동시에 만들 수 있는 크로스플랫폼

시작하기 (Expo Go)

yarn create expo-app project

cd project
yarn start

• Expo Go 특징
  • 쉬운 셋업 및 빠른 초기개발
  • Native 코드 수정은 불가능

주요 컴포넌트

React-Native	HTML
<View>	<div>
<Text>	<p>
<Image>	<img>
<ScrollView>	스크롤 되는 <div>
<TextInput>	<input type="text">

• 기본 레이아웃 구성 UI 상식
  • View
    • 기본적으로 display: flex
    • 기본 flex-direction: column
  • SafeAreaView
    스마트폰 상단의 노치나 카메라 등에 해당하는 높이까지는 제외하고 Area를 잡음