카카오톡 처럼 생일인 친구, 즐겨 찾기, 친구 등 목록을 구분하고 각 목록을 접고 펼 수 있게 collapse로 만들었는데 user가 많아지니까 렉 때문에 감당이 안됨
그래서 virtual scroll을 적용하려고 해봤는데 collapse랑 같이 쓰려고 하니까 답이 안나옴
스크롤하면 data range 업데이트하고 collapse가 펼쳐져 있으면 collapse.content에 user를 추가하고 아니면 제외하는 식으로 구현하면 될거 같았거든. 근데 생각보다 예외 처리해야할게 너무 많더라고
애초에 이렇게 쓰라고 만든게 아니라서 찾아봐도 관련 자료도 나오지도 않고 카카오톡은 도대체 저거 어떻게 만든건지도 모르겠고 아무튼 뇌가 녹을거 같은데 혹시 해본 사람있으면 힌트 좀 줄수있냐
그래서 virtual scroll을 적용하려고 해봤는데 collapse랑 같이 쓰려고 하니까 답이 안나옴
스크롤하면 data range 업데이트하고 collapse가 펼쳐져 있으면 collapse.content에 user를 추가하고 아니면 제외하는 식으로 구현하면 될거 같았거든. 근데 생각보다 예외 처리해야할게 너무 많더라고
애초에 이렇게 쓰라고 만든게 아니라서 찾아봐도 관련 자료도 나오지도 않고 카카오톡은 도대체 저거 어떻게 만든건지도 모르겠고 아무튼 뇌가 녹을거 같은데 혹시 해본 사람있으면 힌트 좀 줄수있냐
ios? android? web?
웹임
카카오톡 웹도 있었나..?
ios, android는 기본적으로 virtualized 비슷한 툴들이 그냥 플랫폼 자체 내장으로 구현되어있어서 있어서 크게 어렵진 않을걸? 웹에서는 동적인 컨텐츠에 대한 처리는 캐시 관리를 잘 하는 수밖에 없을수도..?
만들고 있는게 웹인데 카톡 처럼 만드는중이라 막히더라고. 앱은 내장된 툴이 있었나보네
응 애초에 걔내들은 리스트 그릴 때 자동으로 관리해줌. 머선 툴 쓰는진 모르겠지만 아마 동적으로 virtual scroll 관리하는거면 cache 쪽 관련 api 잘 봐보셈..
그게 넘 싫다면 차라리 content-visibility 속성으로 타협하는것도... ㅎㅎ;
content-visibility는 뭔가 의도한거랑 다르게 잘안되던데 cache api 한번 파볼게 고마워