reddit_scroller

레딧 스크롤러

Reddit Scroller는 Reddit의 하위 레딧에서 사진만 검색하여 스크롤 가능한 형식으로 표시하는 웹 애플리케이션입니다.
React와 Reddit의 API를 주요 기술로 사용합니다. 반응형 레이아웃으로 제작되었으며 모바일에 적합합니다.

어떻게 작동하나요?

매우 간단합니다. 하위 레딧을 입력하고 "스크롤!"을 누르세요. 단추. 그러면 해당 하위 레딧의 첫 번째 페이지가 제공됩니다.
계속 아래로 스크롤하면 더 많은 이미지가 로드됩니다. 제한은 RAM 또는 Reddit의 아카이브입니다.

라이브 데모

라이브 데모를 보려면 여기를 클릭하세요.

로컬로 실행하려면

리포지토리를 다운로드한 후 클라이언트 폴더 내에서 "npm install" 명령을 실행하여 종속성을 설치합니다.
그런 다음 "npm start"를 실행하여 애플리케이션을 실행합니다. 브라우저가 열리지만 열리지 않으면 앱을 연결할 수 있습니다.
모든 브라우저에서 주소 localhost:3000을 통해.

현재 버그

• 원본 게시물로 리디렉션되는 버튼이 작동하지 않습니다.
• -주어진 하위 레딧의 페이지 중 하나에 사진이 없으면 새 사진 가져오기가 거기서 중지됩니다.
• 데이터 흐름이 끊어져도 가져오기는 계속됩니다.
• Google Chrome의 모바일 브라우저에서는 스크롤 문제가 발생할 수 있습니다. 아직 이유는 모르지만 아마도 보안 조치일 것입니다.

최신 업데이트 ~V1.21

새 버전에서는 아래와 같이 수정되었습니다.

• 원본 게시물로 연결되는 버튼이 수정되었습니다.
• 이제 각 스크롤은 15-25 사이의 이미지 수를 보장합니다.
• GIF도 지원됩니다
• 하위 레딧이 페이지당 평균 2개 미만의 이미지로 구성된 경우 스크롤이 중지됩니다.
• 사진이 없는 하위 레딧을 검색하면 20페이지 이후 로딩이 중단되고 평균이 계산됩니다. 이 작업은 약 10초 정도 소요되며 오류 메시지가 표시됩니다.
• 현재 한도는 500페이지이며, 이를 초과하면 스크롤이 중지됩니다.
• GIF를 포함/제외하기 위한 토글 스위치가 추가되었습니다.
• 메뉴가 추가된 툴바

크레딧

• 사용된 아이콘은 Twitter 및 flaticon.com에 있습니다.
• Lity는 https://sorgalla.com/lity/에서 라이트박스에 사용됩니다.
• UI 개발에는 Google의 MaterialUI가 사용됩니다.