React Native?
Creative native apps for Android and iOS using React
javascript를 사용하지만 native code로 변환되어 모바일 어플로 build!
iOS-스위프트, 오브젝트 c
안드로이드-자바, 코틀린
js코드가 리액트 네이티브로 각각의 native언어로 변환되어 빌드됨
Expo?
!!!React Native를 빠르게 시작할 수 있다!!!
npm install --global expo-cli
Basic Components
-
View (div)
-
Text (rn에서는 텍스트 스트링 꼭 Text 컴포넌트로 감싸줘야 함)
-
Image
-
TextInput
-
ScrollView (긴 컴포넌트 스크롤 만들어주기 필수)
-
StyleSheet (css 스타일링)
+TouchableOpacity: 터치하면 투명해진다!
+TouchableHighlight: 터치하면 어두워진다!
+TouchableWithoutFeedback : 터치해도 겉보기에 반응없다!
==>pressable(추천) : onPress 동작들을 더 디테일하게 다룰 수 있다(?)
Styling
-
display: flex; (기본)
flex-direction의 기본 값이 column -> 가로 정렬 하려면 flex-direction: row -
flex: 1;
화면 전체를 채울 때 RN에서는 flex: 1을 사용한다.
