⚡ Bolt: [성능 개선] 가상화 리스트 렌더링 성능 최적화#285
Conversation
|
👋 Jules, reporting for duty! I'm here to lend a hand with this pull request. When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down. I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job! For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with New to Jules? Learn more at jules.google/docs. For security, I will only act on instructions from the user who triggered this task. |
💡 What
react-window의 가상화 리스트 아이템 렌더링 내부에 있던 무거운 문자열 Date 파싱(
new Date().getTime())을 컴포넌트 렌더링 루프 외부로 분리했습니다.🎯 Why
스크롤을 빠르게 내릴 때마다 렌더링되는 Row 컴포넌트 내부에서 날짜 문자열 파싱이 불필요하게 반복되어 프레임 드랍이 발생할 수 있는 병목을 해결하기 위함입니다.
📊 Impact
가상화 리스트 렌더링 속도 향상 및 스크롤 시 프레임 드랍 현상 개선
🔬 Measurement
EventList 컴포넌트에서 많은 항목을 렌더링한 후 빠른 스크롤 시 프로파일러 상의 렌더링 지연 및 프레임 드랍 빈도가 낮아졌는지 확인합니다.
PR created automatically by Jules for task 8622776263853746925 started by @seonghobae