allthatarsenal

데이터 페치 이원화의 이유: 비즈니스 로직에 따른 분리프로젝트에서는 비즈니스 로직에 따라 데이터 페치 방식을 두 가지로 분리하여 효율성을 높였습니다. Next.js 의 데이터 페치 방식 중 하나인 서버 컴포넌트에서의 페치와 클라이언트 컴포넌트에서의 TanStack Qu

Next/image를 쓰는 이유: Next/image로 LCP(Largest Contentful Paint)를 30% 개선

TailwindCSS & NEXT UI를 사용한 이유

들어가기전에... All That Arsenal 프로젝트에 새로운 기능을 추가하는 과정에서 퀴즈 기능이 있으면 재미있겠다는 생각이 들었다. 각 페이지마다 서로 다른 퀴즈 문제를 제시하고, 사용자는 각 페이지에서 문제를 풀며 그 결과를 전역 상태로 저장한다. 이후 최종적

앞서 Funnel패턴으로 퀴즈 만들기(All That Arsenal)-1 에서 Funnel.tsx 를 개발하던 와중 다음과 같은 에러가 떴다. ReferenceError:window is not defined 오류가 왜나왔는지 어떻게 해결하는지 알아보자. Refer