두번렌더링1 두 번 렌더링되는 리액트 템플릿 리액트를 사용하여 프로젝트 진행 중 이슈를 발견했습니다. 리액트 템플릿을 가져와서 프로젝트를 구현하는 중, useEffect를 사용하여 페이지 렌더링 시 함수를 호출하는데 자꾸 오류가 발생하여 console.log(1)를 사용해보니 1이 두번 출력되는것을 확인하였습니다. 원인 개발모드에서 (개발 단계시 오류를 잘 잡기위해) 프로젝트의 src/index.js에서 태그로 을 감싸 두 번씩 렌더링한다고 합니다. src/index.js의 코드를 확인해보니 태그로 감싸져 있었습니다. import React from 'react'; import App from './App'; import ReactDOM from 'react-dom/client'; const root = ReactDOM.createRoot(docu.. 2022. 9. 20. 이전 1 다음
