JadeCode

RN 가상머신 설치 본문

개발/리액트네이티브

RN 가상머신 설치

z-zero 2022. 10. 17. 09:00

직접 자신이 가지고있는 모바일기기로 결과물을 확인해도 좋고 가상머신을 활용해도 좋다.

expo는 다 지원하기 때문에 모바일 기기가 없어도 안드로이드 화면과 ios화면을 볼 수 있는 가상머신을 설치해 보자.

 

Android

1. android Studio 설치
2. 우측 상단에 More Actions 에서 Virtual Device Manage클릭
3. device를 만들 때 Play Store아이콘이 있는 템플렛으로 디바이스를 만들어야 한다.
4. Actions 실행버튼 누르면 된다.
5. npm run start로 코드를 실행시킨 후 a를 눌러 android Emulator로 결과물 확인


IOS
1. xcode 설치
2. preference > Locations > Command Line Tools에 버전이 선택되어 있도록하기. 기본적으로는 선택되어 있지 않음
3. Finder에서 Applications 에서 Xcode를 찾아 우클릭 후 show Package Contents를 클릭
4. Contents-Developer-Applicatoins에 들어가면 Simulator.app 실행
5. npm run start로 코드를 실행시킨 후 i를 눌러 ios simulator로 결과물 확인

 

emulator & simulator

 

'개발 > 리액트네이티브' 카테고리의 다른 글

RN 디버깅 에러 핸들링  (0) 2022.10.30
RN ScrollView vs. FlatList  (0) 2022.10.19
RN styled-components  (1) 2022.10.18
RN 절대경로 (typescript)  (1) 2022.10.15
React Native 개념  (0) 2022.10.14
Comments