api 호출 시 Network request failed 해결방법

오늘도 여전히 RN 삽질을 삽질삽질 한다.

이제 막 시작하는 프로젝트라 간단하게 api 호출 하고 오는것만 테스트해보려했는데 이거떔에 한시간정도 삽질했다.

언제나 그렇듯이 결론부터.

fetch(serverIp + "/getServerIp")

.then(response => response.json())

.then(response => {

console.log(response.msg);

GLOBAL.BASE_URL = response.msg;

console.log(GLOBAL.BASE_URL);

})

.catch(function(error) {

console.log(

"There has been a problem with your fetch operation: " + error.message

);

// ADD THIS THROW error

throw error;

});

여기서 serverIp는 0.0.0.0:0 의 아이피:포트번호 형식이다.

저 fetch라는놈은 url에 아이피만 있으면 제대로 동작을 안한다. 앞에 꼭 http:// 혹은 https:// 를 붙여줘야한다. 

즉 아이피가 1.2.3.4고 포트가 3000 이라면 http://1.2.3.4:3000 을 넣어줘야 제대로 동작한다는 것.

이거땜에 스택오버플로우 찾아보고 RN 깃헙보고 아주...아주아주...뜻깊고 즐거운 시간을 보낼 수 있었다ㅡㅡ