🚀 Introduction

ℹ️ React-Native 개념정리 ✨ 핵심 컴포넌트 🪄 React-Native 스타일링 👆 상호작용 및 React-Native 스테이트 관리 방법

ℹ️ React-Native 개념정리

• React의 JSX문법에서 HTML 돔을 이용하는 것과 매우 유사하다.
• React-Native 에서 제공하는 react-native 전용 돔을 이용하여 UI를 구성할 수 있다.
• React에서 컴포넌트를 조합해서 UI 구성하듯이 react-native dom을 이용해 컴포넌트를 사용하면 된다.
• React-Native 에는 CSS가 없다.
• React-Native에선 스타일 적용시 Inline Styles 또는 StyleSheet Objects 를 이용하게 된다.
• 하지만 CSS와 비슷하게 동작하는 Javascript로 이루어진 속성들이 포함되어있어 이것을 사용하면 된다.

✨ 핵심 컴포넌트

📌 Native는 Web 보다 더욱 엄격한 DOM 구성을 요한다. 📌 Web React와는 다르게 사용할 컴포넌트를 명확히 import 시켜주어야 한다. 📌 React-Native DOM 은 명확한 사용처를 가지고 있다.

<Text>

<View>

<Button/> [ Self Closing ]

<TextInput/> [ Self Closing ]