본문 바로가기

WEB

[WEB] 모바일 애플리케이션 vs 웹 애플리케이션

안드로이드 스튜디오를 만지작 거리다보니 Kotlin을 공부해보고 싶어졌다.

그래서 그 전에 정확하게 모바일 애플리케이션과 웹 애플리케이션의 차이를 확실히 알아보고자 한다.

 

기존에 조금씩 찾아봤지만 계속 헷갈렸는데 다음 블로그를 보고 바로 이해했다.

https://brunch.co.kr/@b30afb04c9f54dc/40

 

모바일서비스 개발 방식의 4가지 유형

모바일 웹, 웹 앱, 네이티브 앱, 하이브리드 앱 | 여러분의 서비스는 어떤 방식으로 구현되어 있나요? 쪼렙이가 일하고 있는 서비스는 겉으로는 앱으로 보이지만 사실 웹으로 구현된 서비스이

brunch.co.kr

 

1. 네이티브 앱(Native App)

Kotlin, Swift로 구현한다. 앱스토어에서 다운로드 가능한 어플이다. 각 운영체제별로 최적화하여 개발하기 때문에 실행속도, 안정성 등이 우수하다.

 

2. 모바일 웹(Mobile Web)

PC 웹 페이지를 모바일 화면에 맞게 크기를 줄인 형태이다 (하단 메뉴바는 제공하지 않음) . URL을 통해 바로 접속할 수 있다. 새로 고침 한번에 최신 버전을 이용할 수 있다. But, 모바일 기기의 깊숙한 기능을 사용하지 못한다.

- 데이터가 일부만 수정되어도 새로 고침을 통해 화면 전체 내용을 새로 불러와야 한다.

 

3. 웹 앱(Web App)

UI/UX를 앱처럼 만들어 네이티브 앱과 유사한 동작과 화면 전환 효과를 보여준다. 모바일 웹보다 모바일 최적화된 형태이다. 앱과 동일한 UI를 가진다.

- 새로고침 없이 데이터 변경이 일어나면 Ajax를 이용하여 데이터를 바인딩한다.

 

4. 하이브리드 앱(Hybrid App)

앱스토어에 올릴 수 있는 네이티브 앱 형태로 만들되, 그 안에 웹뷰를 띄울 수 있도록 개발하는 방식이다. 모바일 운영체제로 패키징하기 때문에 좋은 퍼포먼스를 가진다.

- 웹뷰: 웹 기술을 사용하여 웹 콘텐츠를 표시하기 위한 컴포넌트 또는 브라우저

네이티브 앱으로 구현한 부분: 정밀한 기능 구현 가능

웹 뷰로 구현한 부분: 바로바로 업데이트 가능

'WEB' 카테고리의 다른 글

[WEB] 적응형/반응형, 모바일웹/웹앱  (0) 2024.08.22
[WEB]  (0) 2024.03.22
[WEB] React + Spring Boot  (0) 2024.01.24
[WEB] CORS  (0) 2024.01.12
[WEB] 웹 애플리케이션과 웹 서비스  (0) 2023.11.29