일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- react native navigation
- expo-location
- 리액트 사진크기
- 플랫리스트
- HTML
- 리액트네이티브 검색
- React Native
- react-native
- 자바스크립트
- 비지니스로직
- 리액트 네이티브
- 네이티브 css
- React-qurey
- 프론트엔드 개발블로그
- FlatList
- react native routes
- 리액트 네이티브 map
- JavaScript
- 리액트쿼리
- 리액트네이티브 라우트
- 무한스크롤
- ui로직
- 리액트
- 부트캠프항해
- 리액트 네이티브 네비게이션
- 리액트 무한스크롤
- 리액트 네이티브 캐러셀
- 전역상태관리
- 리액트쿼리 무한스크롤
- react
- Today
- Total
목록무한스크롤 (2)
솧디의 개발로그

아래의 코드로 무한 스크롤 구현하니 로그인시 마이페이지 첫 겟요청시 리랜더링 이슈 발생, 새로고침해야 데이터가 캐싱되었습니다. const fetchPostList = async (pageParam) => { const res = await axios.get( `http://localhost:5001/posts?&page=${pageParam}&limit=6`,{ header:{ authorization, }, }, ); const { posts, isLast } = res.data; return { posts, nextPage: pageParam + 1, isLast }; }; function Posts() { const { ref, inView } = useInView(); const { data, s..

import { useQuery, useInfiniteQuery } from "@tanstack/react-query"; import { useInView } from "react-intersection-observer"; import { useEffect } from "react"; import { useNavigate } from "react-router-dom"; import { useDeleteDetailPost } from "../../querys/detail"; import axios from "axios"; import { Box } from "../../components"; import { Board } from "./board"; const MyBoard = () => { const B..