김판다 2021. 12. 23. 19:07

어제부터 무한스크롤을 만드는 것을 시도해보고있다.

서치해서 방법들을 찾았는데 방법들이 다양해서 그것도 그것대로 고민이었다.

 

지금 시도하는 방법은 sql문에서 일정 레코드까지 받아오는 형식으로 진행을 할려고한다

 

지금 참고중인 글

http://yoonbumtae.com/?p=3599 

 

자바스크립트: 무한 스크롤 (스크롤 이벤트 이용, 라이브러리 없이) - BGSMM

참고: 자바스크립트: IntersectionObserver (2) 무한 스크롤(Infinite Scroll) 구현 (라이브러리 없이) 스크롤 이벤트를 하면 이벤트 타겟에 scrollingElement라는 프로퍼티가 있는데 이것을 통해 현재 스크롤 상

yoonbumtae.com

http://yoonbumtae.com/?p=3584 

 

자바스크립트: Debounce, Throttle 순수 자바스크립트 (Vanilla JS)로 구현 - BGSMM

참고 글: 자바스크립트 lodash: debounce와 throttle을 이용하여 함수의 실행 횟수 제한   debounce: 동일 이벤트가 반복적으로 시행되는 경우 마지막 이벤트가 실행되고 나서 일정 시간(밀리세컨드)동안

yoonbumtae.com

 

mysql은 limit이라는 함수가 있지만 오라클에는 그게 없다고 해서 좀더 찾아보았다.

		select * from(
		select DISTINCT
		webtoon_info.webtoon_num, webtoon_info.webtoon_title, webtoon_info.webtoon_writer,
		webtoon_info.webtoon_image,(
			select count(favorites) 
			from FAVORITES_INFO 
			where FAVORITES_INFO.webtoon_num =PLATFORM_TABLE.WEBTOON_NUM 
			and FAVORITES_INFO.favorites = 'T')as count,
			KOR_PLATFORM.kor
		from webtoon_info, FAVORITES_INFO,PLATFORM_TABLE,KOR_PLATFORM
		where webtoon_info.webtoon_num =PLATFORM_TABLE.WEBTOON_NUM
		and  PLATFORM_TABLE.WEBTOON_PLATFORM_NAME = #{platformName}
		and KOR_PLATFORM.eng = WEBTOON_PLATFORM_NAME
		order by count desc, webtoon_info.webtoon_title asc
		)
		<![CDATA[WHERE ROWNUM <= 15]]>

rownum을 사용할려고 하다 알았는데 부등호는 xml파일에서 태그로 인식하기 때문에 <![CDATA[내용]]> 을 해줘야 한다고 한다.