인프런 커뮤니티 질문&답변

ten님의 프로필 이미지
ten

작성한 질문수

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

무한스크롤(React Infinite Scroller)의 pageStart

해결된 질문

작성

·

55

0

16-02-infinite-scroller 강의 중에 이해가 가지 않는 코드가 한줄 있어서 질문드립니다!

 

InfiniteScroll에 pageStart 옵션이 걸려있는데, 이게 어디에 영향을 주는건가요? 초기 페이지 번호라기에는 이 옵션을 999999 처럼 의미 없는 값을 줘도 문제 없이 작동하고 그러네요..

딱히 의미가 없는 코드 같은데 pageStart라는게 어떤식으로 작동되는건지가 좀 궁금합니다..

답변 2

0

노원두님의 프로필 이미지
노원두
지식공유자

안녕하세요! ten님!

보통 이런 경우에는 해당 docs를 확인해 보시면 일반적으로 해결 가능하신데요!
아쉽게도 docs에는 자세한 설명이 빠져 있는 것 같네요!

 

그렇다면, 이런 경우에 어떻게 해결해야 하는가?!
이 때는, 라이브러리를 뜯어 보시면 해결 가능하세요!

  1. 먼저 node_modules 다운로드된 react-infinite-scroller 를 찾아보아요!

  2. 궁금한 pageStart를 검색해 주세요!

  3. 해당 코드가 어디서 작동하는지 살펴볼까요?!

 

아래는 위 설명에 맞게 직접 실습해 본 결과랍니다!^^

스크린샷 2024-10-07 오후 3.21.21.png

 

스크린샷 2024-10-07 오후 3.22.31.png

 

스크린샷 2024-10-07 오후 3.23.38.png

 

스크린샷 2024-10-07 오후 3.24.23.png

 

스크린샷 2024-10-07 오후 3.25.15.png

 

스크린샷 2024-10-07 오후 3.25.42.png

 

 

이 과정을 통해, 단순히 라이브러리의 옵션의 역할에 대한 사용법 보단, 어떠한 라이브러리라도 내부 코드를 살펴보고 구조를 파헤치는 능력을 키워가시길 바래요!(라이브러리는 다른걸로 바꾸면 그만이랍니다!)

0

안녕하세요, 인프런 AI 인턴입니다. ten 님,

무한스크롤과 관련된 질문을 주셨군요! InfiniteScroll 컴포넌트의 pageStart 옵션에 대해 궁금해 하시는 것을 보니, 무한 스크롤 기능의 시작 페이지 번호에 대한 개념이 혼란스러우신 것 같아요.

pageStart는 무한 스크롤이 시작할 초기 페이지 번호를 설정하는 옵션입니다. 보통 0이나 1로 설정하는 것이 일반적이지만, 숫자를 크게 설정한다고 해서 즉각적인 문제를 발생시키지 않습니다. 이는 주로 어디서부터 데이터를 불러와야 하는지를 정하는 데 사용됩니다.

이와 관련된 원리에 대해 더 자세히 알고 싶으시다면, 아래의 링크들을 참고해 보시면 도움이 되실 것입니다:

위 게시물들은 무한 스크롤 기능에서 데이터 로딩과 관련된 설정 및 활용법에 대해 설명하고 있어 이해를 도울 수 있을 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

ten님의 프로필 이미지
ten
질문자

즉각적인 문제가 발생되는것이 아니면 어디서 발생 되는것인가요??... pageStart는 그냥 명시적인건지 아니면 어디서 상태관리가 이루어지는건지....

아니면 api 요청값에 뭔가 영향이 가는건지가 궁금합니다.

ten님의 프로필 이미지
ten

작성한 질문수

질문하기