로딩
요청 처리 중입니다...

[React] StrictMode 개념 다지기

 [React] StrictMode 개념 다지기

우연히 글을 보다가 정리해두면 좋겠다 싶어서 정리하게 되었다. 정리하게 된 계기 React18 + StrictMode에서는 개발모드에서 data fetching이 최소 두 번이상 일어날 수 있다.

이러한 글을 계속 보았지만 왜 그런지 모르고 그냥 그런가보다하고 넘어갔다. 우리가 react를 이용하여 웹 사이트를 구현하고자 할 때 app.js는 기본적으로 생성된다.

ReactDOM.render( , document.getElementById('root') ); 위와 같이 app.js가 생겼는데, 이를 아래와 같이 바꾸면 두번이나 재랜더링이 되지 않는다. ReactDOM.render( , document.getElementById('root') ); 개념 공식문서에 따르면 strictmode는 StrictMode는 애플리케이션 내의 잠재적인 문제를 알아내기 위한 도구입니다.

Fragment 와...

# context # findDomNode # react # react18 # ref # strictmode # 리액트 # 생명주기 # 코딩