강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

csh7214님의 프로필 이미지
csh7214

작성한 질문수

함수형 프로그래밍과 JavaScript ES6+ 응용편

이미지 동시성 다루기

img.onload

작성

·

279

1

L.map(img => new Promise(resolve => {

  img.onload = () => resolve(img);

  img.src = img.getAttribute('lazy-src'); }

위 코드에서 promise를 리턴하는 이유는 이미지가 로드됐을때 img를 보내주고 싶기 떄문에 하는 것이 맞나요?  

그리고 img.src가 onload보다 밑에 위치하는데 이는 onload는 이벤트를 등록하는 것이고 src가 들어갔을때 onload이벤트가  실행되면서  이때 resolve가 img를 담아 리턴한다고 보면 되나요?

답변 1

1

MDU 유인동님의 프로필 이미지
MDU 유인동
지식공유자

네 거의 모두 맞고 src를 넣으면 이미지가 다운로드된 후 onload가 울립니다 :)

csh7214님의 프로필 이미지
csh7214

작성한 질문수

질문하기