TIL_230129_☑️ 프로젝트 마무리

내일배움캠프 4기 스파르타코딩 React B반

---

📒 오늘의 공부

---

1. 프로젝트 마무리

문제

• 검색할 때 검색 대상 리스트가 무한 스크롤 리스트와 같다보니 검색할 때 키워드를 입력할 때마다 무한스크롤이 실행된다. 검색 된 내용은 보여지지 않고 계속 깜빡 거리면서 스크롤이 줄어든다...

시도 및 해결!!

• 검색할 리스트는 무한스크롤 적용이 안 되는 리스트로 해 보기

  • allList가 아닌 videos로 하니 계속 깜빡이면서 데이터 요청하던 문제 해결
  • 
  • allList는 제일 처음 useQuery로 받아오는 비디오 리스트
  • videos는 무한스크롤 할 때 allList로 받아온 리스트를 담아 놓은 배열
  • allList로 filter를 걸지 않고 videos로 filter를 거니 무한스크롤로 불러온 리스트 내에서만 검색이 이뤄진다.

  ---

문제

• 데이터 누수인지 뭔지 YouTube Api 할당량이 너무 빨리 참..
  • 튜터님이 배포한 사이트로 확인하실 때 할당량 찰 위험
  • 발표 때 할당량 찰 위험

시도

• 전체 리스트만 api, 카테고리, 연관된 비디오는 mockData 쓰기

  • api로 변경 시
    -> ☑️ 검색 대상 리스트 allList에서 다시 videos로 바꾸기
    -> ☑️ api.js에서 url 변경하기

• 리허설 할 때 전체 다 api로 바꾸고 새로운 키로 test하기

  • 시연할 동안 할당량 만료 안 되면 발표 때도 전체 다 api로 바꾸고 시작하기

• 발표 직전 키 바꾸고 재배포

  ---

문제 및 해결

• 로그인, 회원가입 문제
  • 회원가입 하면 이미 존재하는 계정이라는 alert
  • 같은 이메일로 로그인하면 이메일과 비밀번호를 확인하라는 alert
  • 그 계정을 firebase에서 삭제 하고 다시 회원가입, 로그인을 하니 둘 다 너무 잘 된다.

  ---

• 팀 회의
  • 시연 영상 제작 의견 통일 및 발표 자료, 정리본 점검
  • 시연 영상 제작 완료
• ✅ 메인 페이지에서도 Loading 시 스켈레톤 UI 만들기
• ✅ README.md 작성 및 발표자료, 최종 정리본 완성
• ✅ 최종 정리본 및 시연 영상 제출 완료