개인 프로젝트 진행 중 `yarn dev`, 혹은 `buld && start` 로 작업할 때는 에러가 나지 않았지만 vercel 배포시 뭔 이상한 에러가 나왔고, `useSuspenseQuery` -> `useQuery`로 변경하니 해결이 되었다. (이유는 아직 모름) 원래 `useQuery`를 사용하다 로딩, 팬딩중일 때에 대한 예외처리 하는게 귀찮아서 `useSuspenseQuery`를 사용했는데 배포가 안돼서 아쉽지만 다시 `useQuery` 로 변경했다. 하지만 useQuery를 사용해도 예외처리를 하지 않아도 되는 방법이 있다. 🚨prefetchingQuery - 미리 데이터 불러오기
간단한 프로젝트 소개Riot API를 사용하여 롤 도감 사이트 제작챔피언 목록, 챔피언 상세 정보, 로테이션 정보, 아이템 정보 등을 확인할 수 있다. 사용기술: `Next.js`, `React`, `TypeScript` . . .챔피언챔피언 목록 (+로테이션)전체 챔피언의 목록을 확인할 수 있다. (전체 목록, 역할군 별 목록)챔피언 상세챔피언의 상세 정보를 확인할 수 있다. (챔피언 정보, 스킬, 스킨 등)아이템 목록전체 아이템 목록을 볼 수 있다.특정 아이템을 선택하면 상세 정보, 상위 아이템, 하위 아이템을 확인할 수 있다.💡 Prefetching사용자가 페이지로 이동했을 때 데이터를 불러오지 않고 특정 조건이나 로직등으로 미리 데이터를 불러올 수 있는 기법이다. 예를 들어 `` 태그가 뷰포트에..
간단한 프로젝트 소개Riot API를 사용하여 롤 도감 사이트 제작챔피언 목록, 챔피언 상세 정보, 로테이션 정보, 아이템 정보 등을 확인할 수 있다. 사용기술: `Next.js`, `React`, `TypeScript` . . .챔피언챔피언 목록 (+로테이션)전체 챔피언의 목록을 확인할 수 있다. (전체 목록, 역할군 별 목록)챔피언 상세챔피언의 상세 정보를 확인할 수 있다. (챔피언 정보, 스킬, 스킨 등)아이템 목록전체 아이템 목록을 볼 수 있다.특정 아이템을 선택하면 상세 정보, 상위 아이템, 하위 아이템을 확인할 수 있다. 🚨 변경 내용이번 리팩토링은 매우매우 간단한 문제여서 기분이 좋았다. 테일윈드를 사용해본적이 별로 없어서 생긴 아주 조그마한 이슈였다. 테일윈드에서 기본적으로 제공해주지 ..