Vue 3 가상 스크롤을 활용한 대용량 리스트 최적화 구현
1. 고정 높이 가상 리스트 컴포넌트
대용량 데이터를 효율적으로 렌더링하기 위한 Vue 3 가상 스크롤 컴포넌트를 구현합니다. 화면에 보이는 항목만 렌더링하여 성능을 최적화합니다.
<template>
<div
ref="wrapperRef"
class="virtual-scroll-container"
@scroll="onScrollHandler"
>
<div
class="virtual-scroll-spacer"
...
6월 29일 16:29에 게시됨