네이티브 앱 vs 웹 앱 vs 하이브리드 앱 vs PWA

❗️요즘 취업공고를 찾아보면 많이는 아니더라도 하이브리드 앱 혹은 네이티브 앱, 웹앱, PWA 개발 경험이 있는 사람을 우대하는 것을 볼 수 있다.

 

🤔 그래서 오늘은 네이티브 앱, 웹 앱, 하이브리드 앱, PWA에 대해서 살펴보고 각 장/단점이 뭔지 살펴보자.

출처 - https://www.octalsoftware.com.sg/blog/difference-between-web-apps-hybrid-apps-or-native-apps/

 

1️⃣ 네이티브 앱 (Native APP)

네이티브 앱이란?

👉 우리가 흔히 아는 안드로이드/IOS 용으로 나눠서 만들어진 앱으로 각각의 플랫폼에서 제공하는 언어로 이용해서 만들어진 앱이다.

👉 대표적인 예로) 카카오톡, 유튜브, 인스타그램 등이 있다. 

 

네이티브 앱 장점

👉 모바일 기기에 최적화된 언어로 개발되어 반응 속도가 빠르고 안정적이다.

👉 카메라, 음성인식과 같은 스마트폰 기능과 2D, 3D 등의 기능도 활용할 수 있다. 

 

네이티브 앱 단점

👉 안드로이드와 IOS 용 앱을 각각 따로 개발을 해야 하기 때문에 시간과 비용이 많이 들고 개발 난이도가 높다.

 

---

2️⃣ 웹 앱(Web APP)

웹 앱이란?

👉 웹 앱은 네이티브 앱과 다르게 PC에 접속하는 웹페이지를 스마트폰 화면 사이즈로 줄여서 만든 모바일 웹이다. 

👉 실제로는 웹 방식이지만 마치 앱을 사용하는 것처럼 보이게 된다. 

 

웹 앱 장점

👉 웹페이지만 제작하면 완성되기 때문에 시간과 비용이 적게 들어간다.

👉 PC, 스마트폰 등 기기의 종류와 상관없이 모든 기기에서 같은 페이지를 볼 수 있다.

👉 별도의 설치가 필요 없기 때문에 네이티브 앱에 비해 유지 보수가 쉬운 편이다. 

 

웹 앱 단점

👉 웹용 언어로만 제작하기 때문에 카메라, 음성 검색과 같은 스마트폰 기능을 사용할 수 없다.

👉 앱을 다운로드해서 기능을 실행하는 것이 아니기 때문에 검색이나 주소 입력 등의 과정을 거쳐야 한다. 

👉 애플/앱스토어에서는 거절 대상으로 등록 및 판매를 할 수가 없다.

 

---

3️⃣  하이브리드 앱(Hybrid APP)

하이브리드 앱이란?

👉 네이티브 앱과 웹앱의 장점을 합친 앱이다. 

👉 기본 기능은 HTML 등의 웹 표준 기술을 기반으로 구현하고, 앱을 만든 후 최종 앱 배포에 필요한 패키징 처리만 아이폰, 안드로이드 등 모바일 운영체제 별로 구현하는 앱이다.

👉 네이티브 앱으로 보이지만 실제로는 웹 화면을 띄어 실현 시키는 형태이다.

👉 대표적으로 크롬, 네이버, 다음이 하이브리드 형태로 개발된 앱이다. 

 

하이브리드 앱 장점

👉 모바일 웹과 기존 네이티브 앱의 장점을 모두 가지고 있다.

👉 HTML로 개발되기 때문에 비용과 시간이 적게 들고 업데이트 및 유지 보수가 편하다.

👉 네이티브 API와 브라우저 API를 이용해서 다양하게 개발할 수 있고 한 번의 개발로 다수의 플랫폼에 유연하게 대처가 가능하다.

 

하이브리드 앱 단점

👉 네이티브 앱 개발 지식이 필요하다.

👉 브라우저의 성능이 떨어지면 앱 구동 속도가 저하된다. 

👉 네이티브 앱에 비해 디자인의 자유도가 떨어진다. 

 

---

4️⃣ 프로그레시브 웹 앱(Progressive Web App)

프로그레시브 웹 앱이란?

👉 2016년 구글이 Google I/O라는 컨퍼런스에서 PWA를 선보이면서 나왔다.

👉 모바일 사이트에서 네이티브 앱과 동일한 사용자 경험을 제공한다. 

 

프로그레시브 웹 앱 장점

👉 웹 브라우저에서 실행되기 때문에 앱을 다운로드 하거나 업데이트 하지 않고 홈 화면에 아이콘을 추가해 쉽고 빠르게 앱을 방문할 수 있다.

👉 별도의 심사 없이 배포가 가능하다.

👉 푸쉬 알림 및 블루투스 연결 등 네이티브 기능을 사용할 수 있다. 

👉 빠른 성능을 제공한다. 

👉 오프라인에서도 사용이 가능하도록 캐싱이 잘 되어 있다. 

 

프로그레시브 웹 앱 단점

👉 네이티브의 성능을 따라갈 수 없다.

👉 네이티브의 기능을 모두 사용할 수 없고, OS에서 기능을 지원하지 않는다면 PWA에서 존재하더라도 사용할 수 없다.

👉 앱스토어의 부재로 인해서 PWA 웹 앱 검색 불가하다.

👉 PWA설치 시 복잡한 방법 요구한다.