무한 스크롤
-
InfiniteScroll 컴포넌트 간단구현Language/React 2025. 2. 24. 11:36
react + java + jpa 환경에서 InfiniteScroll을 간단하게 구현해 보자. Reactviews Componentconst ReceiptViews: React.FC = (props) => { const [loading, setLoading] = useState(false); const [hasMore, setHasMore] = useState(true); const paginationRef = useRef({ current: 1, pageSize: 9 }); const pageNoRef = useRef(1); ... const fetchItems = async () => { setLoading(true); const l_pageNo = pageNoRef.cu..
-
JS/무한 스크롤(Infinite scroll)Language/Java Script 2022. 7. 29. 08:09
코드를 보시면 아시겠지만 아쉽게도 아직.. jQuery쓰고 IE를 버린지 한달도 안되었다.. OTL.. 당연이 front back이 나눠지지 않았으니 감안해서 보시면 되시겠다. 1. html 2. page script const TEST = { page: 1, limit: 20, scroll: null, init: () => { ... this.scroll = window; this.load(); ... }, load: () => { this.getList(); }, getList: () => { // Infinite 전용 로딩바 show document.querySelector('#divListLoading').style.display = ''; // ajax 호출 ajax({ ... }, succes..