# pagination

82개의 포스트

Pagination & Infinite Scroll

페이지 번호를 클릭해서 이동하는 방식의 페이지 처리 방법.일반적으로 몇 가지 공통된 주제 혹은 목적들을 지니고 있는 페이지에서 사용된다.유튜브 또는 페이스북과 같이, 페이지를 아래로 스크롤 하다가 종단점에 도달하면 새로운 데이터가 계속해서 추가되는 방식의 페이지 처리

약 17시간 전
·
0개의 댓글
post-thumbnail

Day-14 Pagination vs Infinite scroll, State-Lifting

Infinite scroll이란 무한 스크롤이라고 하는데 페이지 하단에 도달했을 때 콘텐츠가 다른 페이지로 이동하지 않고 계속 로드되는 방식이다.무한스크롤은 단일 페이지에서 끝없는 정보의 흐름을 보여주기 때문에 페이스북, 인스타그램 등에서 흔하게 볼 수 있다.스크롤을

2일 전
·
0개의 댓글
post-thumbnail

14) 목요일

Algorithm Self Study, pagination, state lifting, Code Review, Daily Scrum, Algorithm Class, self Study

2일 전
·
0개의 댓글
post-thumbnail

Pagination vs Infinite scroll

Pagination pagination은 인쇄 또는 디지털 콘텐츠를 개별 페이지로 분리하는 프로세스다. 인쇄 문서 및 일부 온라인 콘텐츠의 경우 Pagination은 페이지의 순차적 순서를 식별하기 위해 연속 번호를 추가하는 자동화된 프로세스를 나타낸다. 검색 엔진

4일 전
·
0개의 댓글
post-thumbnail

SpringBoot + MongoDB의 Pagination으로 Read 최적화

현재 메인 페이지에서 metadata를 보여주는 방식입니다.클라이언트가 서버로 api를 보내, 특정 프로젝트 내에 존재하는 모든 metadata 정보를 요청합니다.서버는 findByProjectId 메서드로 읽어들인 모든 metadata 리스트를 클라이언트에 제공합니다

2022년 5월 14일
·
0개의 댓글
post-thumbnail

PAGINATION

페이지네이션을 만들어보자

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

Pagination

1,2,3,4,5 .....11

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

Pagination?? 뭔데??

괜히 머리 고생, 네트워크 고생시키지 말자!! 커몬~~

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

11. seeFollowers, pagination

Query seeFollowers에 args로 username, page를 받음.result로 totalPage, followers:User 배열로 받음.!!!check page와 totalPage 중요!!! pagination을 위해서 그럼

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

Pagination 적용하기 (mui 사용)

많은 데이터를 보여줘야 할 때, 가독성을 위해서 페이지를 나눠야할 필요가 있을 수 있다.

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

Pagination / Infinite-scroll

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

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

Pagination & Infinite Scroll

게시글이나 댓글 등 목록화 되어있는 데이터를 받아올 때 한꺼번에 모든 데이터를 받아올 수 없기때문에 일정 양만큼 나누어 받아와야 한다.예를 들어 게시판의 게시글이 999개가 있을 때, 한 페이지에 10개의 게시글씩 나눈다면 100개의 페이지가 생길 것이다.이런 작업을

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

Paging(Pagination / infinite Scroll)

antDesign의 paginationhttps://ant.design/components/pagination/npm의 infinite Scrollhttps://www.npmjs.com/package/react-infinite-scroller대부분의

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

Pagination & Infinite Scroll

페이지네이션은 가지고 있는 데이터가 많아서 한 화면에 전부 보여줄 수 없는 경우에 사용한다. 흔히 게시판의 게시글 페이지 목록, 이전/다음페이지 기능을 생각하면된다.무한 스크롤은 사용자가 페이지 하단에 도달했을 때, 콘텐츠가 계속 로드되는 방식이다.트위터나 인스타그램

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

페이지네이션 VS 무한스크롤

UX 기법의 일종인 무한 스크롤과 페이지 네이션이 각각 지니는 장/단점에 대해서 알아보겠습니다.페이지네이션은 디지털 콘텐츠를 웹사이트의 또 다른 페이지들로 분리하는 방법입니다. 사용자는 페이지 하단에 있는 숫자 형식의 링크를 클릭하여 페이지들을 탐색할 수 있습니다. 페

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

14)<페이지네이션>살려주세요 게시물 목록 페이지가 -100페이지까지 가요 Pagination ! 실무형 코드중심 코드캠프! Code-camp FE 6기

포트폴리오 리뷰 오와 원두멘토님은 되게 ㅇ예쁘게 해오셨다 ! 근데 잼라이브.. 넘 고인물 아닌가 ? 푸합.......약간 큐플레이 느낌...헤헹 하지만 존경합니다 멘토님 이 폴더 구조 잊지 말고 component가 레이아웃에 prop.children으로 들어가는거

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

Nestjs 페이지네이션 구현하기

페이지네이션이란? 웹사이트를 이용할 때 게시글을 한번에 보여주지 않고 전체 게시글을 나눠서 페이지 별로 볼 수 있게 하는 구조를 많이 사용하는데, 여기서 페이지를 나누고 요청한 페이지의 데이터를 보내주는 것을 의미한다.

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

pagination

useParams를 써서 동적라우팅 하는 것과 매우 비슷한 방법이다.url의 정보를 바꾼뒤 url의 엔드포인트로부터 정보를 가져와서 페이지를 바꿔주는 방식이다.

2022년 2월 21일
·
0개의 댓글

[Week2] Pagination - 2

이전 포스팅에서는 Pagination 컴포넌트에 대한 설명을 했고,이번 포스팅에서는 서버측 설정에 대해 설명한 후, createPagination.js에 대해 설명을 하고자 한다.우선 Helper 전체 목록을 불러오는 코드를 보면서 설명을 하겠다.설명 1클라이언트 측에

2022년 2월 20일
·
0개의 댓글

[Week2] Pagination - 1

🗂 Pagination Pagination에 대한 코드 구현이 막막해서 codesandbox에서 관련된 코드를 서칭해보았다. 여러가지 샘플 코드들 중에서, 제일 마음에 드는 코드를 복사해서 사용했는데, 처음 보는 문법이었기에 어떤 문법을 사용한건지 그리고 코드가 구현

2022년 2월 20일
·
0개의 댓글