React Native 공부

코드스테이츠 파트너사 포지션 제안 과제를 위해 리액트 네이티브 공부를 시작합니당.

1. 리액트 네이티브는 웹 사이트가 아니다.
   -> 이말인 즉슨 브라우저가 아니기 때문에 HTML의 <div>사용 불가
   -> 대신에 <View>라는 것이 있다 !! Container 역할
   그렇기 때문에 필수적으로
   import { View } from 'react-native'
<View>를 import 해주어야 한다.

2. 리액트 네이티브에 있는 모든 text는 <Text> component에 들어가야 한다. must!
   -> 이 역시 브라우저가 아니기 때문에 <span> <p> 태그 사용 불가
   -> 그래서 <Text> 컴포넌트 안에 넣어준다. 넣지 않으면 오류 발생

3. HTML <div style = {}> === React Native <View style = {}>
   하지만 웹에서 사용하던 일부 style property를 적용할 수 없다 !!
   예) border ...

• StyleSheet.create : 스타일의 object를 생성해준다.

const style = StyleSheet.create({
contianer : {
  backgroundColor: "#fff",
  flex: 1,
  alignItems: "center",
  justfyContent: "center",
},
  text : {
  	fontSize : 28,
  })

과거의AsyncStorage (= 웹의 localStorage) 혹은
NavigatorIOS, DatePickerIOS 등은 더 이상 사용하지 않고 제공 기능들을 줄이고,
필수적이고 중요한 기능만 남겼다.

why ? 너무 많은 components와 APIs 제공으로 버그 또한 늘어났기때문...

=> 대신 Third-Party Packages를 사용한다.
expo에서 많은 components와 APIs를 제공하고 있다. so cooool!!!!
https://docs.expo.dev/