이번 글은 사이드 이펙트로 인하여 refetch에 관한 문제를 다뤄보려고 합니다문제이게 pull 받고 난 후 상황인디여refetch를 컴포넌트 본문에서 호출하다 보니, 리렌더링이 일어날 때마다 서버에 요청이 쏟아졌습니다. 이렇게 결과는버튼 하나만 눌러도 네트워크 탭에 수십 개의 요청이 찍히고,서버는 불필요한 트래픽으로 과부하가 걸렸습니다.화면도 계속 깜빡이면서 UX가 완전히 망가졌습니다.왜 이런 문제가 생길까?핵심은 React의 컴포넌트 렌더링 방식 때문입니다.React 컴포넌트는 상태나 props가 바뀌면 리렌더링 됩니다.리렌더링될 때마다 함수 본문이 다시 실행됩니다.그런데 그 안에서 refetch()를 호출하면?→ 렌더링 = 네트워크 요청 이 되게 됩니다즉, refetch는 조건부로 실행되어야 하는 ..
