실행 매뉴얼 (스크립트)
cd Frontend
# 패키지 설정
yarn install
#(<https://github.com/tradle/react-native-crypto>)
./node_modules/.bin/rn-nodeify --hack --install
# ios
cd ios
pod install
cd .. # back to root
# aos
cd android
./gradlew clean
cd .. # back to root
yarn jetify
# Expo Go로 디바이스에서 직접 실행
expo start
# 시뮬레이터로 실행
yarn start
# (새로운 콘솔창 열어서)
yarn run ios
yarn run android
https://docs.expo.dev/#quick-start https://docs.expo.dev/get-started/installation/
# Install the command line tools
$ sudo npm install --global expo-cli
# Create a new project
$ expo init my-project
For Mac users
$ brew update
$ brew install watchman
Install Expo App
Expo 회원가입
(필요없는 과정)
package.json에서 보면, script 명령어들 중에서 android, ios, eject의 명령어는 실행이 안될 것임. 시뮬레이터가 없으므로.
하지만 우리는 Expo 앱을 통해서 모바일 디바이스에서 바로 테스트 해볼 것이므로 상관없다.
npm start
이제 App.jsx 코드를 Expo 앱에서 실행을 해야되는데, 그러기 위해서는 컴퓨터와, 모바일 양 쪽에서 로그인을 해야함
expo login
Mobile
npm start 를 실행하고
RECENTLY IN DEVELOPMENT 에 있는 것(WeatherApp on... )을 터치하면,
브라우저 상에서 build가 시작되면서, 좌측 탭에 해당 디바이스(OIZH)가 보이는 것을 확인할 수 있다.
build가 완료되면, 모바일 화면에 App.jsx의 코드가 잘 빌드되어 보여지는 것을 확인할 수 있다.
이제 App.js의 코드를 변경해 본 뒤, 저장해보자. 모바일에 바로바로 적용되는 것을 확인해볼 수 있다. WOW!