웹 만드는 또름이

안녕하십니까 백수가 된 또르미입니다. 얼마전까지 그리 바쁘더니... 앞으로 뭐해먹고 살지 막막하네요... 이참에 쉬면서 해보고 싶었던 프로젝트나 해봐야겠습니다. 혼자서 프로젝트를 진행해보려니 웹 퍼블리싱, 디자인이 막막하지만... 남는게 시간이니 열심히 해서 개고수가 되어 보겠습니다. ㅎㅎ 오늘은 정말 간단하게 javascript 라이브러리를 이용하여 지도를 그리고, 원하는 위치에 핀을 꽂는 기능을 풀어보겠습니다 해당 지도 라이브러리는 leafletjs 입니다. https://leafletjs.com/ Leaflet — an open-source JavaScript library for interactive maps Leaflet is a modern, lightweight open-source Java..

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

게시판 리스트를 pagination 형식에서 무한 스크롤 형식으로 변경해 달라는 요청이 있었다. 계속 테스트를 하면서... 나도 사실 많은 게시물을 페이지를 넘나들며 보기엔 너무 귀찮았다. 비록 장점과 단점이 명확한 방식이지만, 또 생각없이 쭉쭉 보기에는 이만한게 없지. 이왕 작업할거 나중에 작업하기도 편하게 블로그에 적어놓고 틈틈히 고도화? 해야겠다. 인피니티 스크롤 즉 무한 스크롤 이라고도 불리는 형식은 여러곳에서 볼 수 있다. 대표적으로 인스타그램 이라던지 트위터 라던지... 리스트에서 페이지 번호가 달려있지 않고 쭉쭉 드래그 하여 새로운 게시물 들이 막 불러와지는 그 기능... 맞다. 시작하기 앞서 500개의 임의 데이터를 집어넣고 기존의 방식대로 pagination 형식으로 리스트를 뿌려보았다...