# 무한스크롤

37개의 포스트

사용자에게 많은 데이터를 보여주는 방법 | 페이지 | 무한 스크롤

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

2022년 4월 26일
·
0개의 댓글
post-thumbnail

[카우치코딩] 5주차 진행 회고

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

2022년 4월 25일
·
0개의 댓글

무한스크롤, intersection observer

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

2022년 4월 10일
·
0개의 댓글
post-thumbnail

Flutter: Infinite Looping Scroll

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

2022년 4월 5일
·
0개의 댓글

Pagination / Infinite-scroll

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

2022년 4월 3일
·
0개의 댓글
post-thumbnail

🔎Intersection Observer란?

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

2022년 3월 20일
·
0개의 댓글
post-thumbnail

(React) 무한 스크롤 기능 구현하기 : used by Intersection Observer - 2

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

2022년 3월 7일
·
4개의 댓글
post-thumbnail

(React) 무한 스크롤 기능 구현하기 : used by Intersection Observer - 1

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

2022년 3월 7일
·
0개의 댓글
post-thumbnail

[무한스크롤] infinite scroll

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

2022년 3월 3일
·
0개의 댓글

Day 15.

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

2022년 1월 28일
·
0개의 댓글

코드캠프 부트캠프 15일차

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

2022년 1월 28일
·
0개의 댓글
post-thumbnail

[블로그만들기] Intersection Observer로 무한스크롤 구현하기(typescript)

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

2022년 1월 16일
·
1개의 댓글
post-thumbnail

[React] Intersection Observer를 사용한 무한 스크롤 구현

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

2021년 12월 24일
·
0개의 댓글

Getting - 무한스크롤

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

2021년 12월 2일
·
0개의 댓글
post-thumbnail

React.js에서 무한스크롤 구현할때의 최적의 방법은 무엇일까

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

2021년 11월 23일
·
1개의 댓글

뷰페이저 무한 스크롤 + 자동스크롤

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

2021년 11월 10일
·
0개의 댓글

[TIL] 9월 17일 무한스크롤, state 끌어올리기

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

2021년 9월 19일
·
0개의 댓글
post-thumbnail

데브코스 28일차 TIL : 자바스크립트 무한스크롤 UI

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

2021년 9월 9일
·
0개의 댓글