React-Native의 구조

Expo

Expo라는 앱으로 휴대폰에서 직접 코드를 확인하며 개발할 수 있다.

사용하기 위해npm i --global expo-cli, brew update, brew watchman를 설치한다.

그 후 내 휴대폰에서 play store → Expo 설치

Creating app

npx create-expo-app 폴더이름

Snack

https://snack.expo.dev/

Snack - React Native in the browser Write code in Expo's online editor and instantly use it on your phone. snack.expo.dev

웹 페이지에서 react native 코드도 치고, 바로 옆에 에뮬레이터로 결과도 보여줌.

QR코드 찍어서 개인 핸드폰으로도 바로 볼 수 있음.

Components

리액트 네이티브는 구동환경이 브라우저가 아니기 때문에 div, span 등의 요소가 아닌

View, Text, StatusBar(Third Party Component) 등의 내장 컴포넌트를 사용한다.