brunch

You can make anything
by writing

C.S.Lewis

by Jeff Nov 01. 2023

어떤 유형의 앱을 선택해야할까?

앱을 제작할 때는 수많은 결정을 내려야한다. 가장 중요한 결정 중 하나는 어떤 유형의 앱을 선택할 것인가에 대한 여부이다. 선택한 개발 방법은 앱의 예산, 일정, 유용성, 접근성 및 성능에 영향을 미치게 된다. 어떤 유형이 가장 좋은지에 대한 의견은 많지만 궁극적으로 비즈니스 목표와 제품 목표에 따라 결정은 달라진다. 앱에 적합한 선택을 결정하는 데 도움이 되는 사항을 알아보자.

▶ 제작 일정

: 앱을 얼마나 빨리 출시할 계획인지에 따라 달라진다. 빠듯한 일정인가 아니면 넉넉한 일정인가?

▶ 포함 기능

: 앱이 전화나 GPS같은 장치의 기본 기능을 사용하는가?

▶ 예산

: 적은 예산으로 진행되는가, 아니면 모든 옵션을 수용할 수 있을만큼 넉넉한 예산인가?

▶ 개발 리소스

: 제작을 팀 내에서 할 수 있는가, 아니면 또다른 파트너가 필요한가?

▶ 달성 목표

: 어떤 시장을 공략할 계획인가?

(사용자에게 모바일 앱이 필요한가, 아니면 웹 앱만으로 사용자에게 충분한 서비스를 제공하는가)

제품 개발시 사용자를 중심으로 제작하면 유저에게 가치를 제공하는 가장 효율적인 옵션으로 선택할 수 있다.

그렇다면 앱의 유형에는 어떤 것들이 있을까?

웹 앱, 모바일 앱, 네이티브 앱, 하이브리드 앱에 대해 알아보자.

웹 앱 (Web App)

인터넷과 같은 네트워크를 통해 웹 브라우저를 액세스하는 응용 프로그램이다.

웹 사이트는 일반적으로 정보 제공용일 뿐이며 웹 앱은 추가적인 기능과 상호작용을 한다.

(ex. Wikipedia - 웹 사이트. 정보제공함 / Facebook - 대화형 웹 앱)

'앱'이라는 단어 때문에 혼동할 수 있지만 웹 앱은 모바일 앱처럼 다운받을 필요없이 Chrome, Safari 또는 Firefox 같은 브라우저에서

로드되며 사용자 기기의 메모리나 저장공간을 차지하지 않는다.

▶ 웹 앱 구축 방법

- 대부분의 웹 앱 개발은 JavaScript, CSS, HTML 사용하여 수행한다.

- iOS 또는 Android 앱과 달리 개발자가 작업할 수 있는 소프트웨어 개발 키트(SDK)가 없다.

- Angular, React 및 Vue.js와 같은 웹 앱 개발을 위한 템플릿과 프레임워크가 있어 빠르게 시작하는 데 사용할 수 있다.

▶ 웹 앱 특징

-기본 모바일 앱에 투자하기 전에 아이디어를 테스트하는 좋은 방법.

(but, 일반적으로 모바일 앱 개발보다 간단하고 빠르지만 요구 사항에 따라 복잡할 수도 있음)

- 모바일 앱에 비해 상대적으로 단순하고 모바일을 통한 데스크톱 사용자를 위해 설계된 경우 모바일 트래픽, 참여 및 수익 기회를 놓칠 수 있다.

▶장점

- 서버에 저장되기 때문에 단말기에 구애를 받지 않으며 호환성이 높다.

- 자동적으로 업데이트되어 사용자의 편의성이 좋다.

▶단점

- 인터넷이 항상 연결되어 있어야 사용 가능하다.

- 모바일 장치의 기본 기능에 액세스 할 수 없어 제한이 있다.

- 유저는 앱 스토어와 마켓 플레이스에서 앱을 검색하는 데 익숙해 웹 앱이 목록에 없어 앱을 쉽게 찾지 못할 수 있다.

- 웹 브라우저의 차이와 변경으로 인해 웹 앱 실행에 문제가 발생할 수 있다. 이러한 정기 업데이트에는 더 높은 유지관리 예산이 필요하다.

최근에는 웹 앱의 단점을 보완하기위해 프로그레시브 웹 앱이 개발되었다.

프로그레시브 웹 앱이란 무엇일까?

프로그레시브 웹 앱 (PWA, Progressive Web App)

한 문장으로 정리하자면 웹 앱에서 푸시 알림 전송, 오프라인 작업, 홈 화면 로드 기능같은 기본 앱의 기능을 추가한 것을 말한다. 기본적으로 사용자들에게 네이티브 앱의 느낌을 주면서도 웹 브라우저에서 바탕화면에 바로가기를 추가하여 다운로드와 인스톨 과정 없이 기본 앱으로 사용할 수 있다. 오프라인에서도 사용할 수 있고 푸시알림 메세지도 받을 수 있고 디바이스의 하드웨어적인 기능(ex. 카메라, GPS 등)을 사용할 수 있다. 각 플랫폼에 최적화된 사용자 경험을 기반으로 하며, PWA만을 위한 언어나 프레임워크 또는 전문 개발자가 필요없다. React나 Angular만 있으면 된다.

