성능개선 (2) 썸네일형 리스트형 [Algorithm] 알고리즘 기본 패턴 3 - Sliding Window 3. Sliding Window 배열이나 문자열과 같은 일련의 데이터를 입력하거나 특정 방식으로 연속적인 해당 데이터의 하위 집합을 찾는 경우에 유용합니다. 창문을 하나 만들어야 합니다. 여기서 말하는 창문이란 개념은 주어진 데이터의 범위를 나타냅니다.그 창문을 만들고 데이터 안에서 창문을 여는 것처럼 이동을 시키며주어진 조건을 클리어하는 알고리즘 패턴입니다. 이 기법은 윈도우의 크기를 나타내는 변수와 하위 배열, 또는 다른 문자열이 주어지며,윈도우의 크기는 고정되거나 가변적인 크기가 될 수 있습니다. 조건에 따라 창문을 이동시키며, 시작 위치에서 시작하면 보통 왼쪽에서 오른쪽으로 이동합니다. 오른쪽에서 왼쪽으로 이동도 가능하고 가운데 위치에서 시작할 수도 있습니다. 그러나 보통 창문을 왼쪽, 즉, 요소.. [TroubleShooting / React Query] React Query와 React Infinite Scroller 연동 시 중복 호출 문제 해결하기 react infinite scroller 라이브러리에는 initialLoad 속성이 true 로 기본 설정이 되어있습니다. react query 와 함께 사용할 경우, 1. 첫 페이지 데이터를 react query 가 가져오게 되고2. InfiniteScroll 컴포넌트는 자신의 관점에서는 아직 아무 데이터도 로드하지 않았다고 판단 3. initialLoad={true}이므로 자동으로 loadMore(fetchNextPage) 실행4. 다음 페이지인 2번째 페이지를 InfiniteScroll 과 react query 가 별도로 호출하게 됩니다 initialLoad 속성을 false 로 설정하면 기존의 이중 호출 현상이 사라지게 됩니다. 이전 1 다음
