[Nest.JS] 무한스크롤을 구현하는 방법 | Cursor Based Pagination 이해하기 | Cursor vs Offset
무한 스크롤이란? 무한 스크롤(Infinite Scroll)은 웹사이트나 앱에서 사용되는 스크롤링 기술로, 사용자가 웹페이지를 스크롤 하면 새로운 콘텐츠가 자동으로 동적으로 로드되는 방식이다. 기존의 페이지를 새로 고침 하거나 페이지 이동 버튼을 누르지 않고도 사용자들이 끊임없이 콘텐츠를 스크롤 하여 볼 수 있게 해주는 기술로 사용자가 페이지에 머무르는 시간을 증가시킨다. 나는 이번 nest.js 프로젝트에서 무한 스크롤 구현을 담당했다. 처음에는 무한 스크롤이라고 하니 무척 낯설고 어려워서 막막했는데 원리를 공부하고 직접 구현해 보니 생각보다 어렵지 않았다. 아래는 내가 구현한 페이지에서 무한스크롤이 작동하고 있는 모습이다. 메이트 탐색 페이지에서 랜덤 메이트 탐색 스크롤 부분에서 무한 스크롤을 구현..
[Backend/Springboot] XML 형태로 받은 Open API 데이터에서 내가 원하는 데이터만 가져오도록 파싱하는 방법
이전 포스트: 공공 데이터 포털에서 원하는 Open API 사용 신청하고 데이터 가져오는 방법 [Backend] 공공데이터 포털 OPEN API 크롤링 사용 방법 A to Z | 인증키 오류 해결 방법 안녕하세요 오늘은 공공데이터 포탈에서 데이터를 크롤링하는 방법을 공유해 보겠습니다. 저는 이번 겨울 방학에 2024 구글 솔루션 챌린지에 참가하기 위해 열심히 프로젝트를 진행하고 있는데 yuejeong.tistory.com 자 그럼 드디어 XML 형태로 포탈로부터 응답받은 데이터를 우리가 원하는 형태로 가공하는 방법을 확인해 보겠습니다. 이때, 포탈로부터 받을 수 있는 데이터는 XML 뿐만 아니라 JSON으로도 받을 수 있는데요, 하지만 XML만 지원하는 Open API 가 훨씬 많기 때문에 XML로만 ..