무한 스크롤에서 마지막 페이지 처리하기
SHOW ME THE RECIPES 프로젝트에서useInfiniteQuery와 react-intersection-observer를 활용한 무한 스크롤 구현했다.useInfiniteQuery를 사용해 데이터를 페이징하여 가져오고, react-intersection-obs
ReferenceError:window is not defined
앞서 Funnel패턴으로 퀴즈 만들기(All That Arsenal)-1 에서 Funnel.tsx 를 개발하던 와중 다음과 같은 에러가 떴다. ReferenceError:window is not defined 오류가 왜나왔는지 어떻게 해결하는지 알아보자. Refer
Funnel패턴으로 퀴즈 만들기(All That Arsenal)-1
들어가기전에... All That Arsenal 프로젝트에 새로운 기능을 추가하는 과정에서 퀴즈 기능이 있으면 재미있겠다는 생각이 들었다. 각 페이지마다 서로 다른 퀴즈 문제를 제시하고, 사용자는 각 페이지에서 문제를 풀며 그 결과를 전역 상태로 저장한다. 이후 최종적
Next/image를 쓰는 이유(All That Arsenal)
Next/image를 쓰는 이유: Next/image로 LCP(Largest Contentful Paint)를 30% 개선
데이터 페치 이원화의 이유: Authorization을 포함한 데이터요청이냐 아니냐
데이터 페치 이원화의 이유: 비즈니스 로직에 따른 분리프로젝트에서는 비즈니스 로직에 따라 데이터 페치 방식을 두 가지로 분리하여 효율성을 높였습니다. Next.js 의 데이터 페치 방식 중 하나인 서버 컴포넌트에서의 페치와 클라이언트 컴포넌트에서의 TanStack Qu
[번역]TailwindCSS vs NextUI – How to Choose a UI Framework
최근에 NEXT로 개인프로젝트를 하려고 하는데 첫 관문부터가 쉽지 않았다. '스타일링으로 무엇을 쓸것인가!' 리액트를 사용했다면 쓰던걸 썼겠지만 새로 배우는 기술엔뭐가 가장 적절한 기술인지 고려해야한다고 생각하기에 이것 저것 찾아보다가 흥미로운 블로그글이 있어 알아보았
AWS VS FIREBASE
웹인프라와 서비스 합친 서비스. 새로운 기술에 적응성이 높다. 백엔드 서버와 관련된 거의 모든 서비스를 제공해준다. AWS에서는 일반적으로 사용되는 거의 모든 인터넷 기술을 제공. 없다면 직접 올려서 쓸수있게 해준다. 클라우드나 확장성이 좋다.백엔드 플랫폼 서비스만을
프로토타입
다양한 속성 중에서 프로그램에 필요한 속성만 간추려 내어 표현하는 것속성을 통해 여러 개의 값을 하나의 단위로 구성한 복합적인 자료구조,상태데이터와 동작을 하나의 논리적인 단위로 묶은 복합적인 자료구조객체리터럴Object생성자함수생성자 함수Object.create 메서
