React Native도구 'Expo'와 실제 Android기기 연결이 안될 때

문제상황

(좌) 개발PC 에뮬레이팅 환경 / (우) 휴대폰

 Something went wrong

개발 컴퓨터에 필요한 모듈은 모두 설치하였고, expo init - npm start 로 정상적으로 에뮬레이팅 환경을 띄워놓았다.

이 상태에서 안드로이드 기기 ( 갤S8 ) Expo 앱에서 QR코드로 연결하고자 하였다. 그 때, 위와 같은 화면이 떴다. 에뮬레이팅 환경 터미널에는 아무 에러도 뜨지 않는다.

개발PC와 안드로이드 기기는 공유기 와이파이로 연결되어있다.

 

원인

와이파이로 연결되어있을 때, 에뮬레이팅 환경에서 LAN으로 연결하려고 하면 문제가 많이 생긴다.

가장 많은 경우가 서로 다른 네트워크에 연결된 경우 ( 개발 pc와 안드로이드 기기가 다른 와이파이를 잡은 경우 )

그 다음이 네트워크 어댑터 우선순위에 문제가 있는 경우이다.

 

해결

http://snowdeer.github.io/linux/2018/10/13/ubuntu-change-network-priority/

Network Interface 우선 순위 변경하기 · snowdeer's Code Holic

꼭 LAN환경으로 해야만 한다면 순위를 잘 변경해주면 되는데, 우분투환경에서는 ifmetric을 사용하여 간단하게 설정할 수 있다.

 

설정하기 귀찮으면 Tunnel 모드로 전환하여 테스팅하면된다. CONNECTION에서 Tunnel을 선택하면, 터미널에 'Tunnel ready'가 출력된다. 이 때 안드로이드 기기에서 QR코드로 연결하면 정상적으로 에뮬레이팅된다.