리액트 네이티브 02 - Expo 세팅

Expo 프로젝트 다운로드

npx create-expo-app FirstProject

 

이렇게 프로젝트를 생성하려 했으나...

 

 

위와 같은 에러가 발생했다...

대충 저 경로에 npm 파일을 감지하지 못해서 생기는 것 같다.

 

 

그래서 C드라이브에 nodejs 폴더로 가 npm 파일을 복사해서 옮겼다.

 

Node.js 버전 이슈

그리고 다시 Expo 프로젝트를 설치했는데

 

 

위와 같은 에러가 떴다... 휴

노드 버전의 문제인 것 같다.

 

https://github.com/coreybutler/nvm-windows/releases

Releases · coreybutler/nvm-windows

 

위의 링크로 가서 해당 노드 버전 관리 매니저를 설치하고

 

설치 가능한 노드 버전을 확인하고

 

1. 새로운 노드 버전 설치
2. 깔려있는 노드 버전 리스트 확인
3. 새로운 노드 버전 적용
4. 적용 확인

 

 

겨우 성공했다... 윈도우로 Git Bash 터미널 설치하는 것도 생소했는데 그래도 어쨌든 해결....^^

 

Expo  네이티브 앱 구조

 

폴더 위치 에러

 

프로젝트를 시작했는데 또 에러가 떴다...

생각해 보니 부트캠프 때도 자주 봤던 오류다.. 생성한 프로젝트 폴더로 이동하지 않아서 그렇다...

 

Android Studio 설치

https://developer.android.com/studio

Download Android Studio & App Tools - Android Developers

 

 

 

• Android Studio를 설치하고
• Virtual Device Manager 선택
• Create Device 선택
• Play Store 표시가 있는 Pixel 4 선택
• API Level 33인 Tiramisu를 선택 및 생성 완료

 

adb 명령어 오류

 

설치를 마치고 `a`를 눌러 실행을 했는데 에러가 또 났다...

감지를 하지 못하고 있는 것 같다.

 

그래서 `adb kill-server` - `adb start-server`로 껐다 켜기를 시전 하려 했지만

`adb` 명령어를 감지하지 못했다.

 

그래서 다음과 같이 해결했다.

• 안드로이드 스튜디오 세팅에 들어가 Android SDK를 검색
• Android SDK Location 주소를 복사
• 터미널 명령어에 입력

입력할 명령어의 구조는 다음과 같다.

 

export PATH="PATH:${Android SDK Location}\platform-tools"

 

디바이스 연결 에러

adb 명령어를 해결하고 다시 a를 눌러 실행했다.

그 결과는...

 

 

또 에러다... 대충 안드로이드 디바이스를 감지하지 못하고 있다는 뜻...

이번 해결은 간단하다.

 

 

디바이스를 켜면 된다...!

 

드디어 성공...

 

드디어 화면이 보이고 코드도 적용된다.

휴... 모든 과정에서 에러가 났지만 그래도 해결하는 재미를 조금 알게되었다... 쪼끔...

iOS도 세팅하고 싶었는데 Xcode가 맥북에서만 다운이 되는 것 같아서...일단 안드로이드 스튜디오로 했다.