이제 서버와 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한 부분을 다뤄보겠당!
𝙸 𝚊𝚖 𝚊 𝗙𝗘 𝚍𝚎𝚟𝚎𝚕𝚘𝚙𝚎𝚛 𝚠𝚑𝚘 𝚕𝚘𝚟𝚎𝚜 𝗼𝘁𝘁𝗲𝗿. 🦦💛