F1 Info

며칠 전 개발을 하던 중 504 에러의 발생으로 레이싱 지역을 불러오지 못하는 오류가 발생했었다.해당 방식은 TanStackQuery 에서 주는 isSucsses 값으로 api 가 쿼리가 오류 없이 응답을 수신하고 데이터를 표시할 준비를 마친 상태일때 리턴된 데이터를

개인프로젝트를 진행하며 라이브러리를 선정하는데 꽤 많은시간이 소요됐습니다. 요즘 프론트엔드는 가면 갈수록 라이브러리가 다양화되고 다양한 스펙이 추가되는 추세라 흐름을 쫒아가기 좀 어려운 게 사실입니다.각설하고 해당 패턴을 사용하는 방법을 이야기 해보겠습니다.

이번 글에서는 ErrorBoundary와 Suspense를 활용하여 비동기 데이터 로딩 시 발생하는 문제들을 어떻게 해결했는지 설명한다.

처음에는 3D 막대를 이용해서 메인 페이지를 구축했었는데, 생각보다 시각적으로 별로였습니다. F1을 표현하기 위해 위대하고 유명했던 아일톤 세나의 MP4/4 를 이용하여 메인화면을 구축하기로 했습니다.

3D 모델 작업 시 효율적인 파일 관리와 최적화를 위해, 텍스처 이미지를 PNG에서 WebP로 변환하고, 3D 모델 파일을 GLTF에서 GLB로 변환하는 과정을 진행했습니다. 아래는 그 작업 과정을 정리한 내용입니다.