728x90
React Native Architecture
Bridge를 대체하는 JSI가 도입되었고, JavaScript와 Native는 JSI과 소통한다. 서로 동기적으로 연결되어 있어 느리지 않고 비동기 통신에 의한 버그가 줄어드는 장점이 있다.
Getting Started
React에서 프로젝트 셋업을 쉽고 편하게 하기 위해 create-react-app을 사용했던 것처럼 React Native도 개발을 도와주는 도구들이 있다.
Expo Go
- 필요한 라이브러리를 한번에 설치해준다.
- 모든 운영체제(ios, android, web)를 개발할 수 있다.
- Expo 사이트를 통해 배포가 가능하다.
- Native 코드 수정이 불가능하다.
React Native CLI
- 모든 패키지와 라이브러리를 직접 설치해야 한다.
- iOS는 mac에서만 개발이 가능하다.
- Native 코드를 직접 수정할 수 있다.
이외에도 create-react-native-app, ignite 등이 있다.
Initialize with Expo
- Expo 회원가입
- expo cli 설치
npm install --global expo-cli - expo 프로젝트 초기화
expo init '프로젝트 이름' (=== npx create-expo-app '프로젝트 이름') - expo 저장소와 연결
eas init 이후 id, password 입력
Build Project
yarn start
yarn ios
yarn android
모바일 기기 사용
- app store / play store에서 expo go 앱 다운로드
- yarn start 입력 후 기기에서 QR 코드 스캔
Emulator 사용
- xcode / android studio 설치
- yarn ios / yarn android 입력
728x90