[React Native] Study - 3(Component 소개)

3번째 입니다..!!

---

View Component

• 웹에서는 대부분 컨테이너를 만들 때 div를 활용하지만,
• React Native 에서는 View로 대체됩니다... 엄청 나게 사용함..!

Text Component

• 모든 Text는 Text Component를 사용해야 합니다.
• 웹에서 사용하는 span, p 같은 태그를 사용 할 수 없습니다.
• 무조건.. Text Component를 사용

Style Sheet

• Style도 React와 대부분 비슷하게 가져오려고 최대한 활용하였습니다.
• 웹에서 사용하는 CSS의 95% 이상은 사용가능하기 때문에, 아는 만큼 작성해보고 에러가 발생하면 구글링..!!
• Camel 스타일로 작성을 해야합니다. ex) fontSize
• StyleSheet.create 문법을 이용하면 코드 작성시 자동완성을 제공해주기 때문에 편리!!

<View style={styles.container}>
</View>

const styles = StyleSheet.create({
   container:{
      flex:1,
      backgroundColor:"#fff",
      alignItems:"center",
      justifyContent:"center",
      border:"1px green dashed"
   },
});

StatusBar

• StatusBar는 휴대폰 상단에 표시되는 시계나 배터리 부분을 말합니다.
• StatusBar는 react-native에서 제공해주는 것이 아니라, expo library에서 제공을 해줍니다.

---

그 외.. React Native팀에서 제공해주는 Components들은 여기가서 보시면 됩니다.
링크 : https://reactnative.dev/docs/components-and-apis

오늘도.. 바빠서 일단 여기까지..!!