프론트엔드/React

[REACT] axios를 사용해야만 하는 이유

공자거부기 2024. 11. 13. 09:13

 

문법

axios는 매우 간결한 문법을 사용한다.

fetch보다 짧고 가독성이 높다.

 

변환 및 파싱

Json으로 형식 변환을 지정없이도 할 수 있다.

rest api를 받아오는 것도 자동으로 파싱해준다.

 

 

에러 체크

 

fetch는 '요청 실패'에 대한 오류만을 체크한다. (데이터 값을 보내는 것)

즉, 받아오는 값이 에러가 난다거나 데이터를 보낸 후 404에러나 500에러가 나도 전혀 체크하지 못한다.

axios는 각 에러에 대한 다양한 처리를 할 수 있어 훨씬 간편하고, 유용하다.

 

인터셉터 기능

요청 전송 전에 가로채 값을 체킹하거나 추가하는게 자유롭다.

fetch가 불가능한건 아니지만 MVVM 패턴에 좀 더 가까워진다.

 

 

 

요약 : axios 그냥 쓰자.