강의

멘토링

로드맵

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

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를 담아 리턴한다고 보면 되나요?

퀴즈

ES6 템플릿 리터럴 사용의 주된 이점은 무엇일까요?

코드 실행 속도 향상

복잡한 문자열 조합과 변수 삽입을 간결하게 표현

자동으로 데이터 타입을 변환

모든 웹 브라우저에서 기본 지원

답변 1

1

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

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

csh7214님의 프로필 이미지
csh7214

작성한 질문수

질문하기