[React] http 비동기 요청

- 비동기요청을 무조건 redux에서 처리하는 것이 아닌 component 내에서만 쓰이는 비동기 처리의 경우는 component내에서 코딩하여 처리하는것이 코드가 간결해짐

 

- React에서 보통 비동기요청은 axios를 사용

 

- 보통 back-end 개발자가 API list를 주면 그에 맞춰 개발을 한다

 

- cors, localhost 주소가 다를 경우 나올수 있는 error, back-end쪽에서 서버 포트가 달라도 받을수 있도록 설정을 하거나 webpack dev server에서 proxy를 설정하여 해결 할 수 있다

 

- error 데이터는 error.response.data로 응답이 온다

 

- 비동기 요청의 안에서 쓰이는 setState의 경우 함수 초기에 초기화를 따로 해주는 것이 좋다. 요청을 연달아 날릴 경우 이전의 요청 값이 남아 있어 똑같은 요청이 2번 보내지는 오류가 있을 수 있기 때문이다