캔버스 그리기 시 컬러 버튼, 리두/언두 버튼 불필요한 리렌더링 최적화 #20
Description
📂 구현 기능
그리기 이벤트 발생 시 매번 캔버스 컨트롤 UI 요소들이 불필요하게 리렌더링되는 현상 개선
📝 상세 작업 내용
- React Profiler로 리렌더링 현황 파악
- 우선 순위 기준으로 먼저 리스트 작성
- 노션 문서화 예정
- CanvasUI에서 컬러 버튼, 리두/언두 버튼, 모드 전환 버튼 분리하여 개별 컴포넌트화
🔆 참고 사항
- 그리기 이벤트는 mousemove에 의해 매우 빈번하게 발생하므로 하위 컴포넌트들의 불필요한 리렌더링 방지가 중요해 먼저 리팩토링
- React Profiler로 리렌더링 영상 찍은 뒤 최적화 전후 결과 표시 예정
⏰ 예상 작업 시간
8시간