프로그래밍/Front-end
[React] axios로 백엔드 연동하기
1. fetch VS axios 백엔드와 통신을 하기 위해선 비동기 HTTP 통신을 하게 된다. fetch 또는 axios의 활용이 필요하다. 각자 선호하는 방식에 따라 선택을 하면 되는데, 필자는 axios를 선택하게 되었다. fetch와 axios의 비교를 통해, 자신에게 적합한 라이브러리를 확인하여 선택하면 될 것이다. (1) fetch fetch는 Promise(JavaScript 비동기 처리의 성공 유무를 나타내는 객체) 기반 JavaScript 내장 라이브러리로, 추가적인 설치 과정 없이 바로 활용이 가능하다. 다만, 네트워크 에러가 발생하는 경우 response timeout이 없어 기다려야 하며, 전달받은 데이터를 JSON으로 변환해주는 과정이 필요하다. (2) axios axios는 Pr..
2023. 11. 19.