캔버스 그리기 시 컬러 버튼, 리두/언두 버튼 불필요한 리렌더링 최적화

[rhino-ty]

📂 구현 기능

그리기 이벤트 발생 시 매번 캔버스 컨트롤 UI 요소들이 불필요하게 리렌더링되는 현상 개선

📝 상세 작업 내용

• React Profiler로 리렌더링 현황 파악
  • 우선 순위 기준으로 먼저 리스트 작성
  • 노션 문서화 예정
• CanvasUI에서 컬러 버튼, 리두/언두 버튼, 모드 전환 버튼 분리하여 개별 컴포넌트화

🔆 참고 사항

• 그리기 이벤트는 mousemove에 의해 매우 빈번하게 발생하므로 하위 컴포넌트들의 불필요한 리렌더링 방지가 중요해 먼저 리팩토링
• React Profiler로 리렌더링 영상 찍은 뒤 최적화 전후 결과 표시 예정

⏰ 예상 작업 시간

8시간