노력하는 개발자 노력하는 개발자

무한 스크롤

• React/InfiniteScroll - 외부 collection

  Language/React 2022. 12. 2. 09:49

  InfiniteScroll을 공통으로 사용하기 위해서 Component형식으로 만들고 나중을 위해서 정리해 둔다. InfiniteScroll Component 외부에 collection을 두고 사용하는 방식 부모 컴퍼넌트 import React, { Component } from 'react'; ... class RequestViews extends Component { state = { infiniteResetUseEffect: false, // Infinite 외부에서 리스트를 초기화 해줘야 할 경우 변경 requests: [], ... }; fetchMoreList = (offset) => { return new Promise((resolve, reject) => { const pagination ..

  Read More
• React/InfiniteScroll - 내부 collection

  Language/React 2022. 12. 2. 09:47

  InfiniteScroll을 공통으로 사용하기 위해서 Component형식으로 만들고 나중을 위해서 정리해 둔다. InfiniteScroll Component 내부에 collection을 두고 사용하는 방식 부모 컴퍼넌트 import React, { Component } from 'react'; ... class RequestViews extends Component { state = { infiniteResetUseEffect: false, // Infinite 외부에서 리스트를 초기화 해줘야 할 경우 변경 requests: [], ... }; fetchMoreList = (offset) => { return new Promise((resolve, reject) => { const pagination ..

  Read More
• 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..

  Read More