웹앱 / 모바일 웹의 차이에 대해

IT서비스를 개발하면서 헷갈리는 용어를 정리하고 넘어가려고 한다 

 

웹 앱(Web App) 과 모바일 웹(Mobile Web)이다

	웹 앱	모바일 웹
정의	모바일 웹과 비슷하지만 구동방식이 앱처럼 보이게 한 앱	모바일 화면에 맞게 구성한 웹
특징	> 개발: 웹 개발 방식과 동일 > 실행: 웹 브라우저(SPA) > 겉 모습과 구동방식이 마치 네이티브 같은 웹페이지 (모바일 웹보다 모바일에 최적화)	> 개발: 웹 개발 방식과 동일 > 실행: 웹 브라우저(Full Browser) > PC 웹페이지를 모바일에 맞게 줄인 모습
장점	> 운영체제 별로 개발할 필요 없음:     비용,시간 절감 / 심사 과정 없음	> 운영체제 별로 개발할 필요 없음:     비용,시간 절감 / 심사 과정 없음
단점	> 디바이스 접근 권한 제한 > 웹 브라우저 검색 또는 URL로 접근해야함(불편)	> 디바이스 접근 권한 제한 > 웹 브라우저 검색 또는 URL로 접근해야함(불편)

 

또 다시 모르는 단어가 나왔다. 

Full Browser(풀 브라우저) 방식과 SPA(Single Page Application, 단일 페이지) 방식이다 

풀 브라우저 방식	SPA 방식
> 화면 일부분이 변경될 떄 화면 전체를 서버에서 받아옴 > 페이지 Reload 속도가 느림 > 모바일 기기 특성ㄷ상 이동 중 서버 접속 장애 발생할 수 있음	> 최초 한번 페이지 전체를 받아옴 > 화면 일부분이 변경/ 요청되면 해당 부분만 Ajax를 통해 데이터를 바인딩 함

> Ajax : 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법. 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지 일부만 갱신이 가능

 

> 데이터 바인딩: 자바스크립트 웹 애플리케이션이 복잡해지면서 쉬운 코드 관리와 유지보수를 위해 화면에 보이는 데이터와 브라우저 메모리에 있는 데이터를 일치시키는 기법