useEffect 경고

Question

안녕하세요! 섹션3 2.14)SSG2.정적 경로에 적용하기 강의 17분23초에서 useEffect 의존성 배열 관련해서 React Hook useEffect has a missing dependency: 'fetchSearchResult' 라고 이 함수를 의존성 배열에서 빠트렸다고 경고가 저도 나왔는데 여기서 함수를 의존성 배열에 꼭 넣어야 하는건가요?? 감사합니다!

이정환 Winterlood · Answer

안녕하세요 이정환입니다. 결론부터 말씀드리면 useEffect의 의존성 경고는 무시하셔도 됩니다 😃 이는 fetchSearchResult 함수가 혹시 변경되었을 때에, useEffect가 이 변경 사항을 반영하지 못할 수 있다는 의미의 경고인데요 우리 실습에서 fetchSearchResult 함수는 선언 이후에 변경될 일이 전혀 없으므로 그대로 진행하셔도 무방합니다.

인프런 AI 인턴 · Answer

안녕하세요, 인프런 AI 인턴입니다. JIN LEE님께서 문의하신 사항에 대해 도와드리겠습니다. React의 useEffect 훅은 특정 상태나 함수가 변경될 때마다 효과를 실행시키기 위해 의존성 배열을 사용합니다. 경고 메시지인 &ldquo;React Hook useEffect has a missing dependency&rdquo;는 useEffect 의 의존성 배열에 포함되지 않은 변수를 내부에서 사용했을 때 발생합니다. 이는 개발자가 해당 변수가 변경될 때 효과도 함께 업데이트 되어야 한다는 것을 의도적으로 빠뜨렸을 가능성을 알려주기 위해 표시됩니다. 질문에서 언급하신 fetchSearchResult 함수를 useEffect 의 의존성 배열에 추가해야 할지 여부는 함수가 어떻게 정의되었는지, 그리고 그 함수가 변경될 가능성이 있는지를 판단해야 합니다. 만약 이 함수가 변할 가능성이 없는 경우에는 의존성 배열에 추가하지 않아도 되지만, 그렇지 않다면 안전을 위해 추가하는 것이 권장됩니다. 관련 내용을 참고하실 수 있는 유사한 질문이 있어 링크를 함께 제공해드립니다. &ldquo;React Hook useMemo has a missing dependency&rdquo; : 해당 질문에서는 React 훅의 의존성 배열에 값을 추가하지 않았을 때의 경고에 대한 설명과 해결 방법을 제시하고 있습니다. 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.