getList() 실행 위치

Question

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

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

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

Answer

안녕하세요 태인님 :)

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

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

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

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

if(winTop >= onTop){

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

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

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

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

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

Answer

안녕하세요 :)

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

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

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

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

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

Answer

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