# 무한스크롤

dishate

프로그래머스 데브코스 강의에서 무한스크롤에 대해서 공부했습니다.이후에 따로 찾아본 내용을 합쳐서 무한 스크롤은 무엇인지, 외에 다른 방법은 없는지, 어떻게 구현하는지를 정리하겠습니다.구글에 어떤 내용을 검색했을 때페이스북에서 어떤 내용을 검색했을 때네이버에서 초콜릿을

jun_53

검색 리스트를 받아오고, 무한스크롤을 통해 구현하였다.상세 페이지 레이아웃 및 데이터처리.카카오맵을 사용한 위치 지도를 구현하였다.프록시를 사용하여 실제 DB와의 데이터를 연동하였다.firebase의 oAuth를 수정하였다.

silverj-kim

최근 무한스크롤을 구현하다가 intersection observer에 대해 알게 되어 오랜만에 정리합니다.

sookim482

역시나 제 medium 글을 복사해왔지만 누군가엔 도움이 될 것 같아서 벨로그에도 포스팅합니다.

mango1004

페이지 처리를 하는 방법에는 일반적인 방식과 무한스크롤 방식이 있다. 먼저, 일반적인 방식을 알아보자.페이지네이션: 페이지 번호를 클릭해서 이동하는 방식필요한 요소로는 시작페이지 값을 알려줄 state,페이지를 눌렀을 때 화면을 해당 페이지로 재구현 해줄 함수,이전 목

kimareum

\-good morning self study\-얕은 복사 / 깊은 복사\-스프레드 연산자\-react infinite scroller

ldh3907

🙋‍♂️무한 스크롤 관련해서 찾아보다가 intersection observer라는 것을 알게 되었습니다..!

yunsungyang-omc

Intersection Observer에 대한 몇 가지 개념에 대해서 이해를 하고 코드에 적용해보자.

yunsungyang-omc

인피니티 스크롤 구현하기 1편 : 무한 스크롤 기능은 무엇이고 어떻게 구현할 수 있을까에 대해서 알아보자.

0seo8

무한스크롤 1. 무한스크롤이란? 무한 스크롤은 사용자가 페이지 하단에 도달했을 때, API가 호출되며 콘텐츠가 계속 로드되는 사용자 경험(UX) 방식입니다. 한 페이지 아래로 스크롤 하면 끝없이 새로운 화면을 보여주게 되고 이로 인해 많은 양의 콘텐츠를 스크롤 해서 볼

wisdoom03

얕은복사, 깊은복사, 스프레드연산자

junejae_1625

페이지네이션(Pagination)의 다른 방법으로 유튜브 또는 페이스북, 인스타그램과 같이 아래로 스크롤할 때, 계속해서 추가되는 방식의 페이지 처리 방법이다.라이브러리를 통해서 사용방법을 알아보자.yarn add react-infinite-scroll타입스크립트를 사

ongddree

Intersection Observer api로 무한스크롤 만들기(타입스크립트)

ysg81

항상 이론으로만 보다가, 한번쯤 직접 구현해보고 싶어서 제일 쉬운 예제를 따라해보았다. (간단하게 기능만 구현하기위해 any type을 남발하였음...) > API 출처: https://unsplash.com/ 1. 상태 정의 photo: 불러온 데이터를 저장 p

sksguss2

무한스크롤 > 무한스크롤이란? 페이지 처리 방식의 한 종류로써 사용자가 원하는 페이지 번호를 누르거나 입력하여 해당 페이지로 넘거어가는 것이 아닌, 페이지의 하단 끝 부분으로 스크롤할 때마다 다음 페이지로 순차적으로 넘어가게 해주는 기능 무한스크롤을 구현하기 위해서

euneun

무한스크롤 어떤 방식이 가장 효율적일까? - intersection observer api,... 👀

yeen00123

til 15일차

silmxmail

디자인 요구에 따라 뷰페이저에 무한스크롤과 자동스크롤을 구현해야했다.디테일한 요구사항은 좋아요가 있으면 좋아요 한 이미지가 나오고 없으면 3개의 뷰페이저가 좌우로 흘러가는데 그것들이 다른 방향으로 무한슼크롤 + 자동스크롤이 되어야했다.처음에 요구사항을 듣고 좌우로 흘러

sangki2070

오늘은 어제에 이어서 무한스크롤 설정방법, 그리고 하위컴포넌트에서 상위컴포넌트를 제어할수 있게 하는 state 끌어올리기에 대해서 배웠다.State 끌어올리기react의 데이터 흐름은 단방향 이다.즉 부모컴포넌트에서 자식컴포넌트를 변경할수 있고 자식에서 부모를 변경할수

te-ing

자바스크립트에서 무한스크롤 UI를 구현하는 방식을 살펴보면서, 무한스크롤을 구현할 때 사용하면 좋은 디바운스와 쓰로틀 방식까지 알아보려 한다.무한스크롤은 페이스북, 인스타그램 등에서 주로 볼 수 있는 방식으로, 아래로 스크롤하다가 마지막 컨텐츠를 볼 즈음 다음 컨텐츠를