StrictMode Changes
Index.js를 보면 strict mode가 생긴 것을 볼 수 있다.
< StrictMode > 는
이제 곧 deprecated 되거나 이미 deprecated 된 메소드를 찾아서
콘솔 로그에 warning을 준다.
그래서 이제는 render가 더 늘어나는 이유
예를 들어 input에 타이핑을 했을 때
render가 기본으로 2번 된다.
하지만 strictMode가 적용되면 문제가 있나 잡아내는 과정을 한 번 더 하기에
render가 4번씩 된다.
좀 더 보기 편하게 chrome extension으로
React Developer Tools를 연결한 후
콘솔을 확인하면 render가 4 번 된 것을 알 수 있다.
1, 3번 째는 App.js에서 된 것이고
2, 4번 째는 StrictMode가 작동되어 된 것이다.
댓글