이미지 infinite scroll 문의

2021년 5월 21일 9:55 오전

favorite

8

comment

2

USE


안녕하세요 강사님, 

강사님 친절한 강의를 잘 보고 있습니다. 다름이 아니라, 저는 이미지들을 pagination 이 아닌 infinite scroll 로 구현하는 방법을 배우고 싶은데 하는 방법을 알려주실 수 없을까요?

이런 저런 방법을 써도 제가 부족한건지, 구현이 안되네요 ㅠ

infinite scroll 하는 방법을 배우고 싶습니다 ㅠ

도와주세요..


favorite 8
thumb_down 2
kakao_story_share kakao_story_share kakao_story_share

fast_forward 구독 카운트 하는 방법
fast_rewind

yesman_1114

2021년 5월 22일 6:35 오후

favorite

2

안녕하세요!

일단 제가 infinite scroll 방법을 모두 구현해드릴 수는 없습니다.
하지만 제가 방향은 어느정도 잡아드릴 수 있을 것 같습니다.

1. 별도의 프런트엔드 프레임워크를 사용하지 않고
HTML 기반으로 구현을 하고싶으신거라면
아무래도 javascript를 사용하실 수 밖에 없을겁니다.
그리고 javascript 에는 다양한 infinite scroll 을 위한 라이브러리가 존재합니다.
해당 라이브러리를 사용하시는것도 한 방법일 수 있습니다.

2. 아니라면, 굳이 라이브러리를 사용하지 않고 시간이 좀 걸리지만 직접 구현할 수도 있습니다.
javascript 및 ajax 방식을 사용하셔서 구현이 가능합니다.

django 에서 별도의 뷰를 작성하시고,
해당 뷰에서는 전체 html 이 아닌,
저희가 만든 카드들의 html 부분만 되돌려주도록 구현합니다.

그리고 ajax로 받은 해당 카드들의 html 소스를
기존 페이지의 카드 html 소스에 이어붙입니다.
그리고 magicgrid의 layout을 새로고칩니다.

위와같은 형식으로 구성하시면 굳이 라이브러리를 사용하지 않고도 구현이 가능하실 거에요.
물론 제 강좌에서 다루는 부분이 아니기 때문에 조금 시간은 걸릴 수 있겠죠.

3. 이 방법은 아예 django의 소스를 뒤엎어야 하긴 하지만, 별도의 프런트엔드 프레임워크를 사용하는 것도 방법이 될 수 있습니다.
굳이 HTML + javascript 로 구현이 귀찮은 방법을 버리고,
이런 무한 스크롤 정도는 아주 간단히 구현할 수 있는 프런트엔드 프레임워크를 사용하면 시간을 아낄 수도 있습니다.
하지만 물론 그렇게 되면 django 및 프런트엔드 연동을 위해 django 쪽 소스를 많이 바꾸긴 해야하는지라 추천은 쉽게 못해드리겠네요.

그렇습니다.
말로는 쉽게 말하지만 많이 도와드리지 못해 죄송합니다.
아무튼 그래도 개발 방향을 잡는데 있어서 조금 도움이 되셨으면 좋겠네요.
좋은하루 보내시고!
감사합니다-

USE

2021년 5월 22일 11:04 오후

favorite

2

답변 감사합니다.
연습 해보고 안되면 다시 여쭤보겠습니다.


로그인