배포 없이 앱과 로컬 웹을 잇다

들어가며 배달의민족은 네이티브 앱과 웹으로 구성된 하이브리드 앱입니다. 배달의민족 앱을 열면 상단 탑바와 하단 탭바가 빠르게 반응하며 자연스럽게 전환되는 모습을 쉽게 확인할 수 있습니다. OS와 직접 상호작용하고 사용자의 입력에 즉각적으로 반응해야 하는 영역은 네이티브 앱이 맡습니다. 앱의 모든 화면을 네이티브로 구현할 필요는 없습니다. 빠르게 만들고 배포할 수 있는 웹의 장점을 살려, 일부 화면은 웹뷰로 구성합니다. 배달의민족 앱에서 웹과 앱의 경계는 기술적 한계가 아니라, 각 기술이 가장 잘하는 일을 맡도록 의도적으로 나눈 결과입니다. 다만 웹의 입장에서 보면, 결국 앱이라는 집 안에 웹뷰로 셋방살이를 하는 구조이기도 합니다. 문제는 남의 집에 얹혀 사는 형편이 녹록지 않다는 것입니다. 웹 개발자는 개발한 내용을 확인하기 위해서 기본적으로 베타 배포가 필요합니다. 베타 배포를 하기 위해서는 매서운 코드 리뷰를 거쳐서 유닛 및 통합 테스트를 지나 CI 빌드, 배포, 캐시 무효화의 과정을 거쳐야 합니다. 작은 코드 수정 하나를 확인하기 위해서 번거로운 과정을 반복해 거치다 보면 월셋집이더라도 과감하게 리모델링하고 싶은 욕구가 샘솟곤 합니다. 배포하지 않는다고 개발을 못하는 것은 아닙니다. 브라우저 확장 프로그램을 잘 활용하면 벽에 못질을 하지 않고도 걸 수 있는 선반처럼 앱과 유사한 환경이 그럴싸하게 만들어집니다. 그 외에도 배달의민족 앱에서 내 로컬 환경을 바라볼 수 있도록 해주는 좋은 도구들이 있습니다. 하지만 월셋집 무타공 선반에 너무 많은 걸 얹을 수는 없는 걸까요. 앱의 새로운 기능이 나올 때마다 브라우저 확장 프로그램은 계속 유지보수가 필요하고 사내 업무 환경에 맞지 않는 도구를 사용하다 보면 일상다반사로 버그가 생깁니다. 위와 같은 한계를 극복하기 위해 앱 위에서 실시간으로 동작할 수 있는 로컬 환경을 구성하고 싶었습니다. “배포 없이 빠르게 개발 환경을 앱에서 확인할 수는 없을까?” 이 질문의 해답을 찾기 위해 사내 환경에 최적화된 터널링 기반 프록시 시스템인 ‘잇다’(ITDA – Instant Tunnel for Development Apps) 개발 프로젝트가 시작되었습니다. 우리 집 구조 먼저 알기 가장 먼저 해야 할 일은 개발 환경이 어떻게 동작하고 있는지 확인하는 것이었습니다. 배달의민족 앱에 로컬 웹 개발환경을 구성하기 위해서는 웹 요청을 가로채서 로컬 환경을 바라볼 수 있도록 해야 합니...