[💌 FEATURE REQUEST] MouseEvent의 순서에 따라 발생하는 이벤트 캡쳐링/버블링으로 인한 복잡한 로직을 개선한다

[JengYoung]

멈춰! 🖐🏻 잠시 체크 들어갑니다~

• [X] 다음 페이지에서 중복되지 않음을 확인했어요. 🙆🏻
• [X] 다른 분들께서 허락해주신다면, 제가 구현해보고 싶어요! 🙆🏻‍♀️

배경 및 설명

mousedown, mouseup, click의 많은 사용이 한 블록 내에서 동시에 일어나고 있다. ex) 블록을 움직일 시, 블록의 border쪽을 클릭할 시, 여러 개의 중첩된 블록을 클릭할 시 등...

따라서 이러한 로직이 지금 굉장히 많이 쌓여 있어 보기가 어려울 뿐더러, 이해하기 점차 어려워지고 있는 형태이다. 나아가 분명 함수로 공통된 로직을 빼낼 수 있는 여지가 존재한다고 생각한다.

고로 이를 해결하고자, 이번 feature로 선정했다.

기대결과

1. position, size를 업데이트하는 로직 중, 반복되는 코드를 재사용한다.
2. useEffect가 굉장히 많은데(이벤트를 passive를 주기 위해 어쩔 수 없었다.) 이를 좀 더 최적화하려 노력한다.

대안 제시

No response

참고자료

No response