Skip to content

무한스크롤 및 스크롤 관련 #295

@jin-Pro

Description

@jin-Pro

리팩토링 이전 코드에서는 모두 스크롤이벤트를 두어 dom의 height을 계속 비교해주게 되었다.

  • 쓰로틀 사용하는 방법
  • ref 객체 사용

두 가지 방법으로 성능을 감소해줄수있을 것 같다.
쓰로틀을 사용하면 말 그대로, 처음 한번만 api 요청을 진행할 수 있게 된다.
ref 객체를 사용한다면, ref 객체가 화면 view에 나타나면 api 요청을 진행한다.

ref 객체를 사용하면 스크롤 이벤트를 사용하지 않아도 됄 것이고,
쓰로틀을 사용하면 중복 요청을 보내지 않아도 됀다.

ref 객체와 쓰로틀 두가지 기법을 동시에 사용할수도 있을 것 같다.

  • 채팅 페이지
  • 프로필 페이지
    두가지 페이지에서 사용됄 것 같다.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions