이것저것IT

spring-boot 프론트엔드와 무한 스크롤 구현 하기[ep.1] spring-boot 프론트엔드와 무한 스크롤 구현 하기[ep.1] 왼쪽은 페이징 표시 오른쪽은 무한 스크롤 기능입니다. 페이징 표시는 웹에서 사용하기 적합하지만 현재 만들고 있는 서비스는 모바일 웹에 특화된 서비스 이므로 무한 스크롤 기능을 적용을 thisisthat-it.tistory.com 지난번에 구현한 페이징 처리는 정말 단순하게 페이지 처리만 해준것입니다. 문제점이 있다면 사용자가 조회할때 다른 사용자가 상품등록을 해주어서 DB에 상품 데이터가 1개가 추가된다는 상황에서 문제점이 발견이 됩니다. 간단하게 이해를 쉽게 하기 위해서 그림을 첨부해보겠습니다. https://github.com/a-ger/a-ger-backend/is..

왼쪽은 페이징 표시 오른쪽은 무한 스크롤 기능입니다. 페이징 표시는 웹에서 사용하기 적합하지만 현재 만들고 있는 서비스는 모바일 웹에 특화된 서비스 이므로 무한 스크롤 기능을 적용을 해야합니다. 추후에는 앱으로도 만들어야겠다. 페이징 기능은 JPA에 Page로 반환을 해주면 간편하게 구현을 할수 있습니다. Pageable로 값을 넣어주면 Db에서 데이터를 처음부터 끝까지 카운팅을 해준다음 pageable에 들어있는 size와 page를 보고 알아서 page에 대한 내용을 처리해줍니다. 여기서 size는 페이지에 보여줄 데이터 갯수입니다. 만약에 size: 3, page: 0 이라고 하면 0번째 페이지에 3개의 데이터를 불러와라 라고 볼수 있습니다. 이런식의 페이지 처리는 만약에 그냥 findAll이라면 ..