GAIA Office 기능 유지 보수

[티맥스가이아] GAIA Docs 오피스 - 기능 유지 보수

2024.04 - 2025.02

상시 업무로, 기존 기능에 대해 안정화를 진행했습니다.

React
Typescript
MobX
Sass
GitLab
Java
Redmine

상세 설명

Point, 그래픽(도형, 사진, 동영상) 관련 기능 단축키 구현

다중 슬라이드 순서 변경, 개체 정렬 순서 변경, 슬라이드 내 이전/다음 개체 선택 등

앱 내 발생한 key 이벤트에 대해, 현재 문서 상태에 따라 적절한 이벤트 핸들러를 매핑 및 로직 작성

키보드로 문서 탐색 및 조작 가능한 기능 확장 → 웹 접근성 개선

일부 상황에서 사용자가 개체 이동하는 속도가 급격히 느려지는 현상 해결

react profiler를 통해 불필요한 리렌더링이 발생하는 컴포넌트와 이를 유발하는 MobX Observable 변수 분석

특정 조건 만족 시에만 변수 참조하도록 코드 개선","개체 이동 속도 최대 80% 단축

중복 key 충돌 문제 해결

동시 편집 상황에서 도형의 id가 특정 컴포넌트의 key로 사용되며 언마운트 정상 동작하지 않는 문제

사용자 세션 아이디로 key 값 변경 → 동시 편집 시 렌더링 안정성 확보

도형 크기 조정 시 미세하게 개체가 떨리는 현상 해결

브라우저에서 렌더링 최적화를 위해 left, top에 설정된 값을 반올림하여 적용하며 위치가 미세하게 달라지는 문제 현상

transform: translate()를 사용하여, 부드러운 움직임 구현

도형 모양의 안정성 향상

도형 svg 엘리먼트의 path에 NaN 값이 포함되지 않도록 예외 처리 및 유효성 검증