React - 무한 스크롤(Infinity scroll)

개요 React에서 무한 스크롤을 구현했지만 사실상 바닐라 JS로 구현한 것과 다를게 없다. 최근 진행 중인 프로젝트에서 사용될 예정이라 미리 연습해보았다. 코드 import React from "react"; import style from "../style/Home.module.css"; function Home() { let number = 3; // scroll 이벤트가 발생하면 실행되는 콜백함수 const toScroll = () => { // 새로운 div를 생성해서 추가한다. const $div = document.querySelector(".home"); const $el = document.createElement("div"); $el.className = style.box; if (window.innerHeight + window.scrollY >= document.body.offsetHeight) { number += 1; $el.textContent = numb...

원문링크 : React - 무한 스크롤(Infinity scroll)