프로젝트 간단 소개

U+ 모바일 매니저

2023/08 ~ ing

U+ 모바일 통합 웹앱(Native)

앱 다운로드 : 링크

기술 : React Axios Redux Crypto-js

가장 기술적으로 어필이 가능한 프로젝트인 모바일 매니저에서의 문제 해결 과정을 나열하겠습니다.

엔지니어링 문제들은 어떤 것이 있었는가?

논의하는 방식으로 이루어졌던 Native 웹앱 이벤트 전체 제어와 자체검토 및 개선이 이루어진 성능 개선 탭 2가지로 나누어서 설명드립니다. (협업 / 기술접근)

해당 문제들을 어떻게 풀어갔는가?

각 이슈 해결 과정에서 설명하겠습니다.

1. Native 와의 웹앱 전체 이벤트 제어

전체 논의 Figma: https://www.figma.com/board/Rryo4b1RwqmwC3OhQW2Bgr/Mobile-Manager-Native-event?node-id=0-1&t=VcTZcnRFPE7kOgaL-1

이슈사항

1. 기존에는 Web-View 단일 페이지였으나 페이지중 일부가 Native 페이지로 변경되며 History 관리 및 페이지 이동 등에서 이슈가 발생
2. Web-View 및 Native의 하이브리드 페이지 (고정된 헤더나 푸터 등과 웹 페이지의 혼재) 등으로 인한 화면 관리 및 표출의 어려움

이슈 해결 과정

먼저 Route의 주체를 정하는 과정을 진행했습니다. Native와 Web 둘 다 주체가 될 수 있었으며 각 각 장단점이 있었습니다. 이 중 기존 개발이 Web이 메인으로 진행되었으며 이미 대부분의 페이지가 Web 기반으로 돌아가고 있었음으로 Web을 메인 주체로 필요에 따라 Native에 전달하는 식으로 진행되었습니다.