[React] SWR이 무엇인가요?

우선 SWR을 알아보기 앞서 캐시에 대해서 알아보겠습니다. ❓캐시란 무엇인가 캐시는 데이터를 일시적으로 저장하는 메모리를 가리키는 용어입니다. 한 번의 요청에 비용이 큰 경우, 여러 번 요청을 하는 것 보다, 한 번의 요청 이후 캐시에 저장하여 재사용 하기 위한 전략입니다. ❓SWR이 무엇인가 SWR은 Stale-While-Revalidate의 약자로 HTTP 캐시 무효 전략을 뜻합니다. SWR은 우선적으로 캐시로 부터 데이터를 반환한 후, fetch 요청(Revalidate)이 필요한지 확인하고 요청을 합니다. 즉 캐시에 있는 데이터로 처리할 수 있다면, 굳이 요청을 하지 않는 것이죠. 그리고 반대로 사용자가 원하는 순간에 요청을 보내 새로 데이터를 받을 수 있습니다. 이를 통해 컴포넌트는 지속적으로 ..

• format_list_bulleted 개발관련/React
• · 2023. 11. 24.
• textsms

[개발 상식] Ajax, Axios, Fetch API가 무엇일까?

Ajax Asynchronous JavaScript and XML의 약어로 비동기적으로 서버와 상호작용하여 데이터를 가져오는 기술입니다. XMLHttpRequest를 통한 상호작용. 비동기적으로 작동하므로 요청과 응답이 완료될 때 까지 기다리지 않고 다른 작업을 수행할 수 있습니다. 왜 Ajax를 사용할까요? HTML Form 요소를 이용하여 원하는 데이터를 가져올 수 있습니다 하지만 위의 방법으로 데이터를 받게되면 자동적으로 브라우저 전체에 새로고침이 일어납니다. 따라서 비동기적으로 데이터를 받아올 수 있는 Ajax를 사용합니다. Ajax 기본 코드 //jQuery를 이용하여 사용합니다. $.ajax({ type: "GET", url: "여기에 URL을 입력", data: {}, success: fun..

• format_list_bulleted 개발관련/개발 상식
• · 2023. 8. 13.
• textsms