useEffect가 2번실행될때

useEffect(() => {},[])

useEffect 2번째 인자에 빈 배열을 넣어주게 되면 컴포넌트가 처음 렌더링 될때만 실행된다.

하지만 !!!

📌 useEffect 오류로 2번 실행 될때 📌

src/index.js에서
<React.StrictMode> 태그로 이 감싸져있으면
개발모드에서 두 번씩 렌더링된다.

import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App'
import reportWebVitals from './reportWebVitals'
import './index.css'

const root = ReactDOM.createRoot(document.getElementById('root'))
root.render(
  <React.StrictMode> ⬅ 지우기
    <App />
  </React.StrictMode>, ⬅ 지우기
)

참고: https://velog.io/@hyes-y-tag/React-useEffect%EA%B0%80-%EB%91%90%EB%B2%88-%EC%8B%A4%ED%96%89%EB%90%9C%EB%8B%A4%EA%B3%A0