[FE] 스케줄 바를 드래그하여 수정할 수 있는 기능 구현 #857
Commits on Nov 6, 2023
-
-
-
feat: 캘린더 컴포넌트에서 컨트롤할 수 있도록 스케줄 바 드래그 현황을 관리하는 커스텀 훅 추가
- 스케줄 바 드래그 현황에 대한 데이터를 가짜 드래그 스크린에 prop으로 넘길 수 있도록 값 관리 - 스케줄 바의 드래그를 시작하는 경우 / 드래그를 중지하는 경우에 따라 값을 업데이트할 수 있도록 관리
-
-
-
Commits on Nov 7, 2023
Commits on Nov 8, 2023
-
feat: 비활성 상태일 경우에도 unmount 되지 않도록 변경
- display: none을 이용하여 커스텀 훅의 state와 listener를 유지
-
feat: 캘린더 크기와 상대좌표를 이용해 캘린더 칸 이동 수치를 구하는 유틸 함수 작성
- '칸 이동 수치'란 시작 좌표를 기준으로 행, 열을 얼마나 이동했는지를 의미하는 수치이다. 이는 캘린더 바의 모양을 어떻게 정할지를 계산하는 데 사용된다.
-
-
-
-
feat: ScheduleBar에서 초기 좌표를 전달하는 방식으로 재변경
- onMouseDown 이벤트로 인해 스케줄 바에 해당하는 일정 모달이 띄워지지 않는 문제가 있음
-
- 스케줄 바가 이제 여러 목적(일반, 장식용, 인디케이터)으로 쓰이므로, mode를 통해 목적을 정한다.
-
feat: ScheduleBar 컴포넌트에 mode 프로퍼티를 추가, no-interaction 모드에 대한 기능을 구현
- no-interaction: 스케줄 바에 hover을 해도 반응이 없으며, 포인터가 바뀌지 않는 등 상호작용이 불가능해진다. 시각적인 용도로 사용해야 할 때 사용한다.
-
-
-
feat: ScheduleBar에서 indicator 모드에 대한 기능을 구현
- indicator 모드: 상호작용이 불가능하며, 스케줄 바의 윤곽만 나타난다. 스케줄 바가 놓일 위치를 시각적으로 표시하는 데에 사용한다.
-
-
Commits on Nov 9, 2023
Commits on Nov 13, 2023
-
refactor: FakeScheduleBarScreen 컴포넌트에서 자주 바뀌는 스타일을 attrs로 받도록 변경
- 불필요함에도 불구하고 클래스가 매번 새롭게 생성되는 현상을 방지하고, 인라인 스타일만 수정되도록 하여 퍼포먼스 향상을 기대할 수 있음
-
-
-
-
-
fix: 스케줄 바가 범위 밖으로 이동하여 수정이 되었을 때 오류가 생기는 경우를 해결
- 스케줄 바에서 정보를 가져오는 데 이동된 스케줄 바가 더 이상 렌더링되지 않으므로 생기는 문제. 스케줄 바가 비어 있더라도 일정 시작과 끝 정보는 보존되도록 유틸 함수를 수정
-
refactor: 꼭 필요한 경우에만 함수가 다시 생성되도록 useCallback 사용, 불필요한 useMemo 제거
- 꼭 필요한 경우에만 생성되도록 한쪽에 쏠린 dependency array를 배분
-
fix: 캘린더 바를 드래그할 때 아주 잠깐 잘못된 좌표로 이동하며 버벅거리는 문제 해결
- 이전 캘린더 바의 이동에서 남아있는 상대좌표의 값이 이후의 캘린더 바의 이동에 영향을 끼친 것. 이동 완료 후 상대좌표의 값을 0으로 초기화시키는 것으로 해결
-
-
refactor: 스케줄 바 타입에 calendarSize 프로퍼티 추가
- 직접 해당 타입을 스케줄 바에서 사용하게 되는 일이 많아짐에 따라 추가하게 됨
-