- isDragging을 상태로 만들기
- hanleMouseDown, hanleMoseUp 함수 만들기
⇒ isDragging을 각각 true, false로 만드는 함수
⇒ 렌더링해도 변함이 없는 로직이므로 useCallback을 사용해서 최초 함수를 계속 쓰게 한다
- useEffect 안에서 hanleMouseMove 함수를 만들고, mousemove 이벤트와 mouseup 이벤트를 등록한다 >> ??
- 퍼센테이지를 계산해서 해당 퍼센테이지만큼 left 값으로 준다
- step을 주어서 range 슬라이더로 구현하기
- 드래그 하고 싶은 요소에 onMouseDown 속성을 주고, 값으로 hanleMouseDown를 준다
⇒ mousemove와 mouseup은 handle 컴포넌트의 속성으로 두지 않은 이유:
잡는것만 버튼을 제대로 잡아야 하고, 움직이고 떼는 것은 버튼 위에 마우스를 두지 않아도 작동된다