takeLatest,takeEvery
2023. 6. 14. 14:03ㆍ개발/react,next
반응형
takeLatest:
사용자가 반복해서 클릭 또는 요청하는 경우, 최신의 클릭 또는 요청만 처리하고 이전의 클릭 또는 요청을 무시하고 싶을 때 사용됩니다. 예를 들어, 검색 버튼을 여러 번 누르는 경우, 가장 최신의 검색어에 대한 API 요청만 처리하고 이전 요청은 취소됩니다.
실시간 검색 기능이나 자동 완성 기능과 같은 경우에 유용합니다.
takeEvery:
모든 디스패치된 액션에 대해 비동기 작업을 수행하고 싶을 때 사용됩니다. 예를 들어, 사용자가 여러 번 클릭할 때마다 모든 클릭 이벤트에 대해 API 요청을 보내고 싶을 때 사용됩니다.
여러 개의 인스턴스가 동시에 실행되어야 하는 작업이 있는 경우에 유용합니다. 예를 들어, 여러 사용자가 동시에 채팅 메시지를 전송할 때, 각 메시지에 대한 처리를 병렬로 수행하려는 경우입니다.
따라서 takeLatest는 가장 최신 액션에만 관심이 있는 경우에 사용되며, takeEvery는 모든 액션에 대해 작업을 수행해야 할 때 사용됩니다. 선택은 사용 사례 및 비동기 작업 처리 방식에 따라 달라집니다.
반응형
'개발 > react,next' 카테고리의 다른 글
useEffect 가 바라보는 const {} (0) | 2023.09.20 |
---|---|
비동기 해결한 tab (0) | 2023.08.16 |
상위 컴포넌트로 전달 useImperativeHandle & forwardRef (0) | 2023.06.07 |
react-dom.development.js:11340 Uncaught DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node. (1) | 2023.05.30 |
useLayoutEffect > DOM > 생명주기 (1) | 2023.05.30 |