문제

• 렌더링 시점을 확인하려고 콘솔을 찍어보니, 렌더링이 두번 되는 현상 발생

원인

• 아래와 같이 index.tsx(또는 index.jsx)에서 <App />태그가 <React.StrictMode>태그로 감싸진 경우, 구성 요소를 두 번 렌더링함

  

React.StrictMode란?

해결책

• React.StrictMode가 원인 인지 확인하려면 <React.StrictMode> 태그를 잠시 주석처리 후 확인
• 만약 렌더링이 정상적으로 한 번만 진행되는 경우, 이는 StrictMode에 의한 것으로, 코드의 문제가 아니니 안심