[React] Console.log 두 번

vue에서는 console.log가 두번 찍힌적이 없었는데 React에선 중복으로 찍히는거다..

파일 전체에서 console.log 쓴 곳 검색해도 분명하나 밖에 없는데 말이지!!!

그래서 구글링1초만에 알아냈다. 갓구글

 

1. src > index.js

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


const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode> // <- 이거요!
    <App />
  </React.StrictMode> // <- 이겁니다!
);

 

StricMode는 React에서 제공하는 검사 도구이다.

Stric 모드는 개발 모드에서만 활성화되기 때문에, 프로덕션 빌드에는 영향을 끼치지 않는다.

create-react-app 으로 리액트 앱을 생성하면 기본적으로 생성되는 태그이다.

 

결론

<React.StricMode> 태그를 지워주면 된다!

 

Strict 모드 – React