[TIL] 프리온보딩 9일차 - 220511

요즘 몸이 좋지 않아 진도가 빨리 나가지질 않는다. 우선 CSS 부분을 수정하고 api를 불러오는 곳에서 문제가 생겨 이 문제를 해결하는데 하루가 다 지났다. api에서 온 데이터의 response값을 boolean으로 잡고 했는데 알고보니 string이였다. ('True', 'False' 실화냐..) 그리고 recoil 생각 안하고 습관처럼 useState()로 만들었다가 나중에 생각이 나서 모두 useRecoilState()로 변환해줬다.. 오늘 뭔가 많이 한듯 안한 느낌.. 제출 기간까지 얼마 안남았으니 더 열심히 하자!

 

 

1️⃣ props setState 타입 지정

interface Props {
  setSearchWord: Dispatch<SetStateAction<string>>
}

const Modal = ({setSearchWord} : Props) => {}

 

 

2️⃣ 인피니트 스크롤

react-intersection-observer 를 사용하여 인피니트 스크롤을 구현하려고 하는데 아직 완벽하게 이해하질 못해서 적용하진 못했다. 내가 이해한건 ref를 element에 지정하여 그 element가 보이면 실행되는 구조 같은데 이제 어떻게 실행하는지에 대해 이해하질 못했다. 내일 완벽하게 이해하고 완성시켜야지..!

 

 

💡 앞으로 해야할 일

📍 commons

- nav css

 

📍 Movies Component

- 인피니트 스크롤 (이어서 진행!)

- 리스트 클릭 시 모달 창 출력 (즐겨찾기 등록/해제, 취소)

- 즐겨찾기 store-js에 저장

- 검색바 정규 표현식

- 이미지가 보이지 않는 것에 대한 처리

 

📍 Favorites Component

- 즐겨찾기 리스트 출력