[토이프로젝트] MailBadara - (10) 모바일 구현 시작

배경

23년 9월, MailBadara 구독 서비스를 처음 개발할 당시부터 생각했던 "모바일 앱" 개발에 들어갔다. 원래 23년도 겨울방학에 구현할 생각이었는데 예정에 없던 인턴을 하게 되면서 많이 밀렸다. 저번주부터 구상에 들어가 현재 초기 모델을 구현하는 중이다! 안 바빠서 개발하는 건 아니고, 이 이상 늦어지면 졸업과제가 할 게 너무 많아질 것 같아서 병행이 불가능할 것 같았기 때문에, 차라리 미리 해버리기로 마음 먹었다.

 

MailBadara의 접근성 이슈

모바일의 구현은 항상 머릿속에 두고 있었다. 현재의 MailBadara는 학과 소식을 매일 특정 시간마다 이메일로 보내주는 뉴스레터이다. 직접 학과 홈페이지를 들락거리지 않아도 되고, 구독만 하면 알아서 새로운 소식을 알려주기 때문에, "쉽고, 편하다"는 장점이 있었다. 그 때문에 현재 102명의 구독자를 보유하고 있다.

 

그러나 내 생각에 한참 못미치는 숫자이다. 대학의 사람이 몇 명인데, 심지어 100명을 찍는데도 6개월이 걸렸다..!! 추측컨대 MailBadara의 접근성이 좋지 못한 이유는 2가지 있다.

 

1. 사람들이 생각보다 E-mail을 잘 사용하지 않는다. 특히 저학년들!
2. 무료 호스팅 사이트로 배포해서 url이 굉장히 접근성이 낮다!
   • https://pnu-mail-badara-cookiya.koyeb.app/
   • 피싱사이트 같아 보이기도..

 

그래서 그냥 모바일 어플리케이션으로 개발하면 어떨까 싶었다. 구독 기능 뿐만 아니라, 여러 편의 기능(스크랩, 여러 학과 구독, 푸시 알림 등)도 손쉽게 구현할 수 있는 모바일 어플리케이션이라면 많은 대학생들에게 쓸모가 있을 거라 생각했다.

 

Native 개발?

이제 모바일 어플리케이션을 "무엇으로" 개발할지 선택해야 한다. Kotlin 안드로이드 개발은 실습 시간에 했어서 "할 줄은 아는 수준"이다. ios 쪽은.. 애초에 Mac이 아니라서 불가능.. IOS 사용자들을 버리고 안드로이드 사용자만을 위한 앱을 개발할 수도 있지만.. 이 말은 곧 50%의 사용자를 버리겠다는 말과 같다. 요즘 아이폰 안쓰는 대학생이 어디있단 말인가.. 대학생 중 아이폰 사용 비율은 당당히 50%를 넘고 있다. 대학생 대상 모바일 서비스를 구현하는 데 있어서, 안드로이드와 IOS는 둘 다 반드시 챙겨야만 하는 과제이다.

 

나에게 남은 선택지는 크로스 플랫폼 개발와 PWA이다. React Native와 Flutter. 요즘 한창 떠오르는 Flutter를 사용해볼까 싶었지만, 너무 익숙한 React 기반의 React Native를 내치기도 애매했다. 그렇게 고민하다가

 

배포 비용 너무 비쌈..

앱을 플레이스토어에 배포하기 위해서는 최초 25$면 되는데, 앱스토어에 배포하기 위해서는 연간 99$가 요구된다는 사실을 들었다. 가격을 보자마자 Native 개발을 접었다. 개발이 재밌어서 하는 거지만 99달러나 낼 맘은 없었다. 웹 배포도 프리티어라서 배포한거다.

 

PWA 개발

그래서 PWA(Progressive Web Apps)로 개발하기로 했다.

 

PWA(Progressive Web Apps)는 웹 기술을 사용하여 만든 애플리케이션이지만, 네이티브 앱과 유사한 사용자 경험을 제공합니다. 이러한 웹 앱은 반응형 디자인을 사용하여 모든 기기(데스크톱, 모바일, 태블릿 등)에 맞춰 최적화되어 있으며, 오프라인 작업, 푸시 알림과 같은 네이티브 앱의 기능도 일부 지원합니다.

 

크롬 브라우저 기반으로 PWA를 개발하면, localstorage 기반의 데이터 저장, 오프라인 작업, 푸시 알림의 이점을 챙길 수 있다. 무엇보다 브라우저 기반의 앱이기 때문에, 안드로이드와 IOS 사용자를 모두 확보할 수 있다! 대신 배포에 있어서는 불편하기 그지없는데, 사용자가 크롬브라우저에서 MailBadara 웹에 접속하고 설정창에서 PWA를 직접 다운받아야 한다! 이건 가이드 UX를 잘 작성하는 수 밖에 없을 것 같다.

 

큰 틀은 어느 정도 구현되었는데 어떤 기능을 넣을지 고민 중이다. 빨리 구현해버려야지.

 

MailBadara PWA

 

 

기왕 모바일 만드는 거, MailBadara 로고도 새로 만들었다.

MailBadara Logo