inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

상품 상세 페이지 구현 - 1

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

909

기요미지후니

작성한 질문수 14

1

똑같이 따라 했는데 콘솔로그창을 보면 이렇게 여러개 찍혀있습니다! 혹시 문제가 있는걸까요?

서버가 느린건지 농구공사진을 눌렀을때 주소는 바뀌는데 화면은 새로고침을 해야 바뀝니다! 그것과 연관이 있을까요??

 

tensorflow nodejs react javascript HTML/CSS 머신러닝 배워볼래요? react-native express

답변 2

0

sungbum

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

0

그랩

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

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

 

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

0

기요미지후니

강의에서는 선생님도 useEffect(){}밖에 console.log(product)가 있지 않은가요??

저와 선생님의 코드가 같은데 선생님은 1번만 뜨고 저는 여러번이 뜨는데 코드를 잘못 입력한 부분이 있을까요?저는 아무리 다시 봐도 똑같은거 같습니다 ㅠ

[해결]그랩님 답변 주세요.

0

162

2

그랩님의 답변을 기다립니다/102강 전반적인 에러

0

141

2

[그랩님께]101강 안드로이드 에러들(Key prop)해결방법 궁금합니다.

0

124

2

[재질문][그랩님 답변 부탁드립니다]101강

0

140

2

[그랩님 답변 부탁드립니다]101강 Axios 에러와 502 Bad Gateway 질문

0

97

2

Ngrok 설치 후 forwarding Url 에러

0

133

2

[그랩님께,Ngrok 악성코드 인식 해결방법]질문 드립니다.

0

218

2

Ngrok 설치 후 forwarding Url로 연결 불가

0

136

1

그랩님,[꼭] 답변 부탁드립니다.

0

65

1

[꼭][[꼭] 그랩님, 답변 부탁드립니다], Failed to load resource: the server responded with a status of 404 (Not Found) 상품 상세 페이지 질문입니다.

0

150

1

6강/7강 수업

0

51

1

그랩님, 상품 상세 페이지 에러와 의문점 질문드립니다.

0

98

2

그랩님, 해결되지 않은 에러 메시지 [꼭] 답변 부탁 드립니다.

0

134

2

[재 질문]Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?

0

88

1

Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?

0

128

2

일반적인 css 꾸미기에서 width와 height의 값?

0

92

2

Windows에서의 업로드 후 홈화면 상품이미지 오류 해결방법

0

194

1

그랩마켓 웹화면 구현하기 -2 질문입니다.

0

120

1

react에 반영이 되지 않습니다.

0

239

1

터미널 npm install -g create-react-app 작성 후 오류

0

419

1

create-react-app my app 실행 시 에러

0

355

2

포스트맨 질문

0

100

1

<꼭 답변 부탁 드립니다>그랩선생님, [컴포넌트 사용하기] 강의에서 질문 있습니다.

0

260

2

그랩선생님, 질문 답변 부탁 드립니다.vscode에서 npm install -g create-react-app 입력 후 에러 입니다.

0

476

2