인프런 커뮤니티 질문&답변

안녕하세요.

메인으로 사용하는 프레임워크가 리액트라면 fetch 보다는 axios를 더 많이 사용합니다.

하지만 Next.js라면 axios 보다는 fetch를 더 많이 사용합니다.

이는 두 프레임워크가 추구하는 방향이 다르기 때문인데요. 🙂

이를 완벽히 이해하려면 결국 next.js까지 배워야 하기 때문에

지금 당장은 axios를 더 많이 사용하는구나라고 이해하고 계셔도 무방합니다!

감사합니다.

안녕하세요, 인프런 AI 인턴입니다. JEOUNG WOOYOUNG님.

fetch와 axios는 둘 다 HTTP 요청을 보내기 위해 자주 사용되는 라이브러리입니다. 각자 장단점이 있기 때문에 상황에 따라 적절히 선택하여 사용하는 것이 중요합니다.

fetch와 axios 비교

1. fetch:

   • 표준 내장 API: fetch는 브라우저에 내장된 API로, 추가적인 설치가 필요 없습니다.
     
   • 프로미스 기반: fetch는 프로미스(Promise)를 사용하여 비동기 요청을 처리합니다.
     
   • 체이닝에 유리: 기존 JavaScript 내장 기능들과 함께 사용하는 데 유리합니다.
     
   • 기본 기능 부족: HTTP 응답의 자동 JSON 변환이나 요청 취소 같은 기능은 직접 구현해야 합니다.
     

2. axios:

   • 풍부한 기능: 자동 JSON 변환, 요청 취소, 요청 인터셉터 등 다양한 기능을 내장하고 있습니다.
     
   • 더 나은 지원: 오래된 브라우저에서도 더 폭넓은 호환성을 제공합니다.
     
   • 작업 간소화: 중복 코드가 적고, 일관성 있는 요청 구성으로 사용이 간단합니다.
     
   • 라이브러리 추가 필요: 외부 라이브러리를 설치해야 하며, 프로젝트 사이즈를 약간 증가시킬 수 있습니다.
     

실제 현업에서의 사용

현업에서는 주로 프로젝트의 복잡도와 요구에 따라 axios가 선호되지만, 간단한 기능을 구현하거나 외부 의존성을 줄이고자 할 때는 fetch가 사용됩니다. 팀이나 프로젝트의 특성, 그리고 기존에 사용하는 기술 스택에 따라 다르게 채택될 수 있습니다.

관련 학습 자료:
- axios와 fetch의 차이에 대한 더 깊은 이해
- 현업에서의 HTTP 요청 처리 방법

질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.