▶ 특징

- 사이트는 HTTPS를 통해 제공되며 각 페이지에 URL이 있다.

- 태블릿 및 모바일 장치의 페이지가 반응하며 페이지 전환시 네트워크에서 차단되는 것처럼 느껴지지 않는다.

- 3G에서도 빠른 실행이 가능하며 오프라인 상태에서 모든 앱 URL 로드할 수 있다.

- 다양한 브라우저에서 작동한다.

▶장점

- 모바일 브라우저에서 직접 실행되며 유저는 아무것도 다운로드하지 않아도되므로 스토리지 및 데이터 사용량을 절약할 수 있다.

- 앱 스토어 검토 및 승인 절차의 대상이 아니며 외부 관섭없이 조건에 따라 PWA를 시작하고 업데이트 할 수 있다.

- 사용자는 다양한 플랫폼에서 사이트에 액세스 할 수 있다.

▶ PWA 기능의 예시

- 세부 정보 페이지에 돌아가서 이전 페이지의 스크롤 위치를 유지하는 기능

- 시기 적절하고 관련성있는 푸시 알림

- 알림을 비활성화하는 옵션

- 기존 UI의 간편한 결제 옵션

- 유저가 현재 UI에서 쉽게 결제

결론적으로 프로그레시브 웹 앱은 모바일앱을 대체하는 것이 아닌 현재 웹 UX를 업그레이드하는 것에 가깝다. 목표가 Android 및 iOS의 청중을 다루는 것이라면 프로그레시브 웹 앱이 최적이 아닐 수도 있다는 점을 유념해야한다.

모바일 웹 (Mobile Web)

모바일 앱은 모바일 웹 사이트라고 보면 된다.

데스크 탑 브라우저에 실행되는 웹 어플리케이션을 모바일 스크린 크기로 줄여 놓은 것이다. Google Play 또는 iOS App Store와 같은 앱 스토에서 다운로드 한 앱이다. 현재 모바일 브라우저에서 볼 수 있는 대부분의 앱이 해당된다.

▶장점

장점으로는 스마트폰에 내장된 웹 브라우저를 통해 접속하는 형태로서 일반적인 웹 기술로 개발할 수 있다.

▶단점

단말기의 화면을 염두에 두고 제작해야 하며 앱에 비해 접속 속도가 느리다.

*풀 브라우징

: 휴대폰 인터넷 콘텐츠를 PC화면에서 보는 것과 같은 동일한 인터넷 화면으로 제공하는 서비스로, 각종 문서, 이미지, 동영상 등을 볼 수 있게 해준다. 직접 URL 입력을 통해 유선 웹 포털로 직접 접속이 가능해 이동통신사 무선 포털이 제공하는 콘텐츠의 범위 이상을 제공한다.

네이티브 앱 (Native App)

iOS 또는 Android의 특정 장치 플랫폼을 위해 특정 프로그래밍 언어로 빌드 된 소프트웨어 애플리케이션이다. 기본 iOS앱은 Swift 또는 Objective-C로 작성되고 기본 Android 앱은 Java로 작성된다. Apple과 Google은 앱 개발자에게 자체 개발 도구, 인터페이스 요소 및 표준화 된 SDK를 제공해 네이티브 모바일 앱을 비교적 쉽게 개발할 수 있다.

▶장점

- 가장 빠르고 안정적인 경험을 제공한다.

- 디바이스의 기능을 쉽게 사용 가능하다. (ex. 카메라, 마이크, 나침반 기능 등)

- 앱 UI/UX를 플랫폼 규칙에 일치한다.

- 모바일에 저장된 주소록, 파일 등 고유 정보를 변경 가능하며 각종 센서의 제어가 가능하다.

- 커널과 UI 프레임 워크가 제공하는 서비스를 직접 호출, 실행하므로 실행 속도가 매우 빠르고 안정적이다.

▶단점

- 하이브리드 앱보다 개발비용 많이 든다. 대부분의 개발자는 하나의 플랫폼(Android 또는 iOS)에 특화되어 있으므로

두 플랫폼 모두에서 앱을 개발하려면 두 명의 별도 개발자(또는 팀)가 필요하므로 시간과 비용이 추가된다.

- 앱의 업데이트는 앱스토어를 통해서만 이루어지므로 유지, 보수 측면에서 애로사항 발생할 수 있다.

▶네이티브 앱 예시

: Twitter, Pokemon go, 카카오톡, 에버노트, 게임 등이 보통 이 범주에 속함