모바일 앱 개발.. 뭐부터 알아야 할까? : 네이티브앱/웹앱/하이브리드앱 장단점 비교 분석 [코드스테이츠 PMB 7기]

 

 

우리는 정말 다양한 모바일 서비스를 이용한다. 검색을 위해 Google과 Naver를 사용하기도 하고, 컨텐츠를 보기 위해 Youtube와 SNS 등 다양한 어플리케이션을 사용한다. 근데 어떤 서비스는 모바일에서 웹(Web)을 통해 접속하기도 하고, 앱(App)을 통해 접속하는 경우도 있다. 둘 다 가능할 때도 있다. 그렇다면 이 서비스들의 방식은 어떤 차이가 있을까?

 

오늘은 모바일 앱(App) 개발 방식에 대해 글을 작성하고자 한다. 앱 개발 방식에는 크게 '네이티브 앱, 모바일 웹앱, 하이브리드 앱'으로 나뉜다.  다양한 앱 개발 방식 중에 우리 현 상황에 맞는 효율적인 개발 방식을 선택을 해야 한다. 배정된 예산과, 프로젝트 기간, 구현하고자 하는 기능 등에 따라 우리가 개발하고자 하는 방식이 달라진다. 따라서, 오늘은 어떤 방식의 개발 방식을 선택하면 더 효율적일지 장/단점을 비교하며 공부해보자.

 

 

 

 

1. 네이티브 앱 (Native App) = 모바일 기기에 최적화된 기능을 구현

 

출처: wishket

 

모바일 기기의 안드로이드/iOS 스토어에서 다운로드하여 사용할 수 있는 어플리케이션을 말한다. 모바일 기기에 최적화된 언어로 개발된  앱으로 SDK를 이용해 만드는 대부분의 앱이 여기 속한다. 네이티브 앱은 속도가 빠르고 사용하기 안정적인 특징이 있다. 디바이스 자체 특성을 사용할 수 있는 장점이 있기 때문에 카메나, 앨범, 달력 등 기기 자체에 있는 기능을 잘 사용할 수 있다. 그리고 높은 사양의 그래픽을 사용해 다양하고 창의적인 디자인을 많이 입힐 수도 있다.

 

하지만 상대적으로 높은 기술력이 필요하고, 각각 OS에 맞는 언어로 작성해야 하기 때문에 개발 비용과 시간이 많이 든다. 그리고 네이티브 앱은 PC로 접속이 불가능하기 때문에 스토어를 통한 업데이트가 주기적으로 되어야 한다. 만약 서비스가 모바일 밖에 지원이 안될 경우, PC 고객을 놓칠 수도 있다는 단점이 있다.

 

 

GOOD

•  성능이 웹앱, 하이브리드 앱에 비해 가장 높다
•  네이티브 API를 호출하여 사용함으로 플랫폼과 밀착되어 있다.
•  해당 언어에 익숙한 사용자라면 좀 더 쉽게 접근할 수 있다.

 

BAD

• 플랫폼에 한정적이다.
• 해당 플랫폼에서 요구하는 언어에 제약적이다. 따라서 해당 언어와 플랫폼의 API를 다루는데 익숙해야 한다.
• 상대적으로 높은 기술력이 요구된다.

*API : 응용 프로그램에서 사용할 수 있도록 운영체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스(매개체)

 

 

 언제 유용한가? 

• 3D 게임이나 애니메이션 등 고사양 프로덕트를 제작할 때
• 어떤 기기의 특별한 기능을 사용하고 싶을 때
• 앱 기능이 많고, 복잡한데 그 성능이 정확히 나오게 하고 싶을 때

 

 

 

2. 모바일 웹앱 (Web + App) = 비용이 저렴하고, 업데이트가 쉬움

 

출처: wishket

 

웹앱은 모바일 웹과 네이티브 앱을 결합한 형태다. 모바일 웹 특징을 가지면서 네이티브 앱의 장점을 살릴 수 있다. 즉, 기존 모바일 웹(Web)보다 좀 더 모바일 최적화된 웹이라고 볼 수 있다. 웹 기술로 개발되고 모바일 브라우저에서 실행된다. 단일 페이지 방식으로 속도가 빠르다는 장점이 있다.

 

 

GOOD

• 웹 사이트로 보는 것이라 따로 설치할 필요가 없다.
• 모든 기기(OS)와 브라우저에서 접근할 수 있다.
• 설치 및 승인이 필요없어 빠른 수정이 가능하다.

 

BAD

• 기기 자체에 있는 플랫폼API를 사용할 수 없어서 기능의 제약이 있다.
• 네이티브, 하이브리드 앱보다 실행의 단계가 번거롭다.

 

 언제 유용한가? 

• 기본 앱의 기능이 있는 다중 플랫폼 앱 필요
• 많은 사용자들이 다양한 채널을 통해 동시 접속할 때도 동일한 서비스를 제공하고자 할 때
• 강력한 전자 상거래 서비스를 제공할 때

 

 

 

3. 하이브리드 앱 (Native App + Web App) = 네이티브와 웹 앱의 강점을 합침

 

출처: wishket

 

하이브리드 앱은 네이티브앱과 웹앱의 장점을 합친 앱 개발 방식으로 기본적인 기능은 웹(HTML)으로 구현하고 다자인 등은 모바일 운영체제로 구현하는 방식이다. 네이티브 앱에서 웹뷰를 볼 수 있는 게 특징이고, 두 방식의 혼합된 형태이기에 웹, 앱의 API를 사용할 수 있다. 하지만 네이티브 앱의 장정을 가져왔기에 네이티브 개발 지식도 필요하고, 웹을 실행하는 것이라 브라우저 성능에 따라 앱의 기능이 달라진다. 그 결과로 사용자는 앱의 속도(성능)가 늦다는 인식을 갖게 할 수도 있다.

 

 

GOOD

• 네이티브 API와 브라우저 API를 이용한 다양한 개발이 가능하다.
• 웹개발 기술을 사용해 앱을 개발할 수 있다.
• 한번의 개발로 다양한 플랫폼으로 배포가 가능하다.

 

BAD

• 결국 네이티브, 웹 개발 지식 두 가지가 필요하다.
• 브라우저의 성능이 곧 앱의 성능이 된다.
• UI 제작이 까다롭다. UI 프레임워크 도구를 사용하지 않는다면 개발자가 UI를 제작해야 한다.

 

 언제 유용한가? 

• 다양한 플랫폼(모바일이나 웹)을 통한 사용자층이 넓을 때
• 애니메이션도 없고 복잡한 기능도 필요 없는 간단한 프로젝트인 경우
• 시간은 촉박한데 다양한 디바이스에서 실행돼야 하는 앱을 만들어야 할 때
• 프로젝트 아이디어가 있는 경우 가장 간단하게 테스트해보고 싶을 때

 

 

 

+. 모바일 웹

모바일 웹은 말 그대로 모바일에서 PC용 사이트를 열었을 때의 웹을 말한다. 사이트 내 이미지, 폰트, 아이콘, 플래시나 구성 요소 등 PC 브라우저에서 실행되는 기능을 모바일에 맞춰 표현한 사이트를 의미한다. 이 방식은 브라우저 URL을 이용하여 접속하게 된다.  즉 PC용 페이지를 모바일에서도 잘 볼 수 있게 스크린 크기를 맞춰 줄여둔 페이지다.

 

 

GOOD

- 개발을 할 때 다른 방식보다 훨씬 적은 시간과 비용이 든다.
- 웹 방식이라 빠른 수정이 가능하다.
- 반응형으로 제작하면 기기 화면 사이즈에 맞춰 자동으로 세팅된다.

 

BAD

- 앱설치 방식이 아니어서, 사용자가 직접 URL을 통해 접속해야 한다는 불편함이 있다.
- 기기 자체에 있는 플랫폼API를 사용할 수 없어서 기능의 제약이 있다.

 

 

정리하자면,

출처: 에이콘아카데미 공식블로그

 

 

✅  앱의 성능이나 실행될 장치의 특성 기능이 매우 필요한 경우 : 네이티브 앱(Native App) 선택

 

✅  쇼핑몰 같이 사용자의 방문이 많을 수 있고 웹과 모바일 둘 다 되는 앱을 구상 중인 경우 : 웹 앱(PWA)을 선택

 

✅  웹 개발에 익숙하고 빠른 기간 내에 앱을 구축하고 싶은 경우 : 하이브리드 앱(Hybrid App) 선택

 

 

 

---

참고자료

 

https://m.blog.naver.com/acornedu/221012420292

[모바일] 네이티브앱 vs 모바일웹앱 vs 하이브리드앱

http://blog.wishket.com/%EB%84%A4%EC%9D%B4%ED%8B%B0%EB%B8%8C-%EC%95%B1-%EC%9B%B9-%EC%95%B1-%ED%95%98%EC%9D%B4%EB%B8%8C%EB%A6%AC%EB%93%9C-%EC%95%B1-%EC%9E%A5%EB%8B%A8%EC%A0%90-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0/

네이티브 앱, 웹 앱, 하이브리드 앱 장단점 알아보세요! - Wishket

https://chaeyeon-chaeyeon.tistory.com/20

[앱개발방식] 네이티브앱, 하이브리드앱, 모바일웹, 웹앱 차이점 알아보기

https://www.hanl.tech/blog/native-vs-hybrid-vs-pwa/

네이티브 앱(Native App) vs 하이브리드 앱(Hybrid App) vs 프로그레시브 웹 앱(PWA) – 정의와 장단점 - 하