[React Native] 리액트 네이티브 비동기 서버 통신 axios 사용법

리액트 네이티브에서 비동기로 서버와 통신하는 방법중에 axios에 대해 알아보자.

비동기 서버 통신 API인 axios는 아래와 같은 형식으로 사용할 수 있다.

---

import axios from 'axios';

axios.post('localhost:8080/api/login', {
      ID: "id", PASSWORD: "password"
    })
    .then(result=>{
      if(result){
        Alert.alert('', '로그인 되었습니다.', [{text: '확인'}]);
      }
    })
    .catch(function(error){
      console.log('login catch error : '+JSON.stringify(error));
    })

post 방식으로 localhost:8080/api/login 서버에 아이디와 패스워드를 파라미터로 넘겨주고,

통신에 성공한 경우 then, 실패한 경우 catch로 빠지게 된다.

통신에 성공하여 then 으로 들어온 경우 비지니스 로직에 따라 처리,

catch로 들어온 경우 적절한 오류처리를 통해 비동기 서버통신을 사용하면 된다.