React에서 useEffect 안에서 setState 하면 무한 루프가 발생하는 이유와 해결법

API 데이터를 가져와서 state에 저장하려는데 무한 렌더링이 발생합니다.

const [items, setItems] = useState([])
useEffect(() => {
  fetch('/api/items').then(r => r.json()).then(setItems)
}, [items]) // items가 바뀌면 다시 fetch → 또 바뀜 → 무한루프