모립 (morib)

2024·
ReactTypeScriptFramer MotionTailwindElectron

사용자가 할일을 생성하고 관리하며, 할일을 선택한 후 타이머 실행을 통해 서로의 작업 집중 시간을 공유할 수 있는 생산성 향상 솔루션입니다. 1년 가까이 지속된 프로젝트에 참여하며 기존 히스토리를 파악하고, 이를 개선하고 유지보수하는 경험을 쌓았습니다. [작업 내용] 번들 분석 후 많은 용량을 차지하던 로띠 파일, 커스텀 캘린더 컴포넌트의 번들이 초기 로딩에 불필요하다고 판단 → 코드 스플릿팅 이후 페이지 진입 시 onMouseEnter 속성을 이용해 컴포넌트를 동적으로 import하여 초기 로딩을 단축시킴과 동시에 사용자 경험을 개선. 랜딩페이지 제작, Framer Motion을 활용한 섹션별 스크롤 위치 추적 기반 인터랙티브 UI 구현. 기존 모립 서비스 QA 작업, 레거시 코드 재설계 및 리팩토링 → 타이머 provider 영역을 축소하여 타이머 페이지의 리렌더링 개선.

Links