241007 Next.js 개인과제 진행 02 - 트러블 슈팅

신한별·2024년 10월 7일

💪 매일 기록

목록 보기
77/97


🤬 로테이션 데이터 랜더링 오류

문제 발생


라이엇 API에서 제공하는 로테이션 데이터는 업데이트 되었으나, 내 페이지에 반영이 안되는 상황이 발생했다.
과제 다 했다고 생각했는데 일주일 단위로 바뀐다던 로테이션 데이터가 내 페이지에서 안 바뀌는거 보고 식은땀이 주륵 흘렀다. 💦

cache:"no-store" 옵션을 추가 해줘서 해결! 🤗

🤬 배포 후 로테이션 데이터 랜더링 오류

문제 발생

분명 빌드까지 다 하고 잘 돌아가는 거 확인하고 배포했는데 아까 잘되던 로테이션 페이지가 안 보이기 시작했다.

원인 추론

API코드가 만료되어서 그런거 아닐까 하고 들어가보니 만료되었다. 😊

해결 방안.......?????????

(1) API 새로 발급 받기


https://developer.riotgames.com/
대쉬보드로 들어가 API를 새로 발급받아줬다. (새로 발급 받은 후 화면이다.)

(2) Vercel에서 새로 받은 API로 환경변수 수정해주기


프로필->대시보드->점세개

점세개->세팅

왼쪽 메뉴에서 환경 변수

아래로 쭉 내려서 기존 API키 수정

새로 입력하고 저장

🤬 하지만 다시 시작 된 로테이션 데이터 랜더링 오류



아니 빌드 잘 된 줄 알았는데 위로 올려보니 저런 오류가 떠있다.
마지막에 수정한 코드가 문제인건가 싶어서 알아보다가, 새로고침 해보니 다시 잘 뜬다.

원인 .......?????????


시간 지나서 풀린 거 보면 API 요청 제한에 걸린 것 같다. 😥

0개의 댓글