for문이 뜨지 않는다. 왜???

문제 상황

튜터님이 진행하신 개인 과제 핵심 Tip 강의를 복습하였다.

fetch로 가져온 결과(res)를 console.log로 찍었을 때는 나오는데,

for문을 실행하는 순간 콘솔창에 아무것도 뜨지 않는다는 것이다.

콘솔창에 뜨는 건 js파일 10번째 줄의 console.log 값이다.

 

 

 

문제 추론

1. for문 내의 li태그가 잘못 적혔나? => 몇 번을 확인해도 문제 없음
2. for문 자체가 잘못 적혔나? => 형태는 완벽하게 구현했음
3. res.length가 인식이 안 되나?
   => console.log(res.length)를 실행해보면 20이 떠야 하는데 undefined가 뜸
   

💡어라, res.length를 인식하지 못하나보다!

 

 

 

문제 해결

 

콘솔에 찍어낸 res를 자세히 다시 살펴보았다.

 

20을 가져올 곳은 results의 Array 값이다.

그럼 res가 아닌 res.results를 찍어보면?

 

20이 뜬다!!

 

res를 res.results로 다 바꿔주니

결과값이 잘 나오는 걸 확인할 수 있다!!!