🚩해결

react프로젝트의 src.index.js 파일에서

// src/index.js
import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVita

<React.StrictMode>와 </React.StrictMode>

이 두 가지 태그를 삭제해주면 한번씩만 출력한다.

✏ 공식문서에 따르면,

STRICTMODE 때문에 발생한 현상이고,

프로젝트의 src/index.js 파일에서 <React.StrictMode> 태그로 <App/>태그가 감싸져있으면 개발모드에서 오류를 잘 잡기 위해 두번씩 랜더링 된다고 한다.

strictmode는 react 설치 시 자동으로 된다.

필요없는 경우, 삭제해주면 될 것 같다.