습관적 기록

  • 홈

Firebase 1

리액트 파이어베이스에서 무한 스크롤하는 방법

React를 프론트엔드로, Firebase를 백엔드로 사용(정확히는 firestore)하는 경우 무한 스크롤(Infinite Scroll)을 하는 방식에 대해 설명하겠습니다. 화면 최하단으로 스크롤을 내리는 이벤트 리스너 스크롤이 화면 최하단에 닿는 것은 react-bottom-scroll-listener library를 통해 간편하게 할 수 있습니다. (자세한 사용법은 링크를 타고 들어가 확인하시길 바랍니다) useBottomScrollListener(callback)사용법이 간단합니다. npm install react-bottom-scroll-listner 를 하신 후에 위와 같이 callback 을 전달해주면 됩니다. callback으로 page를 채울 대상을 받아오면 됩니다. console.log..

HOW-TO GUIDES 2021.09.22
1
더보기
프로필사진

개발에 대해 알게 된 내용을 문서화하는 개발 블로그입니다.

  • 분류 전체보기 (21)
    • TUTORIALS (12)
    • HOW-TO GUIDES (7)
    • REFERENCE (0)
    • EXPLANATION (2)

Tag

Next.js, platform, ant design, Machine Learning, TDD, REACT, react testing library, HTML, typeScript, jest, freecodecamp, CSS, plantuml, web, Firebase,

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바