Gihak111 Navbar

윈도우에서 리엑트 네이티브 개발

윈도우 10을 기준으로 해보자.
단계는 다음과 같다.

  1. Scoop 설치
  2. Node.js 설치
  3. 자바8 JDK 설치
  4. 비주얼스튜디오 코드 설치

Scoop 설치

파워셸을 사용자 권한으로 시작하고 다음 코드를 실행해 보자.

> Set-ExecutionPolicy RemoteSigned -scope CurrentUser
> iwr -useb get.scoop.sh | iex

위 명령을 실행하고, A를 눌러서 실행하자.
설치가 다 되면, 환경변수를 설정해야 한다.

이 코드로 환경변수를 설정할 수 있지만, 일회용이기 때문에 사용자 변수 관리에 들어가서 변수이름을 SCOOP, 위치를 C:\Scoop 로 해서 환경변수를 설정한다.  
이 과정을 진행하면, 디렉토리에 설치된 것을 확인할 수 잇다.  

## Node.js 설치  
버전에 영향을 많이 받기 떄문에, LTS 버전을 사용하자.  
다음 코드를 통해서 설치할 수 있다.  

scoop install nodejs-lts node -v ```
위 코드를 통해서 설치 밑 버전 확인을 할 수 있다.

JDK 설치

안드로이드 SDK 빌드 도구가 필요하기 때문에 다운한다.
앱이 동작하는 안드로이드 폰의 자바 버젼은 자바 8 이므로, 자바 8 JDK를 설치하자.

> scoop install git
> scoop bucket add java
> scoop install temurin8-jdk
> java -version

위 콛르를 통해서 설치하자.

비주얼 스튜디오 코드 설치

웬만하면 다들 설치 했겠지만, 다음 코드를 통해서 다운로드 할 수 있다.

> Scoop bucket add extras
> scoop install vscode

설치가 끝나면 VSCode를 실행할 수 있도록 Open with Code 를 추가하면 된다.

Extras 버킷 추가

안드로이드 스튜디오를 설치하기 위해 필요하다.

scoop bucket add extras

이미 설치되어 있다는 결과가 나오면, 안드로이드 스튜디오 설치하면 된다.

안드로이드 스튜디오 설치

리액트 네이티브로 안드로이드 앱 만들려면 설치 해야 한다.

> scoop install android-studio
> scoop install android-studio android-sdk // 이 코드는 애러 난다.

위 코드를 통해 설치하면, Scoop Apps에 묶여서 한번에 나온다.
SDK Manager를 통해 개발할 수 있다.

scoop list

위 명령어로 무슨 패키지가 있는지 알 수 있다.

이후, 안드로이드 스튜디오를 실행해서 마저 설치해 주자.

안드로이드 앱 만들기

이제, 안드로이드 에뮬러레이터를 만들어 보자.
이는 텀퓨터로 만든 안드로이드 앱을 가상으로 실행해서 디버깅에 용이하게 해 준다.
우선, 새 프로젝트로 안드로이드 스튜디오의 프로젝트를 하나 만들어보자.
마치, 비주얼스튜디오 코드와 같은 화면이 나온다.

이어서, 상단의 tool > device manager 에 들어가서 + 를 눌러 Add new device 를 실행하자.
86 images의 api가 29, 86_84 google APIs 를 다운받으면 된다.
새로 생긴 디바이스의 >를 눌러보면, 잘 싱행되는것을 확인할 수 있다.
여기서 오류가 나오는데, The emulator process for AVD Medium_Phone_API_29 has terminated.
이런식의 오루가 나온다.

위 오류의 원인은 2개이다.

  1. 안드로이드에 설치해야할 SDK tools가 부족하다.
  2. 안드로이드 AVD의 환경변수의 문제이다.

1. SDK tools 추가설치

Tools > SDK Manager로 들어가자.
SDK Tools에서 아래 도구들 설치하자.

2. AVD의 환경변수 설정

이는 위치에 사용자 명이 들어가서 아스키 코드를 사용하기에 이를 없애기 위함이다.
C:\AndroidAVD
위 파일 위치를 만들고, 환경변수에 집어넣자.
ANDROID_AVD_HOME 를 이름으로 저 폴더를 지정하자

위 과정을 마친 후 다시 안드로이드 스튜디오를 실행하자.
파일위치에 아스키 코드가 들어가는게 오류의 원인인것 같다.

추가로, 이런 오류가 나올 수 있다.
Unable to create a temporary file for the crash report.

로그를 통해 확인한 결과,

이는 다음과 같은것이 원인일 수 있다.

  1. 파일 시스템 오류: GetFileAttributes 함수 호출 시 오류가 발생했다. 이 오류는 일반적으로 해당 경로에 파일이나 디렉터리가 존재하지 않거나 권한 문제가 있는 경우 발생한다. 경로에 한글 또는 특수 문자가 포함되어 있는 경우에도 문제가 될 수 있다.

  2. Vulkan 지원 문제: Failed to create Vulkan instance라는 메시지가 보입니다. 이 오류는 Vulkan 그래픽 API를 초기화할 수 없다는 것을 의미하며, 해당 기능이 비활성화되었음을 나타낸다.

  3. AVD(안드로이드 가상 장치) 관련 문제:
    • .ini 파일을 읽는 데 실패했습니다. 이 파일들은 AVD의 설정을 저장한다.
    • cache에서 default_boot 스냅샷을 찾을 수 없다는 오류가 발생했다.
  4. 안티 치트 소프트웨어: Vanguard와 같은 안티 치트 소프트웨어가 감지되었다. 이 소프트웨어는 에뮬레이터와 호환성 문제가 있을 수 있다.

  5. GPU 드라이버: Failed to create Vulkan instance와 관련된 오류는 GPU 드라이버 문제일 수 있다. 최신 드라이버로 업데이트하거나 Vulkan을 비활성화 해보자.

위 방법으로도 해결이 되지 않는다면, 나도 모르겠다. 나도 여기서 막혔다. 왜 안되는 걸까

노트북에 새로 환경을 만들어 성공했다.
원인을 사용자 이름이 한국어 인 점에 있다.
하지만, 노트북의 성능 한계로 인해 완활한 작업이 진행되지 않는다.