[Reat Native 삽질기] #9 axios 대신 fetch를 쓰기로 한 이유

otterji·2022년 5월 20일
0

React Native

목록 보기
9/11

이제 서버와 http 통신을 해야하는데, 이 때 fetch, axios 중 어떠한 것을 쓰면 더 좋을지 고민을 해보았다. 원래 axios를 쭉 써왔는데, 이번에 fetch를 쓰기로 한 이유는 다음과 같은 이유들이 있다.

React Native에서 axios 대신 fetch를 쓰기로 한 이유

  • axios는 별도로 import를 해줘야 하지만, fetch는 빌트인이라 그냥 쓰면 된다.
  • 이로 인해 빌드 용량이 줄어든다.
    (axios는 폴리필이 ie 구버전까지 대응하느라 빌드 크기가 크다)
  • 당연히 버전에 따른 이슈도 axios보다 적다. (rn의 버전 이슈란.. 절레절레)
  • fetch가 제공하는 기능이 axios보다 적긴 하지만 (타임아웃을 거는 등) 그만큼의 기능이 필요하지 않았다.

이 외에도 지개가 해준 이런 말들도 있음.

  • axios는 restful하지 못한 부분 (delete method에 body가 실린다거나)이 있고 요즘에 fetch를 선호하는 경향이 있다고 한다.

그리고!! 난 fetch를 제대로 써본 적이 없기 떄문에 이 기회에 써보자는 생각이 있었다 (ㅋㅋ)

공식문서를 보니 러닝커브도 매우 낮았음!

+) 추가로, 전략패턴이라고 interface를 제공하고 사용자가 interface에 맞춰 원하는 형태로 커스텀할 수 있게 사용하는 패턴으로 개발하기도 한다고 한다. (자세한 내용이나 예시를 찾아보려 했으나 실패 ㅠㅎ)

다음 포스팅에서는 fetch를 활용해 로그인 request한 부분을 다뤄보겠당!

profile
𝙸 𝚊𝚖 𝚊 FE 𝚍𝚎𝚟𝚎𝚕𝚘𝚙𝚎𝚛 𝚠𝚑𝚘 𝚕𝚘𝚟𝚎𝚜 otter. 🦦💛

0개의 댓글