종종 코드를 작성하고 result가 잘 담겨있는지 확인할때 cosole.log()를 통해 확인하는데, useEffect 사용시 렌더링시 두번 실행된다.
이는 개발모드에서 오류를 잘잡기위해 React.StrictMode가 두번씩 렌더링하는것인데 , 이를끄면(지우면) 해결된다.
strict모드가 있는상태.
strict모드를 지운상태.
추가로 beautiful dnd(drag&drop기능)을 사용할때도 strict모드를 지우고 사용했다.(해결방법은 구글링으로 추가 해야할듯.)
step by step