수작노트

이전 글에서는 웹 UI 개선 이후 앱(WebView)에서 발생한 UI 충돌 문제와, 그 문제를 인식하게 된 배경을 회고 중심으로 정리했습니다. 궁금하시면 아래의 링크에서 확인해보실 수 있어요! [모아동] 웹에서는 괜찮았는데 앱에서는 깨졌다 - WebView와 앱 버전의 문제모아동은 웹 서비스지만, React Native 기반 앱에서도 WebView를 통해 주요 화면을 함께 사용하고 있습니다.특히 동아리 상세페이지부터는 웹뷰를 그대로 공유하는 구조입니다. 저는 웹을 주로 개발suhyun113.tistory.com이번 글에서는 그 문제를 해결하기 위해 실제로 적용했던 웹뷰 라우트 분리 설계와 그 구현 방식에 대해 정리해보았습니다. 하나의 라우트, 서로 다른 버전의 사용자모아동은 웹 서비스이지만, React..

모아동은 웹 서비스지만, React Native 기반 앱에서도 WebView를 통해 주요 화면을 함께 사용하고 있습니다.특히 동아리 상세페이지부터는 웹뷰를 그대로 공유하는 구조입니다. 저는 웹을 주로 개발하고 있어서 앱쪽은 잘 모르는 상태였습니다. 그래서 제대로 생각을 못 했던 것 같습니다.웹 상세페이지의 UI 개선을 마친 후, 웹은 릴리즈를 했습니다.앱에서도 이후 업데이트를 통해 변경된 UI가 적용될 것이라 막연히 생각했던게 잘못된 생각이었습니다.웹 배포 이후, 이상이 없는지 확인해보기 위해 앱 화면을 들어가서 보고 팀원들과 이야기하며 시작되었죠... 웹에서는 괜찮았는데, 앱에서는 깨졌다...웹 릴리즈 이후, 앱 화면에서 상세페이지 UI를 확인해보고 있었습니다. 그리고 아래와 같은 화면을 저는 보게되..