거의 알고리즘 일기장

React Native ( expo )를 이용한 사이드 프로젝트 만들기 -5. 안녕~ expo 본문

react-native

React Native ( expo )를 이용한 사이드 프로젝트 만들기 -5. 안녕~ expo

건우권 2022. 1. 13. 21:11

이제 expo와 작별할 시간이다.

expo와의 작별은 간단하다.

그냥 터미널을 열고 -> 프로젝트 폴더로 간 다음에 밑의 코드를 입력하자.

하기전에 git 정리하고 올리지 않으면 git dirty라고 warning 뜨니까 정리하고 시도 ㄲ

// pakage.json에 해당 명령어가 입력되어 있는지 확인
yarn eject // or
npm run eject // or

// 없으면
expo eject

이후 여러가지 입력하라는게 나오는데, 그건 ios & android pakage name 입력, expo login 관련 등등에 관련된 내용인데, 이건 개개인이 맞춰 작성하면 되므로 생략하도록 하겠다. 

 

이제 expo 완료다. 

이제 ios & android 켜보자.


ios

1. ios 같은 경우는 dependency를 관리할 cocoa pod이 필요하다.

sudo gem install cocoapods // cocoapod을 깔지 않았다면
pod install

 

2. 이후, {projectName}.xcworkspace 더블클릭으로 xcode를 킨다음 signing & capablities 설정 

 

3. 실행

yarn ios
yarn react-native run-ios
npm run ios
npm run react-native run-ios// 중 택 1

android

안드는 잘몰라서 밑의 링크를 참고했다.

https://velog.io/@max9106/React-Native-Expo-eject-v8k2akbliq

 

[React Native] Expo eject

Expo eject란? expo를 사용하면, 개발자들이 정말 쉽게 개발을 시작할 수 있다. 그러나 expo에서 지원하지 않는 기능들을 사용하기 위해서는 expo eject 명령어로 expo에서 native로 바꿔주어야 한다. Expo 동

velog.io

1. CMake, Google Play Licensing Library, NDK sdk 깔기

2. avd manager 들어가서, 가상머신 만들기

yarn android
yarn react-native run-android
npm run android
npm run react-native run-android// 중 택 1

이제 시뮬레이터 둘다 확인해보면, 잘 켜진다.


https://reactnative.dev/docs/environment-setup

 

Setting up the development environment · React Native

This page will help you install and build your first React Native app.

reactnative.dev

 

반응형
Comments