[RN - Android] 안드로이드 디바이스 기기 테스트

도디·2020년 7월 22일
4

React Native

목록 보기
3/28

안녕하세용 도디옝용
오늘은 안드로이드 디바이스에서 기기 테스트에 대해 알아봐용!! 에뮬레이터가 잘 되어있다 한들... 실제 기기로 써보는거랑 보이는게 천지차이더라구요. 에뮬레이터에서는 분명히 사이즈 괜찮아보였는데.. 기기로 보니까 너무 차이나더라...!

그래서 오늘 안드로이드 기기로 테스트 세팅하는 법에 대해 글을 써보려합니다. RN 도큐먼트에 기기 테스트 법에 대해 잘 나와있긴 합니다. 참고해보세용

안드로이드 디바이스 설정하기

Android Studio로 디바이스 테스트를 하기 위해선
테스트할 안드로이드 핸드폰을 개발자 모드로 세팅을 해야 합니다.

저는 갤럭시 S10 5G기기 입니다.

설정 > 휴대전화 정보 > 소프트웨어정보 > 빌드번호

빌드번호를 여러번 클릭하고, 기기 잠금 패턴을 해지하면

설정 > 개발자옵션

이 새롭게 나타납니다.

설정 > 개발자옵션 > USB 디버깅

을 활성화 합니다. 여기까지가 안드로이드 디바이스 설정 완료입니다.

Android Studio에서 디바이스 테스트 시작시키기

에뮬레이터가 작동하는 본인 개발 기기에 핸드폰을 연결합니다.

안드로이드 스튜이오에서 기기선택을 본인 디바이스로 선택하고
저 녹색 벌레같이 생긴 Debug 'app' 버튼을 클릭합니다.
그러면 본인 핸드폰에

Waiting For Debugger ...

이라는 안내문구와 함께 조금 기다리다보면 프로젝트가 실행됩니다~~

만약, 지금 작업하고 있는 작업물이 디바이스에 반영이 되지 않는다면?

네 바로 반영이 되지않는것이 당연한겁니당!
테스트 기기에서는 번들 파일을 읽고 테스터 기기에 띄우는 거기 때문에

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

프로젝트의 루트에서 위의 명령어로 번들파일을 업데이트 하고
디바이스 기기 디버깅을 실행하면 반영되는걸 확인 할 수 있습니당.
쏘이지~~

profile
충전중..🤔

2개의 댓글

comment-user-thumbnail
2020년 9월 2일

안녕하세요!! native로 노티를 띄우는 미션을 받게된 주니어 프론트엔드 입니다!!
react만 사용해보고, react native는 아예 처음인 상태인데요ㅠㅠ
시뮬레이터 상에서 생각했던 기능이 안보여져서 실제 기기로 테스트하려고 하는데, 다름이 아니라
[ 안드로이드 스튜디오에서 기기선택을 본인 디바이스로 선택하고 ] => 부분을 못 찾고 있습니다.....ㅠㅠ.....

기기에 디버깅모드 설정하고, usb 연결 후 작업중이던 프로젝트를 불러오면
기본으로 가상 디바이스가 설정된 상태이고 다른 디바이스를 선택하는 창이 없는데,
혹시 기기 선택 버튼이 어디에 있을까요ㅠㅠㅠㅠ?

안드로이드 스튜디오에서 다른 프로젝트 open 했을때 상단 부분 캡쳐한 이미지입니다~
https://blog.naver.com/rkdthfal4759/222078542962

1개의 답글