Rapid API....

jacksang·2025년 3월 15일

[NextJS] Youtube-clone

목록 보기
5/9

후.. 생각보다 너무 길어진 탓에 답답함이 몰려온다..
요 몇일간 잡고 씨름했던 내용을 적어보자한다.

더보기 기능 추가

Search를 통해 받은 데이터를 보여주고 더보기를 임시로만 구현해놨었다.
왜냐하면 이전 글에서 썼던것처럼 빈 값의 items가 돌아와서 이 부분이 에러를 유발하였고 또한 maxResults의 값을 주어 maxResults만큼 다시 요청을 하여 nextPageToken값을 새로 받아 돌려주는 부분을 개선하였다.
해당 부분이 적용이 완료되고 정상적으로 요청이 되었기에 더보기 요청을 추가하고 있었다.
검색 후 더보기 요청이 처음에는 잘 되었다.
그래서 정상동작으로 확인해보고 처음에 search요청에서 items가 없는 경우에 데이터를 보여준 검색어로 다시 검색을 해보고 더보기 요청을 해보았는데 문제를 발견했다.
처음 한 두번은 정상적으로 요청이 되고 렌더링에도 문제가 없었는데 세 번째 요청부터 브라우저에 오류가 발생하였다.

오류를 요약하면 Items.map에서 key값으로 items.id.videoId를 주었는데 중복이 되었다는 오류가 발생한것이다.
그래서 반환된 데이터들을 천천히 살펴보니 렌더링되어있는 부분에서도 같은 video가 보여지는 상태였다.
그리고 Rapid api에 들어가 테스트를 해보니 데이터가 반환되는 것이 실제 Youtube api에서 테스트 한 결과와 다른 값들이 보여지고 있었다.

이상하다고 생각된 점들

  • 일단 items에 들어있는 각 Video의 데이터들이 다름
  • 게시 날짜가 이상하게 한 달씩 건너뛰어짐
  • 동일한 데이터를 반환함

이렇게 3가지 정도의 이상한 점을 발견하고 속으로 생각했다.
아... Rapid api 다 제거하고 사용할까...
그러고 2일정도 갈피를 못잡고 다른 방법을 찾아보다가 오늘 다시 테스트 해보니 정상적으로 반환됬다;

Rapid API에도 들어가보니 업데이트 되었다는 것을 확인했다.

어떤 오류가 있어서 점검을 하였거나 뭔가 수정을 했었나보다..
정확히 어떤 이유인지 설명이 되어있지 않아 이 부분을 알 수 없었다.

후.. 이젠 진짜 다 끝내..간다..

profile
무조건적인 성장보다 성장하는 방법을 아는 것이 힘이다

0개의 댓글