콘솔창에 여러개가 찍힙니다!

여러번 찍히는건 index.js에 있는 React.StrictMode 때문으로 생각됩니다. 저도 자세히는 더 파봐야 하지만 Strict모드에서는 콘솔이 여러개가 찍힙니다만 성능에는 크게 문제가 없는 것으로 알고 있습니다. 

서버가 느린 건 포스트맨에서 제공하는 무료 버전의 mock server를 사용하고 있어 어쩔 수 없는 것 같습니다 😭

뒤로 가면 서버를 직접 개발하게 되니 조금 더 참고 지켜봅시다!

그리고 console.log(product)가 컴포넌트 함수 안에 바로 있으면 내부적으로 렌더링 과정을 거치면서 여러번 불리게 되는 게 맞습니다! (컴포넌트의 라이프사이클이 있어 렌더링이 여러번 진행됩니다) 그래서 한 번만 찍게 하려면 useEffect안에서 호출하는 게 맞습니다 :)