# InfinityScroll
view에 스크롤이 중첩된다면 lazy loading을 어떻게 줄 수 있을까?
flutter에서 ui작업을 하다보면 SingleChildScrollView나 ListView와 같은 전체 위젯을 감싸서 페이지를 전체 스크롤링하는 경우들이 있다. ListView 위젯이 전체를 감싸고 위젯 내부에 child로 또 ListView.builder가 들어가는 경우도 있다. 만약 해당 페이지에서 인피니티 스크롤을 구현하고 싶다면 어떻게 구현하면 좋을까? 먼저 pub.dev 인기 패키지인 infinitescrollpagination을 이용해 보았다. 사용법은 간단하지만 원하는대로 작동하지는 않았다. 스크롤을 다 내리기도 전에 fetchData를 호출해버려서 UX가 원하는대로 동작하지 않는다. 이유는 중첩된 리스트로 어떤 리스트에 초점을 맞춰서 동작해야 할지 모르는것이 아닌가 싶다. 그렇다면 어떤방법으로 해결하면 좋을까? 나는 SingleChildView에 ScrollController를 주는 방법을 선택했다. 위와 같은 방법으로 addListener
[JS] Intersection Observer API로 Infinity Scroll(무한 스크롤) 구현해 보기
Infinity Scroll(무한 스크롤)을 어떤식으로 구현해 볼까 찾아보던 중, 대부분 react를 사용하고 있었다. 나는 아직 react에 대한 공부가 제대로 되어있지 않기 때문에, observerAPI를 사용하여 infinityScroll를 비동기 방식처럼 만들어보려고 한다. Intersection Observer API Intersection Observer는 교차 관찰자라는 뜻인데, Intersection Observer API는 관찰 중인 요소(element)가 뷰포트(viewport)와 교차하고 있는지를 감지하게 된다. 사용 방법은, new Intersectionobserver(callback, options)로 객체를 생성한 후, 관찰 대상을 지정하여 관찰한다. 객체를 생성하게 되면 세 가지 옵션을 설정할 수 있게된다. 
[Flutter] 무한 스크롤 만들기(3) - PageView
무한 스크롤 만들기 - PageView 스크롤 인디케이터 - Vertical 스크롤 인디케이터 - Horizontal 무한 스크롤 만들기 - Vertical 무한 스크롤 만들기 - Horizontal 이번에는 PageView 구조에서 무한 스크롤 기능을 만들어 보려고 한다. 앞서 만들었던 무한 스크롤들과 크게 다를 건 없는 기능이다. Data Lorem Picusm
[Flutter] 무한 스크롤 만들기(2) - Horizontal
무한 스크롤 만들기 - Horizontal 스크롤 인디케이터 - Vertical 스크롤 인디케이터 - Horizontal 무한 스크롤 만들기 - Vertical 무한 스크롤 만들기 - PageView 이전 시간에는 Vertical 구조의 무한 스크롤 기능을 만들어 봤는데, 이번에는 이어서 Horizontal 구조의 무한 스크롤을 만들어 보도록 하겠다. 여기서도 데이터 파일로 이전 시간과 동일한 이미지를 사용하였고, 함수도
양방향 무한스크롤 구현하기
줍줍 프로젝트는 슬랙 메시지를 아카이빙하는 서비스입니다. > 프로젝트 github 양방향 무한 스크롤이 왜 필요했나? 사용자의 슬랙 메시지를 보관해주는 줍줍 프로젝트 특성상 사용자가 특정 날짜를 기준으로 메시지를 조회했는데, 특정 날짜의 메시지 데이터만 조회되고 다른 날짜의 메시지는 볼 수 없어 다시 검색해야한다면 불편하지 않을까? 라는 생각이 들었다. 여기서 만약 양방향으로 무한 스크롤을 구현하게 된다면 특정 날짜의 메시지와 특정 날짜 이전 이후 메시지도 추가적으로 계속 불러올 수 있게되고, 그러면 사용자 입장에서도 더욱 편안한 서비스를 제공받는다는 생각할 수 있겠다고 생각이 들었다. 줍줍 프로젝트의 단방향 무한 스크롤 구현 줍줍 프로젝트에서 양방향 무한스크롤을 구현하기 위해 어떤 고민들을 해서 어떤 방식을 채택했는지 확인하기 전에 단방향 무한 스