React-Native 빠르게 시작하기 (5)

웹 통신을 하는 방법을 소개한다

https://home.openweathermap.org/

예시로 해당 사이트의 api를 호출하는 과정을 설명한다

 

`npm install axios`

(axios 모듈을 이용하여 통신)

Members

---

 

1) 웹 통신을 위해 axios모듈을 임포트한다

2) API_KEY를 발급받아 변수로 저장한다

---

 

현재 위치를 받아온 후, api요청을 통해 현재 기상정보를 가져오기 위한 코드를 작성한다

해당 목적의 메소드 생성

---

 

 

위의 URL부분을 다음과 같이 변경한다

(변수를 문자열안에 쉽게 포함시킬 수 있음)

---

 

좌표를 받아온 후 호출하기 위해, getLocation 메소드 내부를 수정한다

---

 

실행 결과

---

react-native를 이용한 웹 통신은 axios이용하기