전체적인 흐름 질문
242
작성한 질문수 6
렌더링이 계속 일어나면 네트워크 통신이 일어나서 useEffect를 사용하신다고 했는데 렌더링은 딱 한번만 되는거 아닌가요?
그리고 11분 50초 화면에서 전체적인 흐름이 제가 이해한 것과 같은지 알고싶어요
const[product,setProduct] = useState(null);
이 코드로 product에 null값이 들어가고
axios의 get 메서드로 url의 주소로 네트워크 통신이 일어난 뒤, 처리시간이 걸리기 때문에 바로 console.log(product)가 호출돼서 처음에 null 값이 출력됐고, 네트워크 통신이 완료된 뒤에 then 메서드가 실행돼서 result.data 값을 받고 setProduct 메서드로 product에 담은 뒤, console.log(product);로 상품이 출력된 것이라고 이해했는데 맞나요?
마지막으로 console.log는 어떻게 2번 호출된거죠??
답변 1
0
좋은 질문 감사합니다.
우선 말씀하신 순서로 동작을 하는 게 맞습니다.
렌더링(코드를 다시 위에서 읽어 return하는 과정)은 state나 props가 바뀌었을 때 새롭게 불리게 됩니다. setProduct 메소드를 통해 product state가 업데이트 되면 새롭게 렌더링이 발생합니다. 이 때 useEffect는 불리지 않고(useEffect의 두번째 인자로 []를 넣어 딱 한 번 호출됩니다) console.log에는 업데이트된 product가 찍히게 되는 거죠!
[해결]그랩님 답변 주세요.
0
159
2
그랩님의 답변을 기다립니다/102강 전반적인 에러
0
140
2
[그랩님께]101강 안드로이드 에러들(Key prop)해결방법 궁금합니다.
0
122
2
[재질문][그랩님 답변 부탁드립니다]101강
0
135
2
[그랩님 답변 부탁드립니다]101강 Axios 에러와 502 Bad Gateway 질문
0
96
2
Ngrok 설치 후 forwarding Url 에러
0
129
2
[그랩님께,Ngrok 악성코드 인식 해결방법]질문 드립니다.
0
214
2
Ngrok 설치 후 forwarding Url로 연결 불가
0
133
1
그랩님,[꼭] 답변 부탁드립니다.
0
64
1
[꼭][[꼭] 그랩님, 답변 부탁드립니다], Failed to load resource: the server responded with a status of 404 (Not Found) 상품 상세 페이지 질문입니다.
0
145
1
6강/7강 수업
0
49
1
그랩님, 상품 상세 페이지 에러와 의문점 질문드립니다.
0
98
2
그랩님, 해결되지 않은 에러 메시지 [꼭] 답변 부탁 드립니다.
0
133
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
126
2
일반적인 css 꾸미기에서 width와 height의 값?
0
86
2
Windows에서의 업로드 후 홈화면 상품이미지 오류 해결방법
0
191
1
그랩마켓 웹화면 구현하기 -2 질문입니다.
0
118
1
react에 반영이 되지 않습니다.
0
233
1
터미널 npm install -g create-react-app 작성 후 오류
0
418
1
create-react-app my app 실행 시 에러
0
349
2
포스트맨 질문
0
94
1
<꼭 답변 부탁 드립니다>그랩선생님, [컴포넌트 사용하기] 강의에서 질문 있습니다.
0
255
2
그랩선생님, 질문 답변 부탁 드립니다.vscode에서 npm install -g create-react-app 입력 후 에러 입니다.
0
468
2





