프로젝트-비타플로우

Hooks은 (함수들은) 값의 재사용이 아니라 로직의 재사용을 위한 것이기 때문에 데이터가 캐시되지 않습니다. 동일한 데이터를 여러곳에서 사용할 경우 hook을 호출할 때마다 데이터를 다시 불러오게 되는 것이죠. 또한 로딩이나 에러처리를 직접 구현해야한다는 번거로움이

React Query의 useInfiniteQuery를 사용해서 페이지 단위로 데이터를 불러오고react-intersection-observer(https://www.npmjs.com/package/react-intersection-observer위의 과정으로

로컬스토리지에 저장된 cart 데이터로 db에 저장된 product 데이터를 가져오기 useCartProducts hook 사용가져온 cartProducts 데이터 중에서 수량이 0인 상품을 제외하고 validProducts에 저장→ hook에서 데이터 필터링을 하지

홈페이지에서 가장 많은 로딩 시간을 차지하는 요소는 이미지입니다. 이미지 최적화는 페이지 로딩을 단축시켜 웹 성능을 향상시키고, 사용자 경험을 개선할 수 있습니다.라이트하우스를 사용하여 사이트를 검사하면 이미지 최적화 방법을 제안해준다…그럼 라이트 하우스에서 알려준 방

Sitemap은 웹사이트의 구조를 검색 엔진에 알려주는 XML 파일 입니다.sitemap을 사용하면 검색 엔진이 사이트의 페이지를 더 잘 이해할 수 있도록 할 수 있습니다.다음과 같은 형태로 필요한 페이지의 URL을 포함한 XML 파일을 작성합니다. changefreq