오늘 한 일

개인프로젝트 진행
이미지 가져오기
카드 클릭시 아이디 alert 뜨게 하기
마우스커서 위치하기
대소문자 구분 없이 검색 가능하게 하기
평점을 ⭐로 바꿔서 나타내기
검색 기능 바꾸기 (새로 작업)

어려웠던 내용

✅ 이미지가 없을 경우 처리 (새로 작업하기 전)

대체 이미지를 넣고 싶었는데 마땅한 이미지를 못찾아서
아예 안보이게 바꿨다
(역시나 검색해서 나왔는데 보통 이렇게 쓰는지는 잘 모름)
💡 onerror="this.style.display='none'"

✅ 대소문자 구별 없이 검색

정규식을 이용하는 방법이 있었는데 이해가 안돼서 아래 방법으로 해결
💡 toLowerCase()

✅ fetch.. fetch 🤬

1. 페이지가 로드될 때 처음 data를 불러오고 나서
   search 할 때 (다른) 함수에서 다시 data를 쓰고 싶었는데
   이미 fetchData 함수를 벗어나버려서 사용할 수가 없었다 😥
2. 💡 then 을 추가로 연결해서 완성된 card들을 querySelectorAll()로 불러와
   처리할 수 있게 바꿈
   (혼자 해결 못해서 도움받아서 해결 ㅠ)

const fetchData = async (url) => {
  return await fetch(url, options)
    .then((res) => res.json())
    .then((json) => {
      let movieData = json.results;
      makeCard(movieData);
    })
    .then(() => {
      searchMovie();
    })
    .catch((err) => console.error(err));
};

느낀점

1. 검색기능을 완전 잘못 이해하고 만들고 있었다..
   요구 구현사항은 가져온 데이터에서 검색어로 필터를 하는 거였는데
   나는 아예 검색 API를 새로 썼지 뭐람..
   어쩐지.. 뭔가 내 뜻대로 흘러가더라..
   (그것도 모르고 다른 기능 구현해보겠다고ㅋㅋㅋㅋㅋ)
   이제라도 제대로 된 검색기능 구현하려고 하니
   접근법도 생각 안나고.. 머리가 텅 빈 느낌..
2. fetch, promise, async&await ... 🤬
3. 그래도 도움요청 하면 다들 친절하게 알려주셔서 참 다행이다
   이미 다 잘하신다... 나만 잘하면 돼 ㅠㅠㅠㅠㅠㅠ
   (😈아니 못할 것 같은데...)
   (😇아니 할 수 있어!)
   (😈아니 못ㅎ..)