[용어집 길드] Infinite Scroll에서 onTouchBottom을 어느 박스에 둬야할지에 대한 논의

[hy57in]

ㅈㄱㄴ

[sensecodevalue]

항상 계산해서 무한 스크롤를 그려왔었는데 이번에 찾아보니 IntersectionObserver API 와 useRef를 통한 구현 방법이 존재했습니다.
list의 가장 아래의 요소에 ref를 달고 IntersectionObserver통해 교차 나 방문을 Observer하여 무한스크롤을 진행할 수 있는 방법입니다!
혹시 이방법은 어떨까요?

• npm i intersection-observer // 설치하면 IE에서도 동작합니다.

[참고] https://velog.io/@suyeonme/react-Infinite-Scroll-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0

[uoon-dev]

오호 좋네요!

[sensecodevalue]

음...그렇다면! IntersectionObserver을 custom hook으로 개발하는것으로 결정해도될까요?!
만약 가능하다면 열정으로 제가 해보아도될까요?!

[chanheeis]

괜찮은 것 같습니다ㅎㅎㅎ

[jhlee910609]

@sensecodevalue 당연하져! 도움 필요하시면 제 열정도 함께 해여~

[sensecodevalue]

@jhlee910609 넵!! 열열열정정정!

[chanheeis]

이건 나중의 얘기겠지만, 모바일 보기의 인피니트 스크롤도 고려하면 좋을 것 같습니다.

모바일과 같이 터치 영역이 좁은 화면에서는 내부에 있는 인피니트 스크롤 때문에 바깥에 있는 스크롤 동작이 불편한 이슈가 있습니다. 그래서 보통 모바일 보기에서는 페이스북 / 인스타그램처럼 페이지 전체에 인피니트 스크롤을 적용하는 경우가 많아용

[sensecodevalue]

해당 사항도! 충분히 고려하도록하겠숩니다!