inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

[그랩마켓] axios로 네트워크 통신하기

productHtml변수 선언 위치 질문있습니다.

308

김한주

작성한 질문수 1

1

강의 잘 보고 있습니다.

그랩마켓에 적용하던 중 궁금한 점이 있습니다.

첨부한 사진에서 productHtml변수를 1번위치에서 선언하나 2번위치에서 선언하나 정상적으로 작동됩니다.

강의 중 말씀하신 것처럼 위에서부터 순서대로 코드가 실행된다면 2번에 선언됐을때에는 안되는 것이 맞다고 생각 되는데 왜 되는지 여쭤봅니다.

 

p.s. 제가 짧은 지식으로 생각했을때에는 axiost.get할때 비동기 방식으로 진행되어 네트워크가 진행되는 사이에 변수가 선언되어서 그런게 아닐까란 결론이 나왔습니다.

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

답변 1

0

그랩

좋은 질문입니다 :)

말씀하신 것처럼 axios 같은 네트워크 요청 처리는 비동기로 진행됩니다. 즉 then 안에 있는 코드는 실제로 네트워크 통신이 완료된 후에 실행되는 거고, 그걸 기다리는 동안 자바스크립트 해석기(인터프리터)는 바로 같은 레벨에 있는 axios.get쪽 아래의 코드를 실행하는 거죠.

그렇게 되면 해당 아래 변수를 미리 읽어놓기에 동작하는데 큰 문제는 없습니다!

 

추가로 공부해보면 좋을 건 자바스크립트 언어의 특성이기도 한데, '호이스팅'을 키워드로 검색해보시면 좋을 것 같아요!

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

0

194

2

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

0

167

2

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

0

140

2

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

0

164

2

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

0

121

2

Ngrok 설치 후 forwarding Url 에러

0

152

2

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

0

259

2

Ngrok 설치 후 forwarding Url로 연결 불가

0

159

1

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

0

78

1

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

0

163

1

6강/7강 수업

0

57

1

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

0

106

2

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

0

150

2

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

0

96

1

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

0

136

2

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

0

99

2

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

0

206

1

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

0

128

1

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

0

254

1

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

0

430

1

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

0

358

2

포스트맨 질문

0

105

1

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

0

271

2

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

0

501

2