useEffect(()=>{
console.log("test");
},[])
위와 같은 코드처럼 useEffect dependency에 빈 배열을 넣으면
렌더링 시 한번만 실행되어야 하는데 두번 실행되었다.
프로젝트의 src/index.js에서
<React.StrictMode> 태그로 이 감싸져있으면
개발모드에서 (개발 단계시 오류를 잘 잡기위해) 두 번씩 렌더링됩니다.
이와 같은 이유로 <React.StrictMode> 태그를 삭제하니 한번만 실행되었다.