---
title: "Discussion on \"[React] 무한 스크롤 구현\" | Hashnode"
description: "Discussion on \"[React] 무한 스크롤 구현\". React로 개발하는 웹 페이지에서 매 렌더링마다 데이터를 가져오게 된다면 불필요하게 많은 데이터 읽기가 발생할 수 있다. 이를 방지하기 위해 Pinterest 무한스크롤처럼 스크롤이 하단에 닿을 때마다 일정 개수만큼 데이터를 가져오도록 구현한 과정이다.\nScroll Sensor 구현\n<div className={styles.pageEnd} ref={pageEnd}/>\n\n\n보이기 쉽게 빨간색으로 표현한 부분이 sensor div이다.\n화면에서 ..."
url: "https://hashnode.com/posts/react/6544dc38c1af0f86074ec87c"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [\[React\] 무한 스크롤 구현](https://blog.skku-comit.dev/react?utm_source=hashnode&utm_medium=feed)

React로 개발하는 웹 페이지에서 매 렌더링마다 데이터를 가져오게 된다면 불필요하게 많은 데이터 읽기가 발생할 수 있다. 이를 방지하기 위해 Pinterest 무한스크롤처럼 스크롤이 하단에 닿을 때마다 일정 개수만큼 데이터를 가져오도록 구현한 과정이다. Scroll Sensor 구현 <div className={styles.pageEnd} ref={pageEnd}/> 보이기 쉽게 빨간색으로 표현한 부분이 sensor div이다. 화면에서 ...

Nov 3, 2023 · 2 min read · blog.skku-comit.dev  
Read the article

-   [#reactjs](https://hashnode.com/tag/reactjs)
-   [#javascript](https://hashnode.com/tag/javascript)
-   [#infinite-scrolling](https://hashnode.com/tag/infinite-scrolling)
-   [#intersectionobserver](https://hashnode.com/tag/intersectionobserver)

## Written by

[정정환](https://hashnode.com/@JungHwan)

@JungHwan

  
[View profile](https://hashnode.com/@JungHwan)

## Responses 2

Markdown supported · ⌘↵ to post

[lva\_jiho](https://hashnode.com/@jihokim)

[Nov 9, 2023](https://hashnode.com/posts/react/6544dc38c1af0f86074ec87c/comment/654cf9cb648458030f2f372b)

어디서 많이 본 코드인데요?

[Nov 3, 2023](https://hashnode.com/posts/react/6544dc38c1af0f86074ec87c/comment/6544eb62a3a39fcf96b1b564)

✨