2025. 2. 25. 01:51ㆍStudy/React
React Native로 앱을 만들고 싶어서 공부하려고 합니다.
앱을 만들려면 개발 환경 세팅이 기본입니다.
개발 환경을 두 가지 정도로 나눠서 세팅할 수 있습니다.
Expo와 React Native CLI로 세팅할 수 있습니다.
각 개발 환경마다 장단점이 있는 Expo가 간단하고 편리한 대신 복잡하고 섬세하게 제어를 못한다는 단점을 가지고 React Native CLI는 사용자가 직접 구성해야 한다는 어려움이 있었습니다.
일단은 기본적인 앱을 만들면서 공부할 것이기에 Expo 개발 환경을 조성하려고 합니다.
그러나 Expo 개발 환경 세팅부터 문제가 발생했습니다.
바로 Expo 안드로이드 Amulator를 연동하려고 하면 에러가 떴습니다
바로 두 가지 문제점을 고치니 해결되었습니다.
안되시는 분들은 참고 해주시길 바랍니다.
1. AMD 라이젠 CPU에서 AVD (Android Virtual Device) 사용
Amulator를 사용하기 위해서는 가상화 설정을 허용해주어야 합니다.
인텔은 VT라고 부르고, AMD 라이젠은 SVM(Secure Virtual Machine)라고 부릅니다.
저는 AMD 라이젠이었기 때문에 SVM을 활성화 해주어야 했습니다.
제가 참고한 블로그는 아래에 띄어놓겠습니다.
https://m.blog.naver.com/kkm082/222678613898
AMD 라이젠 가상화(SVM) 설정하기
안녕하세요 엠스토리입니다. 윈도우11의 신기능인 안드로이드 앱 지원 서비스, WSA (Windows subsystem...
blog.naver.com
2. 환경 변수 설정
npx expo start해서 expo 서버를 열어준 후 open Android를 하여 Amulator를 오픈하려고 했습니다.
그런데 위에 가상화 작업을 해주고도 Error가 떠서 chat gpt에 쳐봤더니 SDK의 파일 위치를 못찾는 거더군요.
그래서 환경 변수 작업을 해주었습니다.
환경 변수는 시스템 변수로 가서 아래와 같이 해주시면 됩니다.
새로 만들기
변수 이름 : ANDROID_HOME
변수 값 : C:\Users\username\AppData\Local\Android\Sdk <-Sdk 파일 위치
path 편집 -> 새로 만들기
%ANDROID_HOME%\platform-tools
이런 식으로 해주니 되었습니다... ㅎㅎ
틀린 내용이 있으면 댓글로 꼭 알려주세요.
'Study > React' 카테고리의 다른 글
Chapter 4-2 LifeCycle (0) | 2025.03.03 |
---|---|
Chapter 4 Hooks (0) | 2025.03.02 |
Chapter 03 컴포넌트 (1) | 2025.03.01 |