인프런 커뮤니티 질문&답변
작성한 질문수
콘솔창에 여러개가 찍힙니다!
작성
·
807
1
똑같이 따라 했는데 콘솔로그창을 보면 이렇게 여러개 찍혀있습니다! 혹시 문제가 있는걸까요?
서버가 느린건지 농구공사진을 눌렀을때 주소는 바뀌는데 화면은 새로고침을 해야 바뀝니다! 그것과 연관이 있을까요??
답변 2
0
여러번 찍히는건 index.js에 있는 React.StrictMode 때문으로 생각됩니다. 저도 자세히는 더 파봐야 하지만 Strict모드에서는 콘솔이 여러개가 찍힙니다만 성능에는 크게 문제가 없는 것으로 알고 있습니다.
0
그랩
지식공유자
서버가 느린 건 포스트맨에서 제공하는 무료 버전의 mock server를 사용하고 있어 어쩔 수 없는 것 같습니다 😭
뒤로 가면 서버를 직접 개발하게 되니 조금 더 참고 지켜봅시다!
그리고 console.log(product)가 컴포넌트 함수 안에 바로 있으면 내부적으로 렌더링 과정을 거치면서 여러번 불리게 되는 게 맞습니다! (컴포넌트의 라이프사이클이 있어 렌더링이 여러번 진행됩니다) 그래서 한 번만 찍게 하려면 useEffect안에서 호출하는 게 맞습니다 :)
강의에서는 선생님도 useEffect(){}밖에 console.log(product)가 있지 않은가요??
저와 선생님의 코드가 같은데 선생님은 1번만 뜨고 저는 여러번이 뜨는데 코드를 잘못 입력한 부분이 있을까요?저는 아무리 다시 봐도 똑같은거 같습니다 ㅠ