인프런 커뮤니티 질문&답변

김남우님의 프로필 이미지

작성한 질문수

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

아무리 찾아도답이안나와서 질문드립니다.

해결된 질문

20.08.10 01:12 작성

·

129

1

https://codepen.io/mikilll94/pen/RwbYrpz

간단한 예제인데요. 데이터가 많을때 v-model 바인딩을 하면 속도가 엄청느려지는데 이유가 뭔가요 v-model 동작방식과 관련이 있을까요??..  그리고 해결방안이 있을까요 

답변 2

1

이윤기님의 프로필 이미지

2020. 08. 10. 22:34

이건 Vue의 문제가 아니라 html의 한계 같은데요?

virtual-scroll 같은 거 찾아보세요. 

제가 옛날에 봤을 땐 테이블에 2천건 정도만 해도 브라우저 죽었어요.

가상스크롤 같은 걸로 가려야 숨겼다 보였다 하면서 죽지 않고 보여줘요.

0

장기효(캡틴판교)님의 프로필 이미지

2020. 08. 14. 11:36

안녕하세요 남우님 좋은 질문입니다. 이렇게 실제 예시까지 주시는 경우는 드문데 잘 봤습니다 :)

일단 주신 예제에서의 문제점은 Vue.js의 특정 문제라기 보다 한번에 너무 많은 데이터를 렌더링하려고 해서 문제입니다. 레이지 로딩(lazy loading)에 대해서 한번 확인해보시면 좋을 것 같고 사용자가 보는 뷰포트 기준으로만 데이터를 뿌리시면 크게 문제가 되지는 않을 것 같아요 :)

윤기님도 답변 감사드립니다! :)