3주차 suhshin : virtual scroll(+ infinite scroll) 구현하기 without libraries

[rkskekzzz]

virtual scroll(+ infinite scroll) 구현하기 without libraries

react-virtualized를 활용해서 무한스크롤을 구현한 프로젝트가 있었는데, 의존성 충돌 문제로 바닐라 js로 리팩토링을 진행했던 경험이 있습니다. 리팩토링 후 의존성 문제는 해결하였지만, virtual scroll을 구현하지 않아서 스크롤을 많이 했을 때, element들이 쌓이게 되면서 성능상 문제가 발생하였습니다.

간단한 프로젝트를 활용해서 virtual scroll을 라이브러리 없이 구현해 보도록 하겠습니다!

• 깃허브링크
• 블로그링크

[rkskekzzz]

아직 virtual 스크롤 구현부까지 작업을 못해서 중간과정까지 진행한 내용입니다..!
생각보다 코드가 길어져서 블로그 작성도 조금 밖에 되어있지 않습니당! 다음주까지 이어서 하겠습니다!

[mike2ox]

크롬 익스텐션을 처음 접하는 사람시점에서 설명을 잘 해주셔서 구조 파악이 쉬웠습니다.
무한 스크롤부분은 아직 안올라와있지만 현재 올라온 크롬 익스텐션 내부 컨텐츠에 적용하실거를 생각하니 기대가 됩니다 👍