# pagination

60개의 포스트
post-thumbnail

20220127_TIL : Pagination

웹사이트를 구현하면서 여러 페이지로 이동해야할 때 Router를 쓰지않고 페이지네이션(콘텐츠를 웹사이트 내에서 또 다른 페이지로 분리)이라는 새로운 기능에 대해 배웠다. 게시물 목록을 불러올 때 수많은 게시물을 한 페이지에 보여줄 수 없다. 이럴때 숫자 형식으로 리스

2일 전
·
0개의 댓글

🐰 TIL 0127

[Pagination] [state, setState Lifting]

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

코드캠프 부트캠프 14일차

페이지를 처리하는 방법으로는 크게 일반적인 방식과 무한스크롤 방식, 2가지 방법이 있다. 그 중 오늘은 일반적인 방식의 페이지 처리를 알아보자.일반적이라 하면 페이지 번호를 클릭해서 이동하는 방식의 페이지 처리 방법이다.우선 시작 페이지 값을 알려줄 state를 생성한

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

[React] Pagination & Query Parameter

Pagination 백엔드에서 가지고 있는 데이터는 많고, 그 데이터를 한 화면에 전부 뿌릴 수 없는 경우에 사용한다. 모든 데이터를 한번에 보여줄 수 없다면 일정 길이로 끊어서 전달해야 한다.

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

페이징 처리 (Pagination)

DRF에서 지원하는 페이지네이션

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

Pagination (페이지네이션) 실습

동적 라우팅 시와 다르게 navigate() 함수 실행 시에는 ?과 이후의 url만 적어주면 현재 페이지의 url 주소 뒤에 query string을 붙이라고 자동으로 인식한다query string이 붙은 url 주소는 router.js에 따로 route를 할당하지 않

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

영화 검색 서비스

Netlify Statushttps://developers.themoviedb.org/4/getting-started/authorization 의 api를 이용해 영화 검색 서비스를 만들어봄.pagination 같은 경우 컴포넌트로 따로 빼서 구현하고 싶었음.

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

jquery datatable에서 pagination 도입하기

기존 코드의 문제점 속도의 문제(데이터의 개수가 늘어날수록 속도가 점점 늘어지는 현상이 발생하고 있었다) 수정이나 삭제시 현재 페이지를 기억하지 못하고 1페이지로 간다. 원인 datatable로 코드가 짜여져 있었는데, 테이블에 있는 모든 데이터를 가져온 후 pag

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

RESTful API - REST는 무엇이고, 어떻게 구성되어 있을까? URI는 어떻게 작성해야 할까? (Query / Path parameter)

Representational State TransferAPI 시스템을 구현하기 위한 아키텍처 중 하나로, 가장 널리 사용되는 형식이다.(참고) REST 외에 이러한 아키텍처로는 GraphQUL, SOQP, GRPC등이 있다.비싼 툴이 필요없다.진입장벽이 낮고, 러닝커

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

pagination paging 오류해결

이전, 다음버튼 클릭시 페이징 리스트 바꾸기

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

[Django] Paginator 사용법

Django paginator 사용하기아래 표는 코드잇 django 강의를 참고했다.실제 코드 예시

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

pagination 구현

클라이언트와 서버 페이지네이션

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

JPA 모든 N+1 발생 케이스과 해결책

N+1이 발생하는 모든 케이스 (즉시로딩, 지연로딩)에서의 해결책과 그 해결책에서의 문제를 해결하는 방법에 대해 이야기 하려합니다 😀

2021년 11월 22일
·
0개의 댓글
post-thumbnail

Next.js - styled-jsx로 스타일링 하기

next에서 지원하는 styled-jsx와 date 라이브러리인 date-fns를 활용하여 컴포넌트를 스타일링 합니다.

2021년 10월 21일
·
0개의 댓글
post-thumbnail

React _ Pagination & Query Parameter

PEACOCK 프로젝트를 하면서 상품 리뷰 기능을 구현해야 했었다.상품 리뷰를 처음에는 3개만 보여주고, 더보기를 누를때 마다 3개씩 더 보여주는 방식이었다. 내가 맡은 기능은 아니었지만, 팀원이 이 부분을 어떻게 구현해야할지 고민해서 같이 고민해보다가 Paginati

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

[TIL]9월 16일 PagiNation, event-bubbling

오늘은 pagination, event-bubbling 적용에 관해서 배웠다. >pagination 이란? pagination이란 게시판에서 게시글을 보여줄때 나열해주는 방법이다. 크게 2가지의 방법이 있다. >1. 무한스크롤 방법 >2. 방법 무한스크롤 방

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

Django Pagination

웹 클론 프로젝트를 진행하던 중 pagination에 대한 학습이 필요하여 그에 대해 공부해보고 작성하는 글이다. 또한 이 pagination에 방법엔 세가지가 있는데 그 중 학습한 두가지 방법의 차이에 대해 작성한다.(진행 중인 프로젝트의 코드로 작성하였습니다.)둘

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

[Spring] Pagination과 Page 그리고 Pageable

Pagination 웹 사이트를 이용하며 게시판을 둘러볼 때, 게시글 목록 하단에 게시글을 일정 수로 나누어 페이지화 시켜놓은걸 볼 수 있는데 이를 Pagination(페이지네이션) 이라고 한다. 직접 구현해본 pagination 예제 직관적으로 게시글을 검색할

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

Prisma로 Pagination 구현하기

인스타그램, 페이스북의 무한스크롤은 어떻게 만들어질까?

2021년 8월 29일
·
0개의 댓글
post-thumbnail

May 20, 2021, TIL (Today I Learned) - Pagination(infinite Scrolling)

페이스북, 트위터와 같은 소셜미디어 앱을 들어가보면 유저가 feed를 스크롤링할 때 끊임 없이 데이터를 불러오는 것을 볼 수 있습니다. 이런 기술은 어떻게 구현이 되는지 한 번 끄적여보면서 알아가 보겠습니다.추가 예정

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