# pagination

159개의 포스트

[Django] Pagination

장고의 페이징처리를 진행한다. 이전에 사용해봤던 Framwork들과는 다르게 장고에서는 Paginator라는 클래스를 활용하여 페이징 처리를 진행한다.\[projects/web/pybo/views.py]page변수에는 GET방식으로 호출된 url로부터 가져온 page값

2023년 5월 20일
·
0개의 댓글
·

23.5.8 TIL

PageNumberPagination

2023년 5월 8일
·
0개의 댓글
·
post-thumbnail

Pagination Custom Hook 구현

모행은 여행지 정보와 코스에 대한 정보를 주는 정보성 짙은 여행 플랫폼이었기에 페이지네이션이 사용되는 부분이 많았습니다. 해당 페이지네이션을 커스텀 훅으로 구현해 쓸 수 있다면 편리할 것 같아 직접 커스텀 훅으로 구현해보고자 했습니다.모행은 여행지 정보와 코스에 대한

2023년 5월 3일
·
0개의 댓글
·
post-thumbnail

[미니프로젝트] spring 게시판 구현 실습 - 페이징 처리

미니프로젝트 게시판 만들기에서 중요한 기능인 페이징 처리 기능를 정리해놓으려고 합니다.

2023년 5월 2일
·
0개의 댓글
·
post-thumbnail

[hotfix] 페이지네이션에서의 에러

위와 같은 에러가 떴다.리액트쿼리는 잘 동작하는 것 같은데, 친구모달을 오픈한 뒤 닫고 다시 오픈하면 위와 같은 에러가 났다.보아하니 페이지네이션에서 생기는 에러였다.numPages를 콘솔로 찍어보니 infinity가 떴다.total이나 limit이 0일때 infini

2023년 4월 28일
·
0개의 댓글
·
post-thumbnail

[Side Project] 스타일 작업 및 기능 추가 - pagination

마이페이지에서 제공하는 내용은 내정보, 내가 작성한 글이다.작성한 글을 조회하여, 게시판 처럼 보이도록 작업했다.이번에 게시판 형태의 pagination을 처음 작업 해봤다.게시판 형태로 내가 작성한 글을 보여주기 위해, 아래와 같은 구조로 컴포넌트를 개발했다.게시판

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

[Project] Hobbyt - Pagination 개발하기

1. 데이터가 들어오고 있는 형식 api 요청은 아래와 같이 보내면 된다. http://생략/api/members/myPage/products?page=0&size=10 페이지네이션을 클릭 시 클릭한 버튼의 value 값(1을 눌렀음 1을, 2를 눌렀음 2를)을

2023년 4월 6일
·
0개의 댓글
·
post-thumbnail

[React]Pagination 구현하기

😢처음에 하는 방법을 몰라 전체 데이터를 가지고 pagination을 만들어 버렸다. 이렇게 전체 데이터를 가지고 pagination을 만들다보면 서버가 터져버리는 이슈가 발생할 수 있다. 그걸 모르고 만들다가 아주 고생을 해버렸다. 두번 일하게 되어버린..아래 코드

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

Pagination vs Infinite Scroll

✅ Pagination Pagination : 검색 결과를 가져올 때 데이터를 쪼개 번호를 매겨 일부만 가져오는 기법 사용자가 게시판, 상품 목록 등을 요청할 때 결과 값을 전부 가져오면 느려지며 사용자는 불편을 느끼게 된다. 그래서 데이터를 조금씩 나눠서 가져오

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

[TIL 0330] 페이지네이션_일반방식

🏷️ 페이지네이션 : 페이지 번호를 클릭해서 이동하는 방식의 페이지 처리 방법 >### ✔️ 일반적인 방식 [실습-1] [실습-2] 페이지네이션 next / prev 구현 > - index 활용하기 [실습-3] lastPage 설정 리팩토링 중복되는 부분

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

2023. 3. 30

페이지네이션state끌어올리기페이지처리를 하는 방법에는 크게 일반적인 방식, 무한스크롤 방식 2개가 있다. 페이지네이션이란 페이지 번호를 클릭해 이동하는 방식의 페이지 처리 방법이다.또한 이 방법은 게시판 형태의 페이지에서 가장 일반적으로 사용된다.페이지네이션은 쉬워보

2023년 3월 30일
·
0개의 댓글
·
post-thumbnail

Pagination을 해보자..

페이징 처리를 할 때, 일반적으로 백엔드에서 다음과 같은 정보를 제공한다..

2023년 3월 13일
·
0개의 댓글
·
post-thumbnail

React Query Pagination

React Query를 사용하여 Pagination을 함께 구현해 보자.

2023년 3월 5일
·
0개의 댓글
·

HTML | Breadcrumb & Pagination, WAI-ARIA ..미완성

📌 Breadcrumb 출처: https://www.justinmind.com/blog/breadcrumb-website-navigation/ 📌 Pagination 출처: https://www.frontendplanet.com/css-pagination-examples/ 순서가 중요하므로 태그 이용 비슷한 예로 dropdown menu 는 ...

2023년 3월 1일
·
0개의 댓글
·

pagination 기능 구현하기

pagination 기능이 엉망으로 코딩되어 있는 것을 발견...흡사 코테문제 같은 기능이길래 짬내서 고쳐보았다.그런데 사실 혼자 해결못했고chatGPT 이녀석이 또...대답을 넘나 잘해쥼pagination 한 page에 data가 10개씩 들어가도록 구현되어 있는 상

2023년 3월 1일
·
0개의 댓글
·
post-thumbnail

[JPA] Spring Data Jpa + Pageable로 Pagination 쉽게 구현하기

이번주는 독서리뷰를 남길 수 있는 미니 프로젝트를 진행하고 있다. 리뷰 글을 특정 조건으로 뽑아서 정렬 기준을 선택하여 조회하는 기능을 구현하고자 한다.전체 리뷰글을 조회하거나, 내가 좋아요를 누른 리뷰글만 조회하거나, 내가 쓴 리뷰글만 조회하거나, 원하는 카테고리의

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

[React] 페이지네이션 컴포넌트 (pagination component)

리액트 - 페이지네이션 컴포넌트

2023년 2월 26일
·
0개의 댓글
·
post-thumbnail

react-query useQuery()-3

react-query useQuery()-3

2023년 2월 23일
·
0개의 댓글
·
post-thumbnail

230221 팀 프로젝트 11 페이지네이션

어제까지 진행했던 페이지네이션은 그대로 사용하면 게시글이 밑으로 붙어버리는 경우가 생기기 때문에....로직을 보안했다.데이터 값이 16개씩 오게끔 짜두었으나 파이어베이스가 버티질 못해서...ㅎ 테스트삼아 3개씩 보일 수 있도록 입력했다.ant디자인 커스텀이 이렇게까지

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