React) 렌더링이 2번 되는 현상

렌더링이 2번 발생한다

react로 개발하던 중 콘솔이 2번씩 찍히는 것을 발견했다
결론부터 말하자면 버그가 아니라 정상이다
리액트 개발 모드에서는 2번씩 렌더링 되지만 배포 후에는 코드 대로 동작한다고 함

https://all-dev-kang.tistory.com/entry/%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%91%90%EB%B2%88-%EB%A0%8C%EB%8D%94%EB%A7%81-%EB%90%98%EB%8A%94-%EC%9D%B4%EC%8A%88%EC%97%90-%EB%8C%80%ED%95%98%EC%97%ACFeatStrictMode

constructor

원인은 생성자 내부에서 비동기 호출을 할 수 없기 때문이라고 한다
두 번 렌더링 되는 것은 컴포넌트가 변경되어 리렌더 되는 것이 아닌 생성자 부터 다시 호출되는 것

생성자 내에서 비동기 호출을 할 수 없기 때문에 비동기로 값을 받은 후 생성자 부터 다시 호출하여 값을 넣어주는 것이라고 한다

react 18 부터는 상태가 보장되는 기능이 추가되었다고 한다