Demaecan 앱은 2022년 현재 역대 최고의 활성 사용자수를 기록하고 있습니다. 그 첫 화면인 점포 목록 화면은 사용자와 가맹점의 가장 큰 접점입니다. 중요한 화면이니만큼 그동안 추가 기능 개발이 빈번하고 단기적으로 발생해 소프트웨어 보수성, 즉 코드의 변경성과 해석성에 문제가 있었습니다.
이는 원래 진행해야 할 과제에 영향을 미쳐 프로덕트 성장의 걸림돌이 됩니다. 이에 React다운 구조로 개선하고(Class 컴포넌트에서 Functional 컴포넌트를 사용한 화면으로 재설계), GraphQL을 사용한 BFF(backends for frontends)층으로 비즈니스 로직을 이행하는 등의 리팩터링을 실시했습니다.
이 발표에서는 Demaecan 앱 개발 팀에서 시행한 리팩터링의 내용과 결과를 발표합니다.
