그린티_

서론React 프로젝트를 하다 보니 API 호출이 정말 많았음useEffect에서 fetch로 데이터를 받고, 로딩 상태, 에러 상태를 관리하고... "매번 이렇게 해야 하나?" 싶었음그리고 데이터를 받은 후에 같은 데이터를 또 받으려고 하면 불필요하게 API를 또 호출하더라"이미 받은 데이터인데 왜 다시 받아?"라는 생각이 들었음, 그러다가 React Query와 SWR 같은 라이브러리를 발견했음이들이 어떻게 다르고, 언제 뭘 써야 하는지 정리해봄본론문제 1: 반복되는 데이터 페칭 코드// 모든 컴포넌트에서 이렇게 해야 함...function UserProfile({ userId }) { const [user, setUser] = useState(null); const [loading, setLoa..

📡 Fetch vs Ajax개념 정리Ajax란?AJAX(Asynchronous JavaScript and XML)는 웹페이지를 새로 고침하지 않고 서버와 비동기적으로 통신할 수 있게 해주는 기술초기에는 XML을 주고받았지만, 현재는 대부분 JSON을 사용Ajax를 구현하는 대표적인 방법은 XMLHttpRequest 객체(XHR)를 사용⸻Fetch API란?Fetch API는 Promise 기반으로 비동기 HTTP 요청을 처리하는 최신 표준 API코드를 더 간결하고 직관적으로 작성할 수 있고, async/await과도 잘 어울림XMLHttpRequest의 복잡함을 대체하는 방식으로 등장했으며, 대부분의 최신 브라우저에서 기본 제공됨⸻예제 코드 비교XMLHttpRequest (XHR)const xhr = ..