리액트 네이티브 앱을 만들어보자
Expo 혹은 React Native CLI
진행할 방법 : 먼저 Expo를 이용해서 개발 후
프로젝트에서는 React Native CLI를 이용해서 개발한다.
Node.js 설치, 코드에디터(VS code)
-
expo를 이용한 리액트 네이티브 앱 생성
npx create-expo-app AwesomeProject
-
npm start로 앱 실행
npm start
만약 오류 메시지가
'expo'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.
npm i -g expo-cli
npm install
그 후 npx export start
로 실행
이 화면이 나오면 된다.
- 핸드폰 > App store에서 Expo go 앱을 설치한다.
- 안드로이드의 경우 > 구글에 android studio 검색 > 안드로이드 스튜디오 설치
- 설치 후 More Actions > Virtual Device Manager > Create Device
여기서 중요! 저 재생버튼을 눌러준다.. 그 후, vscode로 돌아와서 a버튼을 눌러준다.
만약 위 같은 오류가 난다면, 터미널을 하나 더 띄운 후에
adb kill-server
adb start-server
하거나 아니면 에뮬레이터에서 재생 버튼 눌러서 실행하고 a 누르기 .
잘 실행된다면 이런게 나온다.
오류상황 : Error: adb.exe: device offline 'adb'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.
이런 경우, 아래에 해결 링크를 참고한다.
https://designerkhs.tistory.com/48