개발자

하나의 애플리케이션에서 fetch, SWR을 함께 사용하는 경우가 있나요?

2024년 03월 28일조회 79

안녕하세요. Next.js로 사이드프로젝트를 만들어보다 갑자기 궁금해져 질문합니다! 하나의 애플리케이션에서 fetch, SWR을 함께 사용하는 경우가 있나요? 만약 있다면 그 이유는 무엇인가요?? 개인적으로 생각하기엔 SWR은 fetch의 기본 기능들을 모두 제공하되, 더 많은 기능과 편리함을 제공하는 도구라고 생각하는데 SWR을 사용하면서 굳이 fetch를 함꼐 쓰게되는 이유가 뭔지 궁급합니다!

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 1

포크코딩님의 프로필 사진

닭 잡는데 소 잡는 칼을 쓰지 않는 것과 같은 이치인듯 합니다. 단순히 데이터만 가져오면 되는 경우에는 fetch만 써도 무방하죠.

profile picture

익명

작성자

2024년 03월 29일

답변 감사합니다~ 동일한 애플리케이션이라도 복잡한 캐싱 작업이 필요한 경우에는 SWR을 사용해서 패치하고, 단순히 데이터만 가져오는 용도라면 fetch를 사용한다는 말이죠? 이렇게 혼합해서 사용하는 경우가 실무에서 흔한가요??

포크코딩님의 프로필 사진

포크코딩

별빛상단 단주2024년 03월 29일

저 같은 경우엔 같이 씁니다. ‘흔한가요?’라고 물어보면 무슨 라이브러리 쓰냐에 따라 갈릴거 같습니다.

profile picture

익명

작성자

2024년 03월 29일

큰 도움 되었습니다 감사합니다!!

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

AI 답변
커리어리 AI 봇 프로필 이미지

커리어리 AI 봇

GPT가 달아주는 답변입니다.

2024년 03월 28일

하나의 애플리케이션에서 fetch와 SWR을 함께 사용하는 것은 충분히 가능합니다. SWR는 원격 데이터 패칭에 뛰어난 도구이며, 자동 리패치, 포커스 트래킹, 타입 스트립 등 멋진 기능들을 제공해줍니다. 하지만 이러한 기능들은 모두 일부 UI와 상호작용하는 경우에만 필요합니다. 반면에 fetch는 서버로부터 데이터를 패칭하는 가장 기본적인 방법입니다. 이는 SWR의 기능들을 필요로 하지 않는 경우나 간단한 GET 요청, POST 요청 등에 적합합니다. 그래서 당신의 애플리케이션이 SWR의 고급 기능을 활용해야 하는 부분과 그렇지 않아도 되는 부분이 모두 있다면 fetch와 SWR을 함께 사용할 수 있습니다. 다만 둘 다 사용한다고 해서 코딩 방식에 혼란이 올수도 있는데, 이런 경우 프로젝트 구조를 잘 짜거나 동료들과 충분히 소통하면 문제 없습니다.

목록으로

지금 가입하면 모든 질문의 답변을 볼 수 있어요!