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

엄태인님의 프로필 이미지
엄태인

작성한 질문수

초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트

2-2-2 구글, 네이버에서 사용하는 무한스크롤 원리와 구현 - 문서하단 도착원리 (보충수업) 10월10일 추가

getList() 실행 위치

해결된 질문

작성

·

888

0

다음 코드에서 궁금한 점이 있습니다!

listCall() 함수에서 getList() 함수가 실행되는 위치는 어디인가요?  data에 담겨있는 getList()가 null값인지 아닌지 확인하는 과정에서 자동적으로 실행된다고 보면 되나요?

만약 listCall() 함수에서 실행되는 게 아니라면 어디서 실행이 되어서 listCount가 하나씩 늘어나는 걸가요??

답변 3

1

깡코딩님의 프로필 이미지
깡코딩
지식공유자

안녕하세요 태인님 :)

엄밀히 말하면 문서의 끝에 도착 했을때 1번에서 겟리스트를 호출하고 

겟리스트 함수에서 값을 리턴받아 data변수에 이미지 리스트가 할당됩니다.

그다음 2번에서 할당된 데이터를 html에 추가해주죠??

변수에 할당되는 과정에서 또다시 겟리스트가 호출되지 않습니다. 왜냐면 문서의 끝에 도달해야 

if(winTop >= onTop){ 

다음 조건이 성립되고 겟리스트가 호출되기 때문이죠!

수업에 있는 내용이라 수업을 다시 한번 보셔도되고

console.log를 조건문 안에도 찍어보고

getList 함수 안에도 찍어보며 테스트 해보시면 조금 더 파악하기 쉬울거에요 :D

그럼 또 다른 궁금증이 생길때 문의 주세요 ^^

1

깡코딩님의 프로필 이미지
깡코딩
지식공유자

안녕하세요 :)

질문하신 내용은 영상에도 나오고 코드에 주석으로도 적혀 있습니다.

1번에서 겟리스트 함수를 호출하고 겟리스트에서 리턴받은 이미지 리스트를 data담고

2번에서 html 타겟에 추가해 줍니다 :)

리스트카운트변수는 겟리스트가 호출될때 1씩 증가합니다 :)

그럼 또다른 궁금증이 생길때 문의주세요 :D

0

엄태인님의 프로필 이미지
엄태인
질문자

1번에서 겟리스트 함수를 호출한다고 하셨는데, 그럼 변수로 저장하는 과정에서도 함수가 자동적으로 실행된다고 보면 될까요??

엄태인님의 프로필 이미지
엄태인

작성한 질문수

질문하기