react native 시작 - 안드로이드

정지훈·2022년 5월 24일
0

react 와 next js 로 개발을 시작한지 1년이 넘었을 때 문득 앱쪽도 건드려 보고 싶은 마음이 생겼다..

react native를 처음 사용을 해봤는데 처음 환경설정에서 부터 어려움이 있었다.

환경설정을 expo cli 와 react native cli 가 있는데 친구의 추천으로 react native cli로 진행을 하였고.

일단 안드로이드 스튜디오를 설치를 하여 안드로이드 스튜디오 설치 마법사에서
Android SDK
Android SDK Platform
Android Virtual Device

이것을 모두 선택을 한다. (처음에 어디에 있는지 몰랐는데 잘 찾아보니 메뉴에 있었다..)

모두 설치 후 안드로이드에서 기본적으로 최신 sdk를 설치한다.
하지만 네이티브 코드로 react native 앱을 빌드하려면 android 11(R) sdk가 필요 하다고 해서 sdk manager를 통해 설치할 수 있었다.

그리고 Android 11(r)에서 다음
Android SDK Platform 30
Intel x86 Atom_64 System Image또는Google APIs Intel x86 Atom System Image
이 항목이 선택되어 있는지 확인 후 적용을 누른 후

ANDROID_SDK_ROOT 환경 변수 설정을 해야하는데 여기서 많이 해맸지만 .zprofile을 찾아서 vi로 연 다음에 설정을 했더니 완료 되었다.

세팅은 완료되어서

npx react-native init AwesomeProject

프로젝트를 만들고

npm start --reset cash
npm run android

를 실행하면 안드로이드 시뮬레이터가 켜지면서 실행될 것이다.

reset cash를 안하니까 오류가 나오니 항상 킬때마다 하고 빌드-배포 할때 하면 오류가 안생긴다.

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

0개의 댓글