Flutter Web을 활용해 제품 개발 환경 개선하기

문제 상황

• ConsumerApp 제품 개선 과정에서 실제 앱 작동 확인과 커뮤니케이션이 비효율적인 상황
• 실제 기기 확인, 계정·기기 준비, VPN 연결 등으로 인한 번거로움과 비용 부담
• 웹 버전이 없어 화면 공유, 캡처, 과제 진척 확인이 어려운 개발 환경

원인 분석

• 웹 지원이 없는 패키지와 기능이 섞여 있어 기존 코드 그대로는 웹 실행이 어려움
• CORS, 인앱 웹뷰 경로, 지도 뷰 등 웹 전용 제약 사항 존재
• 최종 사용자용 웹 서비스가 아니라 내부 확인용 환경이어서 기능 범위를 조정할 필요

해결 방법

• PoC로 로그인 화면까지의 웹 실행 가능성 먼저 검증
• 웹 미지원 패키지 버전 업데이트와 플랫폼별 래퍼, 커스텀 린트 적용
• CORS 우회 설정, 인앱 웹뷰 경로 수정, 웹용 지도 패키지로 분기 처리