
저번글에서 페이지 아래에 도달하면 jquery 이벤트를 실행 되도록 작업하였다 https://ddorm.tistory.com/5 jQuery + Ajax로 인피티니 스크롤, 무한 스크롤을 구현해보자. -1- 게시판 리스트를 pagination 형식에서 무한 스크롤 형식으로 변경해 달라는 요청이 있었다. 계속 테스트를 하면서... 나도 사실 많은 게시물을 페이지를 넘나들며 보기엔 너무 귀찮았다. 비록 장점 ddorm.tistory.com 이번글에서는 Ajax를 이용해서 데이터를 불러오는 작업을 해보도록 하겠다. 현재 테스트에 사용되고 있는 쿼리는 페이지의 갯수를 정해놓고 paging 변수를 받아 LIMIT을 주는 형식으로 짜여져 있다. 예) 50개의 목록을 가진 게시판 2page = SELECT * FRO..

게시판 리스트를 pagination 형식에서 무한 스크롤 형식으로 변경해 달라는 요청이 있었다. 계속 테스트를 하면서... 나도 사실 많은 게시물을 페이지를 넘나들며 보기엔 너무 귀찮았다. 비록 장점과 단점이 명확한 방식이지만, 또 생각없이 쭉쭉 보기에는 이만한게 없지. 이왕 작업할거 나중에 작업하기도 편하게 블로그에 적어놓고 틈틈히 고도화? 해야겠다. 인피니티 스크롤 즉 무한 스크롤 이라고도 불리는 형식은 여러곳에서 볼 수 있다. 대표적으로 인스타그램 이라던지 트위터 라던지... 리스트에서 페이지 번호가 달려있지 않고 쭉쭉 드래그 하여 새로운 게시물 들이 막 불러와지는 그 기능... 맞다. 시작하기 앞서 500개의 임의 데이터를 집어넣고 기존의 방식대로 pagination 형식으로 리스트를 뿌려보았다...
- Total
- Today
- Yesterday
- AJAX
- 이미지좌표가져오기
- 영천 임고강변공원
- 운문댐 하류보
- 초보웹개발
- 경북노지
- 공부
- 킹덤컴2 말
- 임고강변공원 노지캠핑
- 동계노지캠핑
- 농심 농심라면
- jQuery
- 초보웹개발자
- html2canvas
- 웹개발
- 웹에서 이미지 자르기
- 경북노지캠핑
- JavaScript
- 청도 노지
- 부산 맛집
- 농심60주년 농심라면
- Draggable
- It
- 웹에서화면캡쳐
- 경북캠핑
- 청도 운문댐 하류보 노지
- 무한스크롤
- 인피니티스크롤
- 킹덤컴2 페블즈 각성
- 킹덤컴 딜리버런스2 페블즈 히든퍽
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |