[React_Native] Network response time out 에러 해결

에러코드

Network response time out

문제상황

: IDE에서 Expo를 실행 시킨 후, 스마트폰의 Expo go 앱을 이용해 QR코드를 인식했으나 위와 같은 오류가 발생한다

원인

: 말 그대로 Network오류다
정확히는 Network에서 응답을 요청했으나, 지정한 시간동안 응답을 전송할 수 없게되어 발생한 에러다
그럼 왜 네트워크 오류가 났느냐하면, 현재 IDE에서는 프로젝트를 로컬 환경에서 실행한것이다.
따라서 이를 빌드 및 리모트로 배포하거나, 사용하려는 스마트폰의 네트워크를 로컬환경에 맞춰줘야한다.
또한, 사용하려는 포트(reactnative는 보통 19000번대의 포트를 사용한다)를 방화벽의 인바운드 규칙을 통해 열어줘야한다.

해결방법

1. 포트 열어주기
: 윈도우 시작버튼 > windows defender > 인바운드 규칭 아래 새 규칙 선택 >
규칙종류(포트) > TCP, 특정 로컬 포트(19000-19010) > 다음 연속 > 원하는 규칙이름 설정

2. 네트워크 맞춰주기
   : 현재 PC에서 사용중인 와이파이를 연결하면 해결 됨
   : 만약 노트북에서 공용 네트워크(WiFi)를 사용중이라면, 해당 와이파이를 연결하면 됨

• 참고 링크 : https://gracefullight.dev/2018/01/01/react-native-windows-network-setting/