리액트 썸네일형 리스트형 [React]useEffect가 2번 호출되는 이유(feat. StrictMode) 문제 확인 React 18 버전을 사용하여 애플리케이션 개발을 진행하던 도중 별다른 코드를 작성하지 않았는데 useEffect() 안의 내용이 두 번 출력되는 경우가 발생하였습니다. 이 현상은 개발 시에만 등장하고 실제로 배포할 때에는 현상이 나오지 않아 초반에 꽤 애를 먹었던 오류입니다. function App() { useEffect(() => { console.log("mount"); return () => console.log("unmount"); }, []); return ( ); } 왜 이런 문제가 생기는가? 이러한 문제는 이전 React 버전에서는 등장하지 않고, React 18 이상을 설치한 프로젝트부터 등장합니다. 이것은 React 18 버전부터 추가된 StrictMode 때문입니다. c.. 더보기 이전 1 다음
