# pagination

29개의 포스트

[JPA] Spring Jpa Pagination 처리

페이징의 필요성 JPA에서는 Entity의 전체 목록을 findAll() 을 통해 불러올 수 있다. 예컨대 db 수가 적다면 List 형식으로 db의 전체 목록을 받아와도 성능에 큰 차이는 없겠지만, db의 수가 기하급수적으로 늘어난다면 이는 성능에 큰 영향을 끼친다. 따라서 paging을 통해 효율적으로 data를 반환할 수 있다. Page Page는 ...

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

TIL 2021.03.31 [스프링/문제해결]

이전에 언급한 페이징을 참고해서 해결해보려했으나 넘 설명이 없어서 따라할 수가 없었다. 그러다가 yeon이 공유해준 유튜브 영상을 발견.근데 템플릿엔진을 Thymeleaf을 써서 이떄까지 쓰던 Mustache와 달라서 좀 접근하기가 어려웠다.그래서 페이징처리 튜토리얼을

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

TIL_53_페이지네이션

페이지네이션? 나눠서 데이터를 가져오는 것.한번에 데이터를 다 가져오는 것은 무겁고, 유지보수에 힘들다.한정된 네트워크 자원을 가지고 있기 때문에 효율적으로 사용하기 위한 것.성능적인 부분을 고려해야하기 때문.페이지를 분할해서 그 페이지에 맞는 데이터를 가져오는 것.페

2021년 3월 28일
·
0개의 댓글
post-thumbnail

[React] Pagination (Query string)]

한꺼번에 많은 양의 데이터를 보내지 않고 일정 길이로 끊어서 보내는 것

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

React | Pagination(Query string)

사용하는 경우데이터가 많아서, 한 화면에 전부 보여줄 수 없는 경우프/백 양 쪽에서 모두 구현해야 함프론트 전달 사항쿼리 스트링(Query String) 사용limit : 한 페이지에 보여줄 데이터 수offset : 데이터가 시작하는 위치(index)url에서 ? 기호

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

TIL.45 Pagination

wecode 수업 - Pagination

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

[react]Pagination

쇼핑몰 같은 사이트를 들어가보면 상품이 많아 한페이지에 보여주기 어려울 때 밑에 숫자를 클릭해서 상품 리스트의 다음 페이지로 넘어가 본 경험이 누구나 있을 것이다. 평소에는 아무 생각 없이 숫자를 누르고 넘어갔지만 만드는 입장에서는 이것도 공부를 해야한다.위와 같이 한

2020년 12월 22일
·
0개의 댓글
post-thumbnail

리액트 동적 라우팅

리액트에서 동적 라우팅 구현하는 방법을 알아본다. 그런데 pagination도 곁들인

2020년 12월 20일
·
2개의 댓글
post-thumbnail

TIL] React Native-FlatList, SectionList

. react native tab view . FlatList (key는 string)

2020년 11월 29일
·
0개의 댓글
post-thumbnail

TIL] React-Pagination

웹사이트의 리스트 페이지에 흔히 쓰이는 기능으로 해당 페이지 Rendering시, 모든 데이터를 한꺼번에 Backend에 호출해서 가져오는 것이 아니라 limit&offset을 사용하여1) 다음페이지 버튼 클릭시 혹은 2) 스크롤시 일정 위치에 도달시에 추가로 데이터를

2020년 11월 1일
·
0개의 댓글
post-thumbnail

TIL 58 | 페이지네이션

리스트에서 데이터를 한번에 가져오는 것이 아니라 필요한 만큼, 또는 화면에 보이는 만큼만 백엔드에 요청하고 응답받아 사용하는 것을 의미한다.

2020년 10월 1일
·
0개의 댓글
post-thumbnail

[React] Pagination (Query string)

페이지네이션은 목록형 UI에서 데이터를 한 번에 가져오는 것이 아니라 필요한 만큼, 또는 화면에 보이는 만큼만 백엔드에 요청하고 응답받아 사용하는 방식을 말한다. 게시판처럼 1~10페이지가 있는 형식, 인스타그램에서 가장 하단의 스크롤로 내려왔을 때 새로운 데이터를 가

2020년 9월 30일
·
2개의 댓글
post-thumbnail

[JavaScript] React - pagination

백엔드에서 가지고 있는 데이터는 많아서 그 데이터를 한번에 보여주기 힘든 경우에 데이터를 일정 길이로 끊어서 전달해야합니다. 이미 많은 웹사이트에서 사용하고 있는 것이 pagination 입니다. 프론트엔드에서는 현재의 위치(Offset)과 추가로 보여주어야하는 (Li

2020년 9월 28일
·
0개의 댓글
post-thumbnail

TIL DAY.26 Pagination

목록형 UI에서 데이터를 한 번에 가져오는 것이 아니라 필요한 만큼만 가져와야 할때 또는 보이는 만큼만 백앤드에게 요청하고 응답받아 사용하는 방식입니다.게시판처럼 10페이지를 이동하는 방식뿐만 아니고 스크롤로 내렸을ㄷ 때 데이터를 받아 오는 것 또한 페이지 네이션에 해

2020년 9월 22일
·
1개의 댓글
post-thumbnail

[DRF] <Level Two> Django REST Framework - 6. Pagination

200902 DRF Level Two 6. Pagination

2020년 9월 2일
·
0개의 댓글
post-thumbnail

TIL-React(Dynamic Routing), AWS

1st CloningProject Routing, AWS review

2020년 8월 30일
·
0개의 댓글
post-thumbnail

TIL. Pagination -8/26

: 페이지 네이션은 백엔드에서 보내줄 데이터가 굉장히 많은데 한 페이지에서 보여주기엔 너무 많아서 원하는 만큼 데이터를 나눠서 가져오거나 보여주게 해주는 기능 입니다.페이스북이나 인스타그램을 예시로 들 수 있습니다.피드가 처음부터 무한대로 있지는 않죠?내릴 때마다 어느

2020년 8월 26일
·
0개의 댓글

Pagination

필요한 만큼, 또는 화면에 보이는 만큼만 백엔드에 요청하고 응답받아 사용하는 방식인스타그램처럼 가장 하단의 스크롤로 내려왔을 때 새로운 데이터를 가지고 오는 것도 페이지네이션이다.페이지네이션을 구현하기 위해서는 해당 api에 대해 백엔드와 미리 약속이 되어 있어야 한다

2020년 8월 26일
·
0개의 댓글

Pagination

Pagination이란? 페이징(Paging)이라고도 하며, 목록형 UI에서 데이터를 한 번에 가져오는 것이 아니라 필요한 만큼, 또는 화면에 보이는 만큼만 백엔드에 요청하고 응답받아 사용하는 방식을 말한다. 즉 데이터의 양이 너무 많아서 하나의 페이지에 보여줄 수 없을 때 끊어서 데이터를 보내고 받아서 사용하는 방식이다. 페이지네이션을 구현하기 위해서...

2020년 8월 26일
·
0개의 댓글