어제 하던 개인과제를 이어서 하고 있다.. 어제 막힌 부분보단 조~~금은 진전이 있는 거 같다!!
일단.. 어제 내가 쓴 코드를 다시 보면서 "와 진짜 왜 이렇게 생각없이 함수를 적었지" 하는 부분이 있었는데, 어제의 내가 잘못 쓴 코드를 보자
문제 직면 및 해결
fetch('https://api.themoviedb.org/3/tv/top_rated?language=en-US&page=1', options)
.then(response => response.json())
.then(data => {
let movies = data.results;
showMovies(movies)
})
.then(response => console.log(response))
.catch(err => console.error(err))
이 부분이다. 특히 2번째 .then 줄을 보면 굉장히 잘못 쓴 것을 알 수 있다!
나는 분명 reponse{}에서 정보를 받아오는데 왜
data => {
data.results 라고 썼을까
이래서 생각없이 의미없는 함수를 쓰는 것은 안 좋은 습관이며, 꼭 고쳐야 할 부분같다.. 이거때문에 여간 헷갈리는 게 아니다 ㅠㅠ 꼭 본인이 가져오는 api를 참고해서 함수를 적도록 하자
어젠 .catch 부분에 대해 의문점을 가졌는데.. 생각해 보니 저 부분은 따로 건들 필요가 없는 거 같다!
배운 점
-
화살표 함수를 사용할 때 중괄호{}가 있다면 반드시 return문을 써야 할 것.
-
배열은 순회를 돌 수 있다는 특징을 잘 살리면 반복문 for 또는 forEach() 메서드로 웬만한 문제는 해결할 수 있다!
-
Promise는 그 지역 밖에서 사용할 수 없기 때문에 Promise를 사용한 지역에서 마무리 짓기
문제를 어떻게 해결해야하지 에 대한 접근성(?)이 어제보단 좋아진 거 같은데 중꺾마 마인드로 정면돌파해야겠다!!! 👊👊👊